@widgetic/design-system 0.3.89 → 0.5.8

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@widgetic/design-system",
-	"version": "0.3.89",
+	"version": "0.5.8",
 	"type": "module",
 	"svelte": "./dist/index.js",
 	"module": "./dist/index.js",
@@ -15,22 +15,29 @@
 	],
 	"scripts": {
 		"i": "rm -rf node_modules && rm -rf package-lock.json && npm i && npm link && npm run set-git",
-		"set-git": "git config core.ignorecase false",
 		"unlink": "rm -rf \"$(npm root -g)/@widgetic/design-system\" 2>/dev/null || true",
 		"clean-modules": "rm -rf node_modules",
 		"clean-svelte-cache": "rm -rf .svelte-kit && npx svelte-kit sync",
 		"clean-npm-cache": "npm cache clean --force",
 		"llinks": "ls -la node_modules/@widgetic",
 		"glinks": "npm ls --global | grep widgetic",
-		"dev": "concurrently \"npm run dev-sv\" \"npm run package:watch\"",
+		"set-git": "git config core.ignorecase false",
+		"ensure-fonts": "mkdir -p static/fonts && ln -sfn ../../src/lib/fonts/BLMelody static/fonts/BLMelody && ln -sfn ../../src/lib/fonts/Riegla static/fonts/Riegla",
+		"predev": "npm run ensure-fonts && npx svelte-kit sync",
+		"predev-sv": "npm run ensure-fonts && npx svelte-kit sync",
+		"dev": "npm run dev-sv",
+		"dev:lib": "concurrently -n app,pkg -c blue,green \"npm run dev-sv\" \"npm run package:watch\"",
 		"dev-with-check": "NODE_ENV=development concurrently \"npm run check:watch\" \"npm run dev-sv\" \"npm run package:watch\"",
 		"dev-open": "npm run dev-sv -- --open",
 		"dev-sv": "NODE_ENV=development vite dev",
 		"watch": "concurrently \"npm run check:watch\" \"npm run lint -- --watch\" \"npm run package:watch\"",
 		"build": "rm -rf dist && NODE_ENV=production vite build && npm run package",
-		"package:watch": "NODE_ENV=development svelte-package --watch | grep -v '$app/environment'",
 		"build-sv": "vite build",
-		"package": "svelte-package | grep -v '$app/environment'",
+		"package:watch:svelte": "NODE_ENV=development svelte-package --watch | grep -v '$app/environment'",
+		"package:watch:css": "chokidar 'dist/styles/global.css' --debounce 500 -c \"npm run update-config-path\" --initial",
+		"package:watch": "concurrently \"npm run package:watch:svelte\" \"npm run package:watch:css\"",
+		"package": "NODE_ENV=production svelte-package | grep -v '$app/environment' && npm run update-config-path && node scripts/fix-svelte-dts-props.mjs",
+		"update-config-path": "if [ -f dist/styles/global.css ] && grep -q '@config \"../../../tailwind.config.ts\";' dist/styles/global.css; then echo 'Updating @config path in dist/styles/global.css...'; sed -i.bak 's|@config \"../../../tailwind.config.ts\";|@config \"../../tailwind.config.ts\";|g' dist/styles/global.css && rm -f dist/styles/global.css.bak; else :; fi",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "NODE_OPTIONS='--max-old-space-size=8192' svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"check:strict": "tsc --noEmit && npm run check",
@@ -39,9 +46,12 @@
 		"i-shadcn": "npm run clean-shadcn && npm run i-shadcn-init && npm run i-shadcn-comps",
 		"clean-shadcn": "rm -rf ./src/lib/components/ui",
 		"i-shadcn-init": "npx shadcn-svelte@next init",
-		"i-shadcn-comps": "npx shadcn-svelte@next add accordion badge button calendar range-calendar card checkbox collapsible dialog drawer dropdown-menu input input-otp label popover progress radio-group scroll-area select separator slider switch table tabs textarea tooltip",
-		"format": "prettier --write .",
-		"lint": "prettier --check . && eslint .",
+		"i-shadcn-comps": "npx shadcn-svelte@next add accordion badge breadcrumb button calendar card checkbox collapsible command dialog drawer dropdown-menu hover-card input input-otp label popover progress radio-group range-calendar scroll-area select separator slider sonner switch table tabs textarea toogle toggle-group tooltip",
+		"format": "prettier --write \"src/**/*.{js,ts,svelte}\" \"*.{js,ts,json}\"",
+		"format:all": "prettier --write .",
+		"lint": "prettier --check \"src/**/*.{js,ts,svelte}\" \"*.{js,ts,json}\" && eslint .",
+		"lint:all": "prettier --check . && eslint .",
+		"clvtch": "rm -rf node_modules/.vite",
 		"prepublishOnly": "npm run package",
 		"publish-package": "npm run package && npm publish"
 	},
