odj-svelte-ui 0.2.3 → 0.2.4

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 (7) hide show
  1. package/dist/avatar/theme.js +10 -10
  2. package/dist/forms/dropzone/Dropzone.svelte +3 -0
  3. package/dist/forms/dropzone/theme.d.ts +1 -1
  4. package/dist/forms/dropzone/theme.js +1 -1
  5. package/dist/forms/toggle/theme.d.ts +7 -0
  6. package/dist/forms/toggle/theme.js +6 -3
  7. package/package.json +1 -1
package/dist/avatar/theme.js CHANGED
@@ -15,11 +15,11 @@ const avatar = tv({
15
15
  false: ""
16
16
  },
17
17
  size: {
18
- xs: "w-6 h-6",
19
- sm: "w-8 h-8",
20
- md: "w-10 h-10",
21
- lg: "w-20 h-20",
22
- xl: "w-36 h-36"
18
+ xs: "size-6",
19
+ sm: "size-8",
20
+ md: "size-10",
21
+ lg: "size-20",
22
+ xl: "size-36"
23
23
  }
24
24
  },
25
25
  defaultVariants: {
@@ -45,11 +45,11 @@ const fallback = tv({
45
45
  false: ""
46
46
  },
47
47
  size: {
48
- xs: "w-6 h-6",
49
- sm: "w-8 h-8",
50
- md: "w-10 h-10",
51
- lg: "w-20 h-20",
52
- xl: "w-36 h-36"
48
+ xs: "size-6",
49
+ sm: "size-8",
50
+ md: "size-10",
51
+ lg: "size-20",
52
+ xl: "size-36"
53
53
  }
54
54
  },
55
55
  defaultVariants: {
package/dist/forms/dropzone/Dropzone.svelte CHANGED
@@ -8,6 +8,9 @@
8
8
  children,
9
9
  files = $bindable<FileList | null>(),
10
10
  class: className,
11
+ ondrop,
12
+ ondragover,
13
+ onchange,
11
14
  ...restProps
12
15
  }: Props & {
13
16
  ondrop?: DragEventHandler<HTMLButtonElement>;
package/dist/forms/dropzone/theme.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const dropzone: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex flex-col justify-center items-center w-full h-64 bg-gray-50 rounded-lg border-2 border-gray-300 border-dashed cursor-pointer dark:hover:bg-bray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:hover:bg-gray-600", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex flex-col justify-center items-center w-full h-64 bg-gray-50 rounded-lg border-2 border-gray-300 border-dashed cursor-pointer dark:hover:bg-bray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:hover:bg-gray-600", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
1
+ export declare const dropzone: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex flex-col justify-center items-center w-full h-64 bg-light-surface-50 rounded-lg border-2 border-light-surface-300 border-dashed cursor-pointer dark:hover:bg-dark-surface-800 dark:bg-dark-surface-700 hover:bg-light-surface-100 dark:border-dark-surface-600 dark:hover:border-dark-surface-500 dark:hover:bg-dark-surface-600 focus-visible:ring-4 focus-visible:outline-hidden focus-visible:ring-primary-300 dark:focus-visible:ring-primary-800", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex flex-col justify-center items-center w-full h-64 bg-light-surface-50 rounded-lg border-2 border-light-surface-300 border-dashed cursor-pointer dark:hover:bg-dark-surface-800 dark:bg-dark-surface-700 hover:bg-light-surface-100 dark:border-dark-surface-600 dark:hover:border-dark-surface-500 dark:hover:bg-dark-surface-600 focus-visible:ring-4 focus-visible:outline-hidden focus-visible:ring-primary-300 dark:focus-visible:ring-primary-800", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
package/dist/forms/dropzone/theme.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import { tv } from "tailwind-variants";
2
2
  export const dropzone = tv({
3
- base: "flex flex-col justify-center items-center w-full h-64 bg-gray-50 rounded-lg border-2 border-gray-300 border-dashed cursor-pointer dark:hover:bg-bray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:hover:bg-gray-600"
3
+ base: "flex flex-col justify-center items-center w-full h-64 bg-light-surface-50 rounded-lg border-2 border-light-surface-300 border-dashed cursor-pointer dark:hover:bg-dark-surface-800 dark:bg-dark-surface-700 hover:bg-light-surface-100 dark:border-dark-surface-600 dark:hover:border-dark-surface-500 dark:hover:bg-dark-surface-600 focus-visible:ring-4 focus-visible:outline-hidden focus-visible:ring-primary-300 dark:focus-visible:ring-primary-800"
4
4
  });
package/dist/forms/toggle/theme.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export declare const toggle: import("tailwind-variants").TVReturnType<{
2
2
  disabled: {
3
3
  true: {
4
+ span: string;
4
5
  label: string;
5
6
  };
6
7
  };
@@ -88,6 +89,7 @@ export declare const toggle: import("tailwind-variants").TVReturnType<{
88
89
  }, undefined, import("tailwind-variants/dist/config").TVConfig<{
89
90
  disabled: {
90
91
  true: {
92
+ span: string;
91
93
  label: string;
92
94
  };
93
95
  };
@@ -171,6 +173,7 @@ export declare const toggle: import("tailwind-variants").TVReturnType<{
171
173
  }, {
172
174
  disabled: {
173
175
  true: {
176
+ span: string;
174
177
  label: string;
175
178
  };
176
179
  };
@@ -254,6 +257,7 @@ export declare const toggle: import("tailwind-variants").TVReturnType<{
254
257
  }>, {
255
258
  disabled: {
256
259
  true: {
260
+ span: string;
257
261
  label: string;
258
262
  };
259
263
  };
@@ -341,6 +345,7 @@ export declare const toggle: import("tailwind-variants").TVReturnType<{
341
345
  }, import("tailwind-variants").TVReturnType<{
342
346
  disabled: {
343
347
  true: {
348
+ span: string;
344
349
  label: string;
345
350
  };
346
351
  };
@@ -428,6 +433,7 @@ export declare const toggle: import("tailwind-variants").TVReturnType<{
428
433
  }, undefined, import("tailwind-variants/dist/config").TVConfig<{
429
434
  disabled: {
430
435
  true: {
436
+ span: string;
431
437
  label: string;
432
438
  };
433
439
  };
@@ -511,6 +517,7 @@ export declare const toggle: import("tailwind-variants").TVReturnType<{
511
517
  }, {
512
518
  disabled: {
513
519
  true: {
520
+ span: string;
514
521
  label: string;
515
522
  };
516
523
  };
package/dist/forms/toggle/theme.js CHANGED
@@ -1,13 +1,16 @@
1
1
  import { tv } from "tailwind-variants";
2
2
  export const toggle = tv({
3
3
  slots: {
4
- span: "me-3 shrink-0 bg-gray-200 rounded-full peer-focus-visible:ring-4 peer-checked:after:translate-x-full peer-checked:rtl:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:bg-white after:border-gray-300 after:border after:rounded-full after:transition-all dark:bg-gray-600 dark:border-gray-500 relative cursor-pointer",
4
+ span: "me-3 shrink-0 bg-light-surface-200 rounded-full peer-focus-visible:ring-4 peer-checked:after:translate-x-full peer-checked:rtl:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:bg-white after:border-light-surface-300 after:border after:rounded-full after:transition-all dark:bg-dark-surface-600 dark:border-dark-surface-500 relative cursor-pointer",
5
5
  label: "flex items-center",
6
- input: "w-4 h-4 bg-gray-100 border-gray-300 dark:ring-offset-gray-800 focus:ring-2 rounded-sm dark:bg-gray-700 dark:border-gray-600 sr-only peer"
6
+ input: "w-4 h-4 bg-light-surface-100 border-light-surface-300 dark:ring-offset-dark-surface-800 focus:ring-2 rounded-sm dark:bg-dark-surface-700 dark:border-dark-surface-600 sr-only peer"
7
7
  },
8
8
  variants: {
9
9
  disabled: {
10
- true: { label: "cursor-not-allowed opacity-50" }
10
+ true: {
11
+ span: "cursor-not-allowed",
12
+ label: "cursor-not-allowed opacity-50"
13
+ }
11
14
  },
12
15
  checked: {
13
16
  true: "",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "odj-svelte-ui",
3
3
  "author": "orbitadajogatina",
4
- "version": "0.2.3",
4
+ "version": "0.2.4",
5
5
  "description": "This is a fork from Flowbite Svelte 5 with Runes. I just made some changes that fits better my taste.",
6
6
  "license": "MIT",
7
7
  "main": "dist/index.js",