@websline/system-components 1.0.1 → 1.0.3

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 (5) hide show
  1. package/dist/components/atoms/feedback/progressBar/progressBar.variants.js +2 -2
  2. package/dist/components/organisms/dialog/dialog.variants.js +2 -2
  3. package/dist/components/organisms/modal/modal.variants.js +2 -2
  4. package/dist/components/organisms/notificationGroup/notificationGroup.variants.js +3 -2
  5. package/package.json +26 -28
package/dist/components/atoms/feedback/progressBar/progressBar.variants.js CHANGED
@@ -3,8 +3,8 @@ import { tv } from "tailwind-variants";
3
3
  const progressBarVariants = tv({
4
4
  slots: {
5
5
  bar: "h-1 w-full rounded-sm bg-neutral-100 after:block after:h-full after:w-[var(--progress)] after:rounded-sm after:bg-neutral-900 after:transition-[width] after:duration-300 after:ease-in-out dark:bg-neutral-900 dark:after:bg-neutral-100",
6
- base: "flex items-center gap-4 p-2",
7
- label: "body-small text-nowrap text-neutral-500",
6
+ base: "flex items-center gap-4",
7
+ label: "body-small text-nowrap text-neutral-500 tabular-nums",
8
8
  },
9
9
  });
10
10
 
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.1",
3
+ "version": "1.0.3",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -26,15 +26,15 @@
26
26
  }
27
27
  },
28
28
  "dependencies": {
29
- "@tiptap/core": "^3.7.2",
30
- "@tiptap/extension-color": "^3.7.2",
31
- "@tiptap/extension-highlight": "^3.7.2",
32
- "@tiptap/extension-placeholder": "^3.7.2",
33
- "@tiptap/extension-text-align": "^3.7.2",
34
- "@tiptap/extension-text-style": "^3.7.2",
35
- "@tiptap/pm": "^3.7.2",
36
- "@tiptap/starter-kit": "^3.7.2",
37
- "bits-ui": "^2.14.0",
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",
38
38
  "dompurify": "^3.3.0",
39
39
  "tailwind-merge": "3.3.1",
40
40
  "tailwind-variants": "^3.1.1",
@@ -46,38 +46,36 @@
46
46
  "devDependencies": {
47
47
  "@eslint/compat": "^1.4.0",
48
48
  "@eslint/js": "^9.38.0",
49
- "@storybook/addon-a11y": "^9.1.13",
50
- "@storybook/addon-docs": "^9.1.13",
49
+ "@storybook/addon-a11y": "^10.0.0",
50
+ "@storybook/addon-docs": "^10.0.0",
51
51
  "@storybook/addon-svelte-csf": "^5.0.10",
52
- "@storybook/manager-api": "^8.6.14",
53
- "@storybook/sveltekit": "^9.1.13",
54
- "@storybook/theming": "^8.6.14",
52
+ "@storybook/sveltekit": "^10.0.0",
55
53
  "@sveltejs/adapter-auto": "^7.0.0",
56
- "@sveltejs/kit": "^2.47.1",
54
+ "@sveltejs/kit": "^2.48.2",
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.14",
62
- "@types/node": "^24.8.1",
63
- "@vitest/browser": "^3.2.4",
59
+ "@tailwindcss/vite": "^4.1.16",
60
+ "@types/node": "^24.9.2",
61
+ "@vitest/browser": "^4.0.4",
64
62
  "eslint": "^9.38.0",
65
63
  "eslint-config-prettier": "^10.1.8",
66
- "eslint-plugin-storybook": "^9.1.13",
67
- "eslint-plugin-svelte": "^3.12.4",
64
+ "eslint-plugin-storybook": "^10.0.0",
65
+ "eslint-plugin-svelte": "^3.12.5",
68
66
  "globals": "^16.4.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
- "publint": "^0.3.14",
74
- "storybook": "^9.1.13",
75
- "svelte": "^5.41.0",
76
- "tailwindcss": "^4.1.14",
71
+ "publint": "^0.3.15",
72
+ "storybook": "^10.0.0",
73
+ "svelte": "^5.42.3",
74
+ "tailwindcss": "^4.1.16",
77
75
  "typescript": "^5.9.3",
78
- "vite": "^7.1.10",
79
- "vitest": "^3.2.4",
80
- "vitest-browser-svelte": "^1.1.0"
76
+ "vite": "^7.1.12",
77
+ "vitest": "^4.0.4",
78
+ "vitest-browser-svelte": "^2.0.1"
81
79
  },
82
80
  "keywords": [
83
81
  "svelte"