@websline/system-components 1.0.2 → 1.0.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 (6) hide show
  1. package/dist/components/molecules/toggleGroup/ToggleGroup.svelte +1 -1
  2. package/dist/components/molecules/toggleGroup/ToggleGroup.svelte.d.ts +1 -1
  3. package/dist/components/organisms/dialog/dialog.variants.js +2 -2
  4. package/dist/components/organisms/modal/modal.variants.js +2 -2
  5. package/dist/components/organisms/notificationGroup/notificationGroup.variants.js +3 -2
  6. package/package.json +28 -30
package/dist/components/molecules/toggleGroup/ToggleGroup.svelte CHANGED
@@ -28,7 +28,7 @@
28
28
  children,
29
29
  class: className = "",
30
30
  size = "medium",
31
- value,
31
+ value = $bindable(),
32
32
  variant = "default",
33
33
  } = $props();
34
34
 
package/dist/components/molecules/toggleGroup/ToggleGroup.svelte.d.ts CHANGED
@@ -28,7 +28,7 @@ declare const ToggleGroup: import("svelte").Component<{
28
28
  * The variant of the toggle group
29
29
  */
30
30
  variant?: "default" | "tabs";
31
- }, {}, "">;
31
+ }, {}, "value">;
32
32
  type Props = {
33
33
  /**
34
34
  * The appearance variant of the component
package/dist/components/organisms/dialog/dialog.variants.js CHANGED
@@ -5,9 +5,9 @@ const dialogVariants = tv({
5
5
  body: "relative h-full overflow-auto",
6
6
  container:
7
7
  "my-4 grid max-h-[calc(100vh-32px)] w-[calc(100vw-32px)] min-w-xs grid-rows-[1fr_auto] gap-4 overflow-hidden rounded-lg bg-white px-4 py-3 leading-[1.486] shadow-sm dark:bg-neutral-800 dark:text-neutral-200",
8
- overlay: "fixed inset-0 bg-black/25",
8
+ overlay: "fixed inset-0 z-modal-backdrop bg-black/25",
9
9
  positioner:
10
- "fixed inset-0 z-1 grid items-center justify-items-center overflow-auto",
10
+ "fixed inset-0 z-1 z-modal grid items-center justify-items-center overflow-auto",
11
11
  trigger: "cursor-pointer",
12
12
  formActions: [
13
13
  "[&>[data-role=dismiss]]:order-1 [&>[data-role=dismiss]]:mr-auto",
package/dist/components/organisms/modal/modal.variants.js CHANGED
@@ -7,8 +7,8 @@ const modalVariants = tv({
7
7
  "my-4 grid max-h-[calc(100vh-32px)] w-[calc(100vw-32px)] min-w-xs grid-rows-[auto_1fr] overflow-hidden rounded-2xl bg-white leading-[1.486] shadow-sm dark:bg-neutral-800 dark:text-neutral-200",
8
8
  header: "flex items-start border-b border-neutral-300 px-4 py-3",
9
9
  body: "h-full overflow-auto",
10
- overlay: "fixed inset-0 bg-black/25",
11
- positioner: "fixed inset-0 z-1 grid items-center justify-items-center",
10
+ overlay: "fixed inset-0 z-modal-backdrop bg-black/25",
11
+ positioner: "fixed inset-0 z-1 z-modal grid items-center justify-items-center",
12
12
  trigger: "cursor-pointer",
13
13
  },
14
14
  variants: {
package/dist/components/organisms/notificationGroup/notificationGroup.variants.js CHANGED
@@ -2,9 +2,10 @@ import { tv } from "tailwind-variants";
2
2
 
3
3
  const notificationGroupVariants = tv({
4
4
  slots: {
5
- bottomLeft: "absolute bottom-4 left-4 z-9999 flex flex-col gap-2 overflow-hidden",
5
+ bottomLeft:
6
+ "absolute bottom-4 left-4 z-snackbar flex flex-col gap-2 overflow-hidden",
6
7
  bottomRight:
7
- "absolute right-4 bottom-4 z-9999 flex flex-col gap-2 overflow-hidden",
8
+ "absolute right-4 bottom-4 z-snackbar flex flex-col gap-2 overflow-hidden",
8
9
  },
9
10
  });
10
11
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@websline/system-components",
3
- "version": "1.0.2",
3
+ "version": "1.0.4",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -26,15 +26,15 @@
26
26
  }
27
27
  },
28
28
  "dependencies": {
29
- "@tiptap/core": "^3.9.0",
30
- "@tiptap/extension-color": "^3.9.0",
31
- "@tiptap/extension-highlight": "^3.9.0",
32
- "@tiptap/extension-placeholder": "^3.9.0",
33
- "@tiptap/extension-text-align": "^3.9.0",
34
- "@tiptap/extension-text-style": "^3.9.0",
35
- "@tiptap/pm": "^3.9.0",
36
- "@tiptap/starter-kit": "^3.9.0",
37
- "bits-ui": "^2.14.1",
29
+ "@tiptap/core": "^3.10.2",
30
+ "@tiptap/extension-color": "^3.10.2",
31
+ "@tiptap/extension-highlight": "^3.10.2",
32
+ "@tiptap/extension-placeholder": "^3.10.2",
33
+ "@tiptap/extension-text-align": "^3.10.2",
34
+ "@tiptap/extension-text-style": "^3.10.2",
35
+ "@tiptap/pm": "^3.10.2",
36
+ "@tiptap/starter-kit": "^3.10.2",
37
+ "bits-ui": "^2.14.2",
38
38
  "dompurify": "^3.3.0",
39
39
  "tailwind-merge": "3.3.1",
40
40
  "tailwind-variants": "^3.1.1",
@@ -44,39 +44,37 @@
44
44
  "svelte": "^5.38.7"
45
45
  },
46
46
  "devDependencies": {
47
- "@eslint/compat": "^1.4.0",
48
- "@eslint/js": "^9.38.0",
49
- "@storybook/addon-a11y": "^9.1.16",
50
- "@storybook/addon-docs": "^9.1.16",
47
+ "@eslint/compat": "^1.4.1",
48
+ "@eslint/js": "^9.39.1",
49
+ "@storybook/addon-a11y": "^10.0.5",
50
+ "@storybook/addon-docs": "^10.0.5",
51
51
  "@storybook/addon-svelte-csf": "^5.0.10",
52
- "@storybook/manager-api": "^8.6.14",
53
- "@storybook/sveltekit": "^9.1.16",
54
- "@storybook/theming": "^8.6.14",
52
+ "@storybook/sveltekit": "^10.0.5",
55
53
  "@sveltejs/adapter-auto": "^7.0.0",
56
- "@sveltejs/kit": "^2.48.2",
54
+ "@sveltejs/kit": "^2.48.4",
57
55
  "@sveltejs/package": "^2.5.4",
58
56
  "@sveltejs/vite-plugin-svelte": "^6.2.1",
59
57
  "@tailwindcss/forms": "^0.5.10",
60
58
  "@tailwindcss/typography": "^0.5.19",
61
- "@tailwindcss/vite": "^4.1.16",
62
- "@types/node": "^24.9.1",
63
- "@vitest/browser": "^4.0.4",
64
- "eslint": "^9.38.0",
59
+ "@tailwindcss/vite": "^4.1.17",
60
+ "@types/node": "^24.10.0",
61
+ "@vitest/browser": "^4.0.7",
62
+ "eslint": "^9.39.1",
65
63
  "eslint-config-prettier": "^10.1.8",
66
- "eslint-plugin-storybook": "^9.1.16",
67
- "eslint-plugin-svelte": "^3.12.5",
68
- "globals": "^16.4.0",
64
+ "eslint-plugin-storybook": "^10.0.5",
65
+ "eslint-plugin-svelte": "^3.13.0",
66
+ "globals": "^16.5.0",
69
67
  "playwright": "^1.56.1",
70
68
  "prettier": "^3.6.2",
71
69
  "prettier-plugin-svelte": "^3.4.0",
72
70
  "prettier-plugin-tailwindcss": "^0.7.1",
73
71
  "publint": "^0.3.15",
74
- "storybook": "^9.1.16",
75
- "svelte": "^5.42.3",
76
- "tailwindcss": "^4.1.16",
72
+ "storybook": "^10.0.5",
73
+ "svelte": "^5.43.4",
74
+ "tailwindcss": "^4.1.17",
77
75
  "typescript": "^5.9.3",
78
- "vite": "^7.1.12",
79
- "vitest": "^4.0.4",
76
+ "vite": "^7.2.2",
77
+ "vitest": "^4.0.7",
80
78
  "vitest-browser-svelte": "^2.0.1"
81
79
  },
82
80
  "keywords": [