@@ -56,6 +66,11 @@
 			"svelte": "./dist/components/index.js",
 			"default": "./dist/components/index.js"
 		},
+		"./shad-editor": {
+			"types": "./dist/shad-editor/index.d.ts",
+			"svelte": "./dist/shad-editor/index.js",
+			"default": "./dist/shad-editor/index.js"
+		},
 		"./components/*": {
 			"types": "./dist/components/*.d.ts",
 			"svelte": "./dist/components/*.js",
@@ -107,14 +122,37 @@
 		"tailwind.config.ts"
 	],
 	"devDependencies": {
-		"@internationalized/date": "^3.6.0",
 		"@sveltejs/adapter-node": "^5.2.9",
-		"@sveltejs/kit": "^2.20.2",
-		"@sveltejs/package": "^2.3.7",
+		"@sveltejs/kit": "^2.20.7",
+		"@sveltejs/package": "^2.5.8",
 		"@sveltejs/vite-plugin-svelte": "^5.0.3",
+		"@tailwindcss/postcss": "^4.1.4",
+		"@tailwindcss/typography": "^0.5.15",
+		"@tiptap/core": "^2.9.1",
+		"@tiptap/extension-bubble-menu": "^2.9.1",
+		"@tiptap/extension-code-block-lowlight": "^2.9.1",
+		"@tiptap/extension-color": "^2.9.1",
+		"@tiptap/extension-floating-menu": "^2.27.2",
+		"@tiptap/extension-highlight": "^2.9.1",
+		"@tiptap/extension-image": "^2.9.1",
+		"@tiptap/extension-link": "^2.9.1",
+		"@tiptap/extension-subscript": "^2.9.1",
+		"@tiptap/extension-superscript": "^2.9.1",
+		"@tiptap/extension-table": "^2.9.1",
+		"@tiptap/extension-table-cell": "^2.9.1",
+		"@tiptap/extension-table-header": "^2.9.1",
+		"@tiptap/extension-table-row": "^2.9.1",
+		"@tiptap/extension-task-item": "^2.9.1",
+		"@tiptap/extension-task-list": "^2.9.1",
+		"@tiptap/extension-text": "^2.9.1",
+		"@tiptap/extension-text-align": "^2.9.1",
+		"@tiptap/extension-text-style": "^2.9.1",
+		"@tiptap/extension-typography": "^2.9.1",
+		"@tiptap/extension-underline": "^2.9.1",
+		"@tiptap/pm": "^2.9.1",
+		"@tiptap/starter-kit": "^2.9.1",
 		"@types/node": "^22.10.1",
-		"autoprefixer": "^10.4.20",
-		"clsx": "^2.1.1",
+		"chokidar-cli": "^3.0.0",
 		"concurrently": "^9.1.0",
 		"eslint": "^9.7.0",
 		"eslint-config-prettier": "^9.1.0",
@@ -122,29 +160,47 @@
 		"eslint-plugin-svelte": "^2.36.0",
 		"globals": "^15.0.0",
 		"lowlight": "^3.2.0",
-		"mode-watcher": "^0.5.0",
+		"postcss": "^8.5.3",
 		"prettier": "^3.3.2",
 		"prettier-plugin-svelte": "^3.2.6",
-		"prettier-plugin-tailwindcss": "^0.6.5",
+		"prettier-plugin-tailwindcss": "^0.6.11",
 		"svelte": "^5.46.3",
-		"svelte-check": "^4.1.0",
-		"tailwindcss": "^3.4.16",
-		"typescript": "^5.0.0",
-		"typescript-eslint": "^8.0.0",
-		"vite": "^6.0.1"
-	},
-	"volta": {
-		"node": "22.14.0",
-		"npm": "11.1.0"
+		"svelte-check": "^4.1.6",
+		"svelte-tiptap": "^2.0.3",
+		"tailwind-merge": "^2.5.5",
+		"tailwind-variants": "^0.3.0",
+		"tailwindcss": "^4.1.4",
+		"tailwindcss-animate": "^1.0.7",
+		"typescript": "^5.8.3",
+		"typescript-eslint": "^8.32.1",
+		"vite": "^6.2.6"
 	},
 	"dependencies": {
 		"@hirasso/thumbhash-custom-element": "^0.5.5",
-		"@tabler/icons-svelte": "^3.30.0",
-		"@tailwindcss/typography": "^0.5.15",
+		"@internationalized/date": "^3.6.0",
+		"@tabler/icons-svelte": "^3.33.0",
+		"bits-ui": "^2.16.3",
+		"clsx": "^2.1.1",
+		"concurrently": "^9.1.0",
+		"eslint": "^9.7.0",
+		"eslint-config-prettier": "^9.1.0",
+		"eslint-plugin-import": "^2.29.1",
+		"eslint-plugin-svelte": "^2.36.0",
+		"globals": "^15.0.0",
+		"lucide-svelte": "^0.546.0",
+		"mode-watcher": "^0.5.0",
+		"pdfjs-dist": "^4.10.38",
+		"shadcn-svelte": "1.0.0-next.9",
+		"svelte-awesome-color-picker": "^3.1.4",
+		"svelte-sonner": "^1.0.3",
+		"vaul-svelte": "^1.0.0-next.3"
+	},
+	"peerDependencies": {
 		"@tiptap/core": "^2.9.1",
 		"@tiptap/extension-bubble-menu": "^2.9.1",
 		"@tiptap/extension-code-block-lowlight": "^2.9.1",
 		"@tiptap/extension-color": "^2.9.1",
+		"@tiptap/extension-floating-menu": "^2.27.2",
 		"@tiptap/extension-highlight": "^2.9.1",
 		"@tiptap/extension-image": "^2.9.1",
 		"@tiptap/extension-link": "^2.9.1",
@@ -163,16 +219,88 @@
 		"@tiptap/extension-underline": "^2.9.1",
 		"@tiptap/pm": "^2.9.1",
 		"@tiptap/starter-kit": "^2.9.1",
-		"bits-ui": "^1.3.0",
 		"lowlight": "^3.2.0",
-		"lucide-svelte": "^0.468.0",
-		"pdfjs-dist": "^4.10.38",
-		"svelte-awesome-color-picker": "^3.1.4",
-		"svelte-sonner": "^0.3.28",
-		"svelte-tiptap": "^2.0.3",
-		"tailwind-merge": "^2.5.5",
-		"tailwind-variants": "^0.3.0",
-		"tailwindcss-animate": "^1.0.7",
-		"vaul-svelte": "^1.0.0-next.3"
+		"svelte-tiptap": "^2.0.3"
+	},
+	"peerDependenciesMeta": {
+		"@tiptap/core": {
+			"optional": true
+		},
+		"@tiptap/extension-bubble-menu": {
+			"optional": true
+		},
+		"@tiptap/extension-code-block-lowlight": {
+			"optional": true
+		},
+		"@tiptap/extension-color": {
+			"optional": true
+		},
+		"@tiptap/extension-floating-menu": {
+			"optional": true
+		},
+		"@tiptap/extension-highlight": {
+			"optional": true
+		},
+		"@tiptap/extension-image": {
+			"optional": true
+		},
+		"@tiptap/extension-link": {
+			"optional": true
+		},
+		"@tiptap/extension-subscript": {
+			"optional": true
+		},
+		"@tiptap/extension-superscript": {
+			"optional": true
+		},
+		"@tiptap/extension-table": {
+			"optional": true
+		},
+		"@tiptap/extension-table-cell": {
+			"optional": true
+		},
+		"@tiptap/extension-table-header": {
+			"optional": true
+		},
+		"@tiptap/extension-table-row": {
+			"optional": true
+		},
+		"@tiptap/extension-task-item": {
+			"optional": true
+		},
+		"@tiptap/extension-task-list": {
+			"optional": true
+		},
+		"@tiptap/extension-text": {
+			"optional": true
+		},
+		"@tiptap/extension-text-align": {
+			"optional": true
+		},
+		"@tiptap/extension-text-style": {
+			"optional": true
+		},
+		"@tiptap/extension-typography": {
+			"optional": true
+		},
+		"@tiptap/extension-underline": {
+			"optional": true
+		},
+		"@tiptap/pm": {
+			"optional": true
+		},
+		"@tiptap/starter-kit": {
+			"optional": true
+		},
+		"lowlight": {
+			"optional": true
+		},
+		"svelte-tiptap": {
+			"optional": true
+		}
+	},
+	"volta": {
+		"node": "22.14.0",
+		"npm": "11.1.0"
 	}
 }

