Merge pull request #37 from keybits/update-daisyui

Update daisyui to v4

package.json

@@ -17,11 +17,11 @@
 	"devDependencies": {
 		"@sveltejs/adapter-auto": "^2.0.0",
 		"@sveltejs/kit": "^1.30.4",
-		"@tailwindcss/typography": "^0.5.9",
+		"@tailwindcss/typography": "^0.5.10",
 		"@typescript-eslint/eslint-plugin": "^6.20.0",
 		"@typescript-eslint/parser": "^6.19.0",
 		"autoprefixer": "^10.4.15",
-		"daisyui": "^3.5.1",
+		"daisyui": "^4.7.3",
 		"eslint": "^8.28.0",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-svelte": "^2.30.0",
@@ -30,7 +30,7 @@
 		"prettier-plugin-svelte": "^3.0.3",
 		"svelte": "^4.0.5",
 		"svelte-check": "^3.4.3",
-		"tailwindcss": "^3.3.3",
+		"tailwindcss": "^3.4.1",
 		"typescript": "^5.0.0",
 		"vite": "^4.4.2",
 		"vitest": "^0.34.0"

src/app.css

@@ -17,5 +17,5 @@ button[disabled].authBtn {
 button[disabled].authBtn::before {
   font-size: 14px;
   content: "Loading...";
-  color: hsl(var(--pc));
+  color: oklch(var(--pc));
 }

src/routes/(marketing)/login/login_config.ts

@@ -9,15 +9,15 @@ export const sharedAppearance = {
   variables: {
     default: {
       colors: {
-        brand: "hsl(var(--p))",
-        brandAccent: "hsl(var(--pf))",
-        inputText: "hsl(var(--n))",
-        brandButtonText: "hsl(var(--pc))",
-        messageText: "hsl(var(--b))",
-        dividerBackground: "hsl(var(--n))",
-        inputLabelText: "hsl(var(--n))",
-        defaultButtonText: "hsl(var(--n))",
-        anchorTextColor: "hsl(var(--nc))",
+        brand: "oklch(var(--p))",
+        brandAccent: "oklch(var(--pf))",
+        inputText: "oklch(var(--n))",
+        brandButtonText: "oklch(var(--pc))",
+        messageText: "oklch(var(--b))",
+        dividerBackground: "oklch(var(--n))",
+        inputLabelText: "oklch(var(--n))",
+        defaultButtonText: "oklch(var(--n))",
+        anchorTextColor: "oklch(var(--nc))",
       },
       fontSizes: {
         baseInputSize: "16px",