@hkdigital/lib-sveltekit 0.1.5 → 0.1.6

package/package.json

@@ -1,99 +1,99 @@
-{
-	"name": "@hkdigital/lib-sveltekit",
-	"version": "0.1.5",
-	"author": {
-		"name": "HKdigital",
-		"url": "https://hkdigital.nl"
-	},
-	"license": "ISC",
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/HKdigital/hkdigital--lib-sveltekit.git"
-	},
-	"keywords": [
-		"component-library",
-		"sveltekit",
-		"skeleton",
-		"tailwindcss",
-		"runed",
-		"valibot"
-	],
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build && npm run package",
-		"preview": "vite preview",
-		"package": "svelte-kit sync && svelte-package && publint",
-		"prepublishOnly": "npm run package",
-		"publish:npm": "npm version patch && npm publish --access public && git push",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch",
-		"format": "prettier --write .",
-		"lint": "prettier --check . && eslint .",
-		"test:unit": "vitest",
-		"test": "npm run test:unit -- --run && npm run test:e2e",
-		"test:e2e": "playwright test",
-		"upgrade:all": "ncu -u && pnpm install"
-	},
-	"files": [
-		"dist",
-		"!dist/**/*.test.*",
-		"!dist/**/*.spec.*",
-		"!dist/**/testdata.*",
-		"!dist/**/*.testdata.*"
-	],
-	"sideEffects": [
-		"**/*.css"
-	],
-	"svelte": "./dist/index.js",
-	"types": "./dist/index.d.ts",
-	"type": "module",
-	"exports": {
-		".": {
-			"types": "./dist/index.d.ts",
-			"svelte": "./dist/index.js",
-			"default": "./dist/index.js"
-		},
-		"./*": "./dist/*"
-	},
-	"peerDependencies": {
-		"@steeze-ui/heroicons": "^2.4.2",
-		"@sveltejs/kit": "^2.15.2",
-		"runed": "^0.23.0",
-		"svelte": "^5.0.0",
-		"valibot": "^0.42.1"
-	},
-	"devDependencies": {
-		"@playwright/test": "^1.50.1",
-		"@skeletonlabs/skeleton": "3.0.0-next.2",
-		"@skeletonlabs/skeleton-svelte": "1.0.0-next.4",
-		"@steeze-ui/heroicons": "^2.4.2",
-		"@sveltejs/adapter-auto": "^4.0.0",
-		"@sveltejs/package": "2.3.7",
-		"@sveltejs/vite-plugin-svelte": "^5.0.3",
-		"@tailwindcss/typography": "^0.5.16",
-		"@types/eslint": "^9.6.1",
-		"autoprefixer": "^10.4.20",
-		"eslint": "^9.21.0",
-		"eslint-config-prettier": "^10.0.2",
-		"eslint-plugin-svelte": "^3.0.2",
-		"globals": "^16.0.0",
-		"jsdom": "^26.0.0",
-		"postcss": "^8.5.3",
-		"postcss-mixins": "^11.0.3",
-		"prettier": "^3.5.3",
-		"prettier-plugin-svelte": "^3.3.3",
-		"prettier-plugin-tailwindcss": "^0.6.11",
-		"publint": "^0.3.7",
-		"standardized-audio-context-mock": "^9.7.16",
-		"svelte": "^5.20.5",
-		"svelte-check": "^4.1.4",
-		"tailwindcss": "^3.4.17",
-		"typescript": "^5.8.2",
-		"vite": "^6.2.0",
-		"vite-imagetools": "^7.0.5",
-		"vitest": "^3.0.7"
-	},
-	"dependencies": {
-		"zod": "^3.24.2"
-	}
-}
+{
+	"name": "@hkdigital/lib-sveltekit",
+	"version": "0.1.6",
+	"author": {
+		"name": "HKdigital",
+		"url": "https://hkdigital.nl"
+	},
+	"license": "ISC",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/HKdigital/hkdigital--lib-sveltekit.git"
+	},
+	"keywords": [
+		"component-library",
+		"sveltekit",
+		"skeleton",
+		"tailwindcss",
+		"runed",
+		"valibot"
+	],
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build && npm run package",
+		"preview": "vite preview",
+		"package": "svelte-kit sync && svelte-package && publint",
+		"prepublishOnly": "npm run package",
+		"publish:npm": "npm version patch && npm publish --access public && git push",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch",
+		"format": "prettier --write .",
+		"lint": "prettier --check . && eslint .",
+		"test:unit": "vitest",
+		"test": "npm run test:unit -- --run && npm run test:e2e",
+		"test:e2e": "playwright test",
+		"upgrade:all": "ncu -u && pnpm install"
+	},
+	"files": [
+		"dist",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*",
+		"!dist/**/testdata.*",
+		"!dist/**/*.testdata.*"
+	],
+	"sideEffects": [
+		"**/*.css"
+	],
+	"svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"type": "module",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js",
+			"default": "./dist/index.js"
+		},
+		"./*": "./dist/*"
+	},
+	"peerDependencies": {
+		"@steeze-ui/heroicons": "^2.4.2",
+		"@sveltejs/kit": "^2.15.2",
+		"runed": "^0.23.0",
+		"svelte": "^5.0.0",
+		"valibot": "^0.42.1"
+	},
+	"devDependencies": {
+		"@playwright/test": "^1.50.1",
+		"@skeletonlabs/skeleton": "3.0.0-next.2",
+		"@skeletonlabs/skeleton-svelte": "1.0.0-next.4",
+		"@steeze-ui/heroicons": "^2.4.2",
+		"@sveltejs/adapter-auto": "^4.0.0",
+		"@sveltejs/package": "2.3.7",
+		"@sveltejs/vite-plugin-svelte": "^5.0.3",
+		"@tailwindcss/typography": "^0.5.16",
+		"@types/eslint": "^9.6.1",
+		"autoprefixer": "^10.4.20",
+		"eslint": "^9.21.0",
+		"eslint-config-prettier": "^10.0.2",
+		"eslint-plugin-svelte": "^3.0.2",
+		"globals": "^16.0.0",
+		"jsdom": "^26.0.0",
+		"postcss": "^8.5.3",
+		"postcss-mixins": "^11.0.3",
+		"prettier": "^3.5.3",
+		"prettier-plugin-svelte": "^3.3.3",
+		"prettier-plugin-tailwindcss": "^0.6.11",
+		"publint": "^0.3.7",
+		"standardized-audio-context-mock": "^9.7.16",
+		"svelte": "^5.20.5",
+		"svelte-check": "^4.1.4",
+		"tailwindcss": "^3.4.17",
+		"typescript": "^5.8.2",
+		"vite": "^6.2.0",
+		"vite-imagetools": "^7.0.5",
+		"vitest": "^3.0.7"
+	},
+	"dependencies": {
+		"zod": "^3.24.2"
+	}
+}

