flowbite-svelte 1.21.0 → 1.21.1

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.
package/dist/index.d.ts CHANGED
@@ -80,4 +80,4 @@ export * from "./utils";
80
80
  export * from "./types";
81
81
  export * from "./virtuallist";
82
82
  export * from "./kanban";
83
- export * from "./splitpane";
83
+ export * from "./split-pane";
package/dist/index.js CHANGED
@@ -86,4 +86,4 @@ export * from "./types";
86
86
  // extend
87
87
  export * from "./virtuallist";
88
88
  export * from "./kanban";
89
- export * from "./splitpane";
89
+ export * from "./split-pane";
@@ -14,7 +14,7 @@
14
14
  const { base, div, ul, extra: extraCls } = $derived(megamenu({ full, hasExtra: !!extra }));
15
15
  </script>
16
16
 
17
- <Popper color={full ? "default" : "dropdown"} arrow={false} bind:isOpen trigger="click" placement="bottom" yOnly={full} {...restProps} class={base({ class: clsx(theme?.base, className) })}>
17
+ <Popper arrow={false} bind:isOpen trigger="click" placement="bottom" yOnly={full} {...restProps} class={base({ class: clsx(theme?.base, className) })}>
18
18
  <div class={div({ class: clsx(theme?.div, classes?.div) })}>
19
19
  <ul class={ul({ class: clsx(theme?.ul, styling.ul) })}>
20
20
  {#each items as item, index}
@@ -1,14 +1,14 @@
1
1
  import { tv } from "tailwind-variants";
2
2
  export const megamenu = tv({
3
3
  slots: {
4
- base: "w-fit bg-white dark:bg-gray-700 text-gray-700 dark:text-gray-200 rounded-lg border border-gray-100 dark:border-gray-600 divide-gray-100 dark:divide-gray-600",
4
+ base: "w-fit bg-white shadow-md dark:bg-gray-700 text-gray-700 dark:text-gray-200 rounded-lg border border-gray-100 dark:border-gray-600 divide-gray-100 dark:divide-gray-600",
5
5
  div: "flex flex-col md:flex-row p-4 max-w-(--breakpoint-md) justify-center mx-auto mt-2",
6
6
  ul: "grid grid-flow-row gap-y-4 md:gap-x-0 auto-col-max auto-row-max grid-cols-2 md:grid-cols-3 text-sm font-medium",
7
7
  extra: "md:w-1/3 mt-4 md:mt-0"
8
8
  },
9
9
  variants: {
10
10
  full: {
11
- true: { base: "border-y w-full ml-0 rounded-none" }
11
+ true: { base: "border-y shadow-xs w-full ml-0 rounded-none" }
12
12
  },
13
13
  hasExtra: {
14
14
  true: {}
@@ -43,5 +43,5 @@
43
43
  @prop onKeyDown
44
44
  @prop isDragging
45
45
  @prop currentSize
46
- @prop class: className = ''
46
+ @prop class: className = ""
47
47
  -->
@@ -10,7 +10,7 @@ import type { DividerProps } from "../types";
10
10
  * @prop onKeyDown
11
11
  * @prop isDragging
12
12
  * @prop currentSize
13
- * @prop class: className = ''
13
+ * @prop class: className = ""
14
14
  */
15
15
  declare const Divider: import("svelte").Component<DividerProps, {}, "">;
16
16
  type Divider = ReturnType<typeof Divider>;
@@ -42,6 +42,6 @@
42
42
  [PaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2139)
43
43
  ## Props
44
44
  @prop children
45
- @prop class: className = ''
46
- @prop style = ''
45
+ @prop class: className = ""
46
+ @prop style = ""
47
47
  -->
@@ -5,8 +5,8 @@ import type { PaneProps } from "../types";
5
5
  * [PaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2139)
6
6
  * ## Props
7
7
  * @prop children
8
- * @prop class: className = ''
9
- * @prop style = ''
8
+ * @prop class: className = ""
9
+ * @prop style = ""
10
10
  */
11
11
  declare const Pane: import("svelte").Component<PaneProps, {}, "">;
12
12
  type Pane = ReturnType<typeof Pane>;
@@ -70,4 +70,4 @@ export { secondary } from "../typography/secondary";
70
70
  export { span } from "../typography/span";
71
71
  export { virtualList } from "../virtuallist";
72
72
  export { kanbanBoard, kanbanCard } from "../kanban/theme";
73
- export { splitpane, pane, divider, dividerHitArea } from "../splitpane/theme";
73
+ export { splitpane, pane, divider, dividerHitArea } from "../split-pane/theme";
@@ -77,4 +77,4 @@ export { span } from "../typography/span";
77
77
  // extend
78
78
  export { virtualList } from "../virtuallist";
79
79
  export { kanbanBoard, kanbanCard } from "../kanban/theme";
80
- export { splitpane, pane, divider, dividerHitArea } from "../splitpane/theme";
80
+ export { splitpane, pane, divider, dividerHitArea } from "../split-pane/theme";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "flowbite-svelte",
3
- "version": "1.21.0",
3
+ "version": "1.21.1",
4
4
  "description": "Flowbite components for Svelte",
5
5
  "main": "dist/index.js",
6
6
  "author": {
@@ -646,16 +646,16 @@
646
646
  "svelte": "./dist/spinner/Spinner.svelte"
647
647
  },
648
648
  "./Divider.svelte": {
649
- "types": "./dist/splitpane/Divider.svelte.d.ts",
650
- "svelte": "./dist/splitpane/Divider.svelte"
649
+ "types": "./dist/split-pane/Divider.svelte.d.ts",
650
+ "svelte": "./dist/split-pane/Divider.svelte"
651
651
  },
652
652
  "./Pane.svelte": {
653
- "types": "./dist/splitpane/Pane.svelte.d.ts",
654
- "svelte": "./dist/splitpane/Pane.svelte"
653
+ "types": "./dist/split-pane/Pane.svelte.d.ts",
654
+ "svelte": "./dist/split-pane/Pane.svelte"
655
655
  },
656
656
  "./SplitPane.svelte": {
657
- "types": "./dist/splitpane/SplitPane.svelte.d.ts",
658
- "svelte": "./dist/splitpane/SplitPane.svelte"
657
+ "types": "./dist/split-pane/SplitPane.svelte.d.ts",
658
+ "svelte": "./dist/split-pane/SplitPane.svelte"
659
659
  },
660
660
  "./StepIndicator.svelte": {
661
661
  "types": "./dist/step-indicator/StepIndicator.svelte.d.ts",
File without changes
File without changes
File without changes
File without changes
File without changes