package/tailwind.config.ts

@@ -1,12 +1,10 @@
-import { fontFamily } from "tailwindcss/defaultTheme";
 import type { Config } from "tailwindcss";
 import tailwindcssAnimate from "tailwindcss-animate";
 import tailwindcssTypography from '@tailwindcss/typography';
 
 const config: Config = {
-	darkMode: ["class"],
+	darkMode: "class",
 	content: ["./src/**/*.{html,js,svelte,ts}"],
-	safelist: ["dark"],
 	theme: {
 		container: {
 			center: true,
@@ -60,6 +58,18 @@ const config: Config = {
 					border: "hsl(var(--sidebar-border))",
 					ring: "hsl(var(--sidebar-ring))",
         		},
+				// Widgetic DS palette (CSS vars defined in global.css)
+				dark: "hsl(var(--dark) / <alpha-value>)",
+				"deep-forest-green": "hsl(var(--deep-forest-green) / <alpha-value>)",
+				"sage-green": "hsl(var(--sage-green) / <alpha-value>)",
+				"light-green": "hsl(var(--light-green) / <alpha-value>)",
+				"forest-green": "hsl(var(--forest-green) / <alpha-value>)",
+				error: "hsl(var(--error) / <alpha-value>)",
+				grey1: "hsl(var(--grey1) / <alpha-value>)",
+				grey2: "hsl(var(--grey2) / <alpha-value>)",
+				grey3: "hsl(var(--grey3) / <alpha-value>)",
+				grey5: "hsl(var(--grey5) / <alpha-value>)",
+				grey7: "hsl(var(--grey7) / <alpha-value>)",
 			},
 			borderRadius: {
 				xl: "calc(var(--radius) + 4px)",
@@ -67,9 +77,6 @@ const config: Config = {
 				md: "calc(var(--radius) - 2px)",
 				sm: "calc(var(--radius) - 4px)"
 			},
-			fontFamily: {
-				sans: [...fontFamily.sans]
-			},
 			keyframes: {
 				"accordion-down": {
 					from: { height: "0" },