fluid-ui-svelte 0.2.4 → 0.3.0

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 (127) hide show
  1. package/LICENSE +22 -0
  2. package/README.md +16 -5
  3. package/dist/base/Button.svelte +35 -0
  4. package/dist/base/Button.svelte.d.ts +14 -0
  5. package/dist/base/Container.svelte +34 -0
  6. package/dist/base/Container.svelte.d.ts +14 -0
  7. package/dist/base/Image.svelte +21 -0
  8. package/dist/base/Image.svelte.d.ts +8 -0
  9. package/dist/base/InputField.svelte +33 -0
  10. package/dist/base/InputField.svelte.d.ts +10 -0
  11. package/dist/base/Link.svelte +23 -0
  12. package/dist/base/Link.svelte.d.ts +10 -0
  13. package/dist/base/List.svelte +39 -0
  14. package/dist/base/List.svelte.d.ts +33 -0
  15. package/dist/base/Table.svelte +80 -0
  16. package/dist/base/Table.svelte.d.ts +42 -0
  17. package/dist/base/Text.svelte +45 -0
  18. package/dist/base/Text.svelte.d.ts +11 -0
  19. package/dist/base/index.d.ts +8 -0
  20. package/dist/base/index.js +8 -0
  21. package/dist/components/Accordion.svelte +45 -1
  22. package/dist/components/Accordion.svelte.d.ts +14 -25
  23. package/dist/components/Calendar.svelte +63 -0
  24. package/dist/components/Calendar.svelte.d.ts +9 -25
  25. package/dist/components/{Badge.svelte.d.ts → Carousel.svelte.d.ts} +3 -3
  26. package/dist/components/CodeBlock.svelte +27 -0
  27. package/dist/components/CodeBlock.svelte.d.ts +8 -0
  28. package/dist/components/ImageCrop.svelte +65 -0
  29. package/dist/components/ImageCrop.svelte.d.ts +7 -0
  30. package/dist/components/Page.svelte +26 -0
  31. package/dist/components/Page.svelte.d.ts +11 -0
  32. package/dist/components/Switch.svelte +22 -20
  33. package/dist/components/Switch.svelte.d.ts +9 -4
  34. package/dist/components/index.d.ts +6 -0
  35. package/dist/components/index.js +6 -0
  36. package/dist/index.d.ts +2 -33
  37. package/dist/index.js +2 -36
  38. package/dist/utilities/applyCharacterFilter.d.ts +1 -0
  39. package/dist/utilities/applyCharacterFilter.js +6 -0
  40. package/dist/utilities/calendar.d.ts +10 -0
  41. package/dist/utilities/calendar.js +112 -0
  42. package/dist/utilities/imageCrop.d.ts +33 -0
  43. package/dist/utilities/imageCrop.js +217 -0
  44. package/dist/utilities/mergeClasses.d.ts +1 -0
  45. package/dist/utilities/mergeClasses.js +3 -0
  46. package/package.json +50 -33
  47. package/dist/community/components/index.d.ts +0 -1
  48. package/dist/community/components/index.js +0 -1
  49. package/dist/community/prebuilt/index.d.ts +0 -1
  50. package/dist/community/prebuilt/index.js +0 -1
  51. package/dist/components/Breadcrumb.svelte +0 -1
  52. package/dist/components/Breadcrumb.svelte.d.ts +0 -26
  53. package/dist/components/Drawer.svelte +0 -33
  54. package/dist/components/Drawer.svelte.d.ts +0 -9
  55. package/dist/components/Dropdown.svelte +0 -59
  56. package/dist/components/Dropdown.svelte.d.ts +0 -20
  57. package/dist/components/Dropzone.svelte +0 -1
  58. package/dist/components/Dropzone.svelte.d.ts +0 -26
  59. package/dist/components/InteractiveScrollArea.svelte +0 -1
  60. package/dist/components/InteractiveScrollArea.svelte.d.ts +0 -26
  61. package/dist/components/Pagination.svelte +0 -1
  62. package/dist/components/Pagination.svelte.d.ts +0 -26
  63. package/dist/components/Progress.svelte +0 -1
  64. package/dist/components/Progress.svelte.d.ts +0 -26
  65. package/dist/components/Tabs.svelte +0 -1
  66. package/dist/components/Tabs.svelte.d.ts +0 -26
  67. package/dist/components/Tooltip.svelte +0 -1
  68. package/dist/components/Tooltip.svelte.d.ts +0 -26
  69. package/dist/components/charts/BatteryChart.svelte +0 -0
  70. package/dist/components/charts/BatteryChart.svelte.d.ts +0 -26
  71. package/dist/components/charts/LineChart.svelte +0 -0
  72. package/dist/components/charts/LineChart.svelte.d.ts +0 -26
  73. package/dist/components/charts/PieChart.svelte +0 -0
  74. package/dist/components/charts/PieChart.svelte.d.ts +0 -26
  75. package/dist/components/notification/NotificationArea.svelte +0 -21
  76. package/dist/components/notification/NotificationArea.svelte.d.ts +0 -7
  77. package/dist/prebuilt/FormBuilder.svelte +0 -1
  78. package/dist/prebuilt/FormBuilder.svelte.d.ts +0 -26
  79. package/dist/prebuilt/document/Document.svelte +0 -1
  80. package/dist/prebuilt/document/Document.svelte.d.ts +0 -26
  81. package/dist/prebuilt/document/DocumentBlock.svelte +0 -1
  82. package/dist/prebuilt/document/DocumentBlock.svelte.d.ts +0 -26
  83. package/dist/prebuilt/document/DocumentPage.svelte +0 -1
  84. package/dist/prebuilt/document/DocumentPage.svelte.d.ts +0 -26
  85. package/dist/prebuilt/timeline/Timeline.svelte +0 -0
  86. package/dist/prebuilt/timeline/Timeline.svelte.d.ts +0 -26
  87. package/dist/prebuilt/timeline/TimelineItem.svelte +0 -0
  88. package/dist/prebuilt/timeline/TimelineItem.svelte.d.ts +0 -26
  89. package/dist/primitives/Button.svelte +0 -53
  90. package/dist/primitives/Button.svelte.d.ts +0 -13
  91. package/dist/primitives/Container.svelte +0 -51
  92. package/dist/primitives/Container.svelte.d.ts +0 -10
  93. package/dist/primitives/Dialog.svelte +0 -39
  94. package/dist/primitives/Dialog.svelte.d.ts +0 -10
  95. package/dist/primitives/Divider.svelte +0 -14
  96. package/dist/primitives/Divider.svelte.d.ts +0 -6
  97. package/dist/primitives/Form.svelte +0 -18
  98. package/dist/primitives/Form.svelte.d.ts +0 -8
  99. package/dist/primitives/Image.svelte +0 -57
  100. package/dist/primitives/Image.svelte.d.ts +0 -12
  101. package/dist/primitives/Input.svelte +0 -23
  102. package/dist/primitives/Input.svelte.d.ts +0 -9
  103. package/dist/primitives/Label.svelte +0 -18
  104. package/dist/primitives/Label.svelte.d.ts +0 -8
  105. package/dist/primitives/Link.svelte +0 -18
  106. package/dist/primitives/Link.svelte.d.ts +0 -8
  107. package/dist/primitives/Table.svelte +0 -18
  108. package/dist/primitives/Table.svelte.d.ts +0 -8
  109. package/dist/primitives/TableBody.svelte +0 -17
  110. package/dist/primitives/TableBody.svelte.d.ts +0 -7
  111. package/dist/primitives/TableData.svelte +0 -18
  112. package/dist/primitives/TableData.svelte.d.ts +0 -8
  113. package/dist/primitives/TableFooter.svelte +0 -17
  114. package/dist/primitives/TableFooter.svelte.d.ts +0 -7
  115. package/dist/primitives/TableHead.svelte +0 -18
  116. package/dist/primitives/TableHead.svelte.d.ts +0 -8
  117. package/dist/primitives/TableHeader.svelte +0 -17
  118. package/dist/primitives/TableHeader.svelte.d.ts +0 -7
  119. package/dist/primitives/TableRow.svelte +0 -18
  120. package/dist/primitives/TableRow.svelte.d.ts +0 -8
  121. package/dist/primitives/Text.svelte +0 -46
  122. package/dist/primitives/Text.svelte.d.ts +0 -8
  123. package/dist/primitives/TextArea.svelte +0 -15
  124. package/dist/primitives/TextArea.svelte.d.ts +0 -7
  125. package/dist/types.d.ts +0 -4
  126. package/dist/types.js +0 -1
  127. /package/dist/components/{Badge.svelte → Carousel.svelte} +0 -0