package/dist/themes/hkdev/components/buttons/button.postcss__

@@ -1,40 +0,0 @@
-@define-mixin component-button {
-
-  [data-component="button"][data-type="plain"] {
-
-    &:not([disabled]) {
-      &[data-role="primary"] {
-        @apply ...
-      }
-
-      &[data-role="secondary"] {
-        @apply ...
-      }
-    }
-
-    &[disabled] {
-      &[data-role="primary"] {
-        @apply ...
-      }
-
-      &[data-role="secondary"] {
-        @apply ...
-      }
-    }
-  }
-
-  [data-component="button"][data-type="plain"] {
-
-    &[data-size="sm"] {
-      @apply ...
-    }
-
-    &[data-size="md"] {
-      @apply ...
-    }
-
-    &[data-size="lg"] {
-      @apply ...
-    }
-  }
-}

package/dist/themes/hkdev/components/buttons/button.postcss___

@@ -1,91 +0,0 @@
-@define-mixin component-button {
-
-  /* Base button styles */
-  [data-component="button"][data-type="plain"] {
-    @apply rounded-md;
-    @apply border-width-normal;
-    @apply text-ui-base base-font-family font-medium;
-  }
-
-  /* Role-based styling for enabled buttons */
-  [data-component="button"][data-type="plain"] {
-    &:not([disabled]) {
-      &[data-role="primary"] {
-        @apply border-primary-500 bg-primary-500;
-        @apply text-primary-contrast-500;
-      }
-
-      &[data-role="secondary"] {
-        @apply border-secondary-500 text-secondary-500 bg-transparent;
-      }
-    }
-
-    /* Role-based styling for disabled buttons */
-    &[disabled] {
-      @apply cursor-not-allowed;
-
-      &[data-role="primary"] {
-        @apply bg-surface-300 text-surface-100;
-      }
-
-      &[data-role="secondary"] {
-        @apply border-surface-300 text-surface-300 bg-transparent;
-      }
-    }
-  }
-
-  /* Size variants */
-  [data-component="button"][data-type="plain"] {
-    &[data-size="sm"] {
-      @apply px-8ut py-4ut;
-      @apply text-ui-sm;
-      @apply gap-4ut;
-/*      height: 32ut;*/
-    }
-
-    &[data-size="md"] {
-      @apply px-16ut py-8ut;
-      @apply text-ui-base;
-      @apply gap-8ut;
-/*      height: 40ut;*/
-    }
-
-    &[data-size="lg"] {
-      @apply px-20ut py-10ut;
-      @apply text-ui-lg;
-      @apply gap-10ut;
-/*      height: 50ut;*/
-    }
-  }
-
-  /* Hover, focus and active states for enabled buttons */
-  [data-component="button"][data-type="plain"]:not([disabled]) {
-    &[data-role="primary"] {
-      &:hover {
-        @apply bg-primary-600;
-      }
-      &:focus-visible {
-        @apply bg-primary-600;
-        outline: 2ut solid rgb(var(--color-primary-300));
-        outline-offset: 2ut;
-      }
-      &:active {
-        @apply bg-primary-700;
-      }
-    }
-
-    &[data-role="secondary"] {
-      &:hover {
-        @apply bg-secondary-50;
-      }
-      &:focus-visible {
-        @apply bg-secondary-50;
-        outline: 2ut solid rgb(var(--color-secondary-300));
-        outline-offset: 2ut;
-      }
-      &:active {
-        @apply bg-secondary-100;
-      }
-    }
-  }
-}