@@ -1,9 +0,0 @@
1
- import type { HTMLInputAttributes } from "svelte/elements";
2
- declare const Input: import("svelte").Component<{
3
- class?: string;
4
- overrideDefaultStyling?: boolean;
5
- value?: any;
6
- checked?: boolean;
7
- type: string;
8
- } & Omit<HTMLInputAttributes, "type" | "value">, {}, "value" | "checked">;
9
- export default Input;
@@ -1,18 +0,0 @@
1
- <script lang="ts">
2
- import type { Snippet } from "svelte";
3
- import type { HTMLLabelAttributes } from "svelte/elements";
4
- const {
5
- class: className,
6
- children,
7
- overrideDefaultStyling = false,
8
- ...restProps
9
- }: {
10
- class?: string;
11
- overrideDefaultStyling?: boolean;
12
- children: Snippet;
13
- } & HTMLLabelAttributes = $props();
14
- </script>
15
-
16
- <label {...restProps} class={(overrideDefaultStyling ? "" : "fluid-label") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
17
- {@render children()}
18
- </label>
@@ -1,8 +0,0 @@
1
- import type { Snippet } from "svelte";
2
- import type { HTMLLabelAttributes } from "svelte/elements";
3
- declare const Label: import("svelte").Component<{
4
- class?: string;
5
- overrideDefaultStyling?: boolean;
6
- children: Snippet;
7
- } & HTMLLabelAttributes, {}, "">;
8
- export default Label;
@@ -1,18 +0,0 @@
1
- <script lang="ts">
2
- import type { Snippet } from "svelte";
3
- import type { HTMLAnchorAttributes } from "svelte/elements";
4
- const {
5
- class: className,
6
- children,
7
- overrideDefaultStyling = false,
8
- ...restProps
9
- }: {
10
- class?: string;
11
- overrideDefaultStyling?: boolean;
12
- children: Snippet;
13
- } & HTMLAnchorAttributes = $props();
14
- </script>
15
-
16
- <a {...restProps} class={(overrideDefaultStyling ? "" : "fluid-anchor") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
17
- {@render children()}
18
- </a>
@@ -1,8 +0,0 @@
1
- import type { Snippet } from "svelte";
2
- import type { HTMLAnchorAttributes } from "svelte/elements";
3
- declare const Link: import("svelte").Component<{
4
- class?: string;
5
- overrideDefaultStyling?: boolean;
6
- children: Snippet;
7
- } & HTMLAnchorAttributes, {}, "">;
8
- export default Link;
@@ -1,18 +0,0 @@
1
- <script lang="ts">
2
- import type { Snippet } from "svelte";
3
- import type { HTMLTableAttributes } from "svelte/elements";
4
- const {
5
- class: className,
6
- children,
7
- overrideDefaultStyling = false,
8
- ...restProps
9
- }: {
10
- class?: string;
11
- overrideDefaultStyling?: boolean;
12
- children: Snippet;
13
- } & HTMLTableAttributes = $props();
14
- </script>
15
-
16
- <table {...restProps} class={(overrideDefaultStyling ? "" : "fluid-table") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
17
- {@render children()}
18
- </table>
@@ -1,8 +0,0 @@
1
- import type { Snippet } from "svelte";
2
- import type { HTMLTableAttributes } from "svelte/elements";
3
- declare const Table: import("svelte").Component<{
4
- class?: string;
5
- overrideDefaultStyling?: boolean;
6
- children: Snippet;
7
- } & HTMLTableAttributes, {}, "">;
8
- export default Table;
@@ -1,17 +0,0 @@
1
- <script lang="ts">
2
- import type { Snippet } from "svelte";
3
- const {
4
- class: className,
5
- overrideDefaultStyling = false,
6
- children,
7
- ...restProps
8
- }: {
9
- class?: string;
10
- overrideDefaultStyling?: boolean;
11
- children: Snippet;
12
- } = $props();
13
- </script>
14
-
15
- <tbody {...restProps} class={(overrideDefaultStyling ? "" : "fluid-table-body") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
16
- {@render children()}
17
- </tbody>
@@ -1,7 +0,0 @@
1
- import type { Snippet } from "svelte";
2
- declare const TableBody: import("svelte").Component<{
3
- class?: string;
4
- overrideDefaultStyling?: boolean;
5
- children: Snippet;
6
- }, {}, "">;
7
- export default TableBody;
@@ -1,18 +0,0 @@
1
- <script lang="ts">
2
- import type { Snippet } from "svelte";
3
- import type { HTMLTdAttributes } from "svelte/elements";
4
- const {
5
- class: className,
6
- overrideDefaultStyling = false,
7
- children,
8
- ...restProps
9
- }: {
10
- class?: string;
11
- overrideDefaultStyling?: boolean;
12
- children: Snippet;
13
- } & HTMLTdAttributes = $props();
14
- </script>
15
-
16
- <td {...restProps} class={(overrideDefaultStyling ? "" : "fluid-table-data") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
17
- {@render children()}
18
- </td>
@@ -1,8 +0,0 @@
1
- import type { Snippet } from "svelte";
2
- import type { HTMLTdAttributes } from "svelte/elements";
3
- declare const TableData: import("svelte").Component<{
4
- class?: string;
5
- overrideDefaultStyling?: boolean;
6
- children: Snippet;
7
- } & HTMLTdAttributes, {}, "">;
8
- export default TableData;
@@ -1,17 +0,0 @@
1
- <script lang="ts">
2
- import type { Snippet } from "svelte";
3
- const {
4
- class: className,
5
- overrideDefaultStyling = false,
6
- children,
7
- ...restProps
8
- }: {
9
- class?: string;
10
- overrideDefaultStyling?: boolean;
11
- children: Snippet;
12
- } = $props();
13
- </script>
14
-
15
- <tfoot {...restProps} class={(overrideDefaultStyling ? "" : "fluid-table-footer") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
16
- {@render children()}
17
- </tfoot>
@@ -1,7 +0,0 @@
1
- import type { Snippet } from "svelte";
2
- declare const TableFooter: import("svelte").Component<{
3
- class?: string;
4
- overrideDefaultStyling?: boolean;
5
- children: Snippet;
6
- }, {}, "">;
7
- export default TableFooter;
@@ -1,18 +0,0 @@
1
- <script lang="ts">
2
- import type { Snippet } from "svelte";
3
- import type { HTMLThAttributes } from "svelte/elements";
4
- const {
5
- class: className,
6
- overrideDefaultStyling = false,
7
- children,
8
- ...restProps
9
- }: {
10
- class?: string;
11
- overrideDefaultStyling?: boolean;
12
- children: Snippet;
13
- } & HTMLThAttributes = $props();
14
- </script>
15
-
16
- <th {...restProps} class={(overrideDefaultStyling ? "" : "fluid-table-head") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
17
- {@render children()}
18
- </th>
@@ -1,8 +0,0 @@
1
- import type { Snippet } from "svelte";
2
- import type { HTMLThAttributes } from "svelte/elements";
3
- declare const TableHead: import("svelte").Component<{
4
- class?: string;
5
- overrideDefaultStyling?: boolean;
6
- children: Snippet;
7
- } & HTMLThAttributes, {}, "">;
8
- export default TableHead;
@@ -1,17 +0,0 @@
1
- <script lang="ts">
2
- import type { Snippet } from "svelte";
3
- const {
4
- class: className,
5
- overrideDefaultStyling = false,
6
- children,
7
- ...restProps
8
- }: {
9
- class?: string;
10
- overrideDefaultStyling?: boolean;
11
- children: Snippet;
12
- } = $props();
13
- </script>
14
-
15
- <thead {...restProps} class={(overrideDefaultStyling ? "" : "fluid-table-header") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
16
- {@render children()}
17
- </thead>
@@ -1,7 +0,0 @@
1
- import type { Snippet } from "svelte";
2
- declare const TableHeader: import("svelte").Component<{
3
- class?: string;
4
- overrideDefaultStyling?: boolean;
5
- children: Snippet;
6
- }, {}, "">;
7
- export default TableHeader;
@@ -1,18 +0,0 @@
1
- <script lang="ts">
2
- import type { Snippet } from "svelte";
3
- import type { HTMLAttributes } from "svelte/elements";
4
- const {
5
- class: className,
6
- overrideDefaultStyling = false,
7
- children,
8
- ...restProps
9
- }: {
10
- class?: string;
11
- overrideDefaultStyling?: boolean;
12
- children: Snippet;
13
- } & HTMLAttributes<HTMLTableRowElement> = $props();
14
- </script>
15
-
16
- <tr {...restProps} class={(overrideDefaultStyling ? "" : "fluid-table-row") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
17
- {@render children()}
18
- </tr>
@@ -1,8 +0,0 @@
1
- import type { Snippet } from "svelte";
2
- import type { HTMLAttributes } from "svelte/elements";
3
- declare const TableRow: import("svelte").Component<{
4
- class?: string;
5
- overrideDefaultStyling?: boolean;
6
- children: Snippet;
7
- } & HTMLAttributes<HTMLTableRowElement>, {}, "">;
8
- export default TableRow;
@@ -1,46 +0,0 @@
1
- <script lang="ts">
2
- import type { HTMLAttributes } from "svelte/elements";
3
-
4
- const {
5
- textType = "p",
6
- class: className = "",
7
- overrideDefaultStyling = false,
8
- textValue,
9
- ...restProps
10
- }: {
11
- textType?: "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
12
- textValue: string;
13
- overrideDefaultStyling?: boolean;
14
- class?: string;
15
- } & HTMLAttributes<HTMLElement> = $props();
16
- </script>
17
-
18
- {#if textType == "p"}
19
- <p {...restProps} class={(overrideDefaultStyling ? "" : "fluid-text fluid-p") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
20
- {textValue}
21
- </p>
22
- {:else if textType == "h1"}
23
- <h1 {...restProps} class={(overrideDefaultStyling ? "" : "fluid-text fluid-h1") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
24
- {textValue}
25
- </h1>
26
- {:else if textType == "h2"}
27
- <h2 {...restProps} class={(overrideDefaultStyling ? "" : "fluid-text fluid-h2") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
28
- {textValue}
29
- </h2>
30
- {:else if textType == "h3"}
31
- <h3 {...restProps} class={(overrideDefaultStyling ? "" : "fluid-text fluid-h3") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
32
- {textValue}
33
- </h3>
34
- {:else if textType == "h4"}
35
- <h4 {...restProps} class={(overrideDefaultStyling ? "" : "fluid-text fluid-h4") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
36
- {textValue}
37
- </h4>
38
- {:else if textType == "h5"}
39
- <h5 {...restProps} class={(overrideDefaultStyling ? "" : "fluid-text fluid-h5") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
40
- {textValue}
41
- </h5>
42
- {:else if textType == "h6"}
43
- <h6 {...restProps} class={(overrideDefaultStyling ? "" : "fluid-text fluid-h6") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
44
- {textValue}
45
- </h6>
46
- {/if}
@@ -1,8 +0,0 @@
1
- import type { HTMLAttributes } from "svelte/elements";
2
- declare const Text: import("svelte").Component<{
3
- textType?: "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
4
- textValue: string;
5
- overrideDefaultStyling?: boolean;
6
- class?: string;
7
- } & HTMLAttributes<HTMLElement>, {}, "">;
8
- export default Text;
@@ -1,15 +0,0 @@
1
- <script lang="ts">
2
- import type { HTMLTextareaAttributes } from "svelte/elements";
3
- let {
4
- class: className,
5
- value = $bindable(),
6
- overrideDefaultStyling = false,
7
- ...restProps
8
- }: {
9
- class?: string;
10
- overrideDefaultStyling?: boolean;
11
- value: any;
12
- } & Omit<HTMLTextareaAttributes, "value"> = $props();
13
- </script>
14
-
15
- <textarea {...restProps} bind:value class={(overrideDefaultStyling ? "" : "fluid-text-area") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}></textarea>
@@ -1,7 +0,0 @@
1
- import type { HTMLTextareaAttributes } from "svelte/elements";
2
- declare const TextArea: import("svelte").Component<{
3
- class?: string;
4
- overrideDefaultStyling?: boolean;
5
- value: any;
6
- } & Omit<HTMLTextareaAttributes, "value">, {}, "value">;
7
- export default TextArea;
package/dist/types.d.ts DELETED
@@ -1,4 +0,0 @@
1
- export type DropdownOptions = {
2
- isOpen: boolean;
3
- toggleDropdown: Function;
4
- };
package/dist/types.js DELETED
@@ -1 +0,0 @@
1
- export {};