Merge remote-tracking branch 'origin/main' into fix-tooltip-delay

build/package.json

@@ -17,12 +17,12 @@
   "dependencies": {
     "@pnpm/find-workspace-packages": "^6.0.5",
     "@pnpm/logger": "^5.0.0",
-    "@rollup/plugin-commonjs": "^24.1.0",
+    "@rollup/plugin-commonjs": "^25.0.2",
     "@rollup/plugin-node-resolve": "^15.0.2",
     "@vitejs/plugin-vue": "^4.1.0",
     "chalk": "^5.2.0",
     "components-helper": "^2.1.4",
-    "consola": "^2.15.3",
+    "consola": "^3.2.3",
     "esbuild": "^0.17.16",
     "fast-glob": "^3.2.12",
     "fs-extra": "^11.1.1",

package.json

@@ -49,8 +49,8 @@
     "vue": "^3.2.0"
   },
   "dependencies": {
-    "@headlessui/vue": "^1.7.13",
-    "@popperjs/core": "^2.11.7",
+    "@headlessui/vue": "^1.7.16",
+    "@popperjs/core": "^2.11.8",
     "@puik/components": "workspace:*",
     "@puik/hooks": "workspace:*",
     "@puik/locale": "workspace:*",
@@ -63,53 +63,53 @@
     "lodash-unified": "^1.0.3"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.5.1",
-    "@commitlint/config-conventional": "^17.4.4",
-    "@esbuild-kit/cjs-loader": "^2.4.2",
-    "@faker-js/faker": "^8.0.2",
-    "@pnpm/find-workspace-packages": "^6.0.5",
+    "@commitlint/cli": "^17.7.1",
+    "@commitlint/config-conventional": "^17.7.0",
+    "@esbuild-kit/cjs-loader": "^2.4.4",
+    "@faker-js/faker": "^8.1.0",
+    "@pnpm/find-workspace-packages": "^6.0.9",
     "@pnpm/logger": "5.0.0",
-    "@pnpm/types": "^9.0.0",
-    "@puik/build": "workspace:^0.0.1",
-    "@types/fs-extra": "^11.0.1",
-    "@types/gulp": "^4.0.10",
-    "@types/lodash": "^4.14.192",
-    "@types/lodash-es": "^4.17.7",
-    "@types/node": "^18.15.11",
-    "@types/sass": "^1.43.1",
+    "@pnpm/types": "^9.2.0",
+    "@puik/build": "workspace:^",
+    "@types/fs-extra": "^11.0.2",
+    "@types/gulp": "^4.0.14",
+    "@types/lodash": "^4.14.198",
+    "@types/lodash-es": "^4.17.9",
+    "@types/node": "^18.17.18",
+    "@types/sass": "^1.45.0",
     "@typescript-eslint/eslint-plugin": "5.58.0",
     "@typescript-eslint/parser": "5.58.0",
-    "@vitejs/plugin-vue": "^4.1.0",
+    "@vitejs/plugin-vue": "^4.3.4",
     "@vitest/coverage-v8": "^0.32.4",
-    "@vue/test-utils": "^2.3.2",
+    "@vue/test-utils": "^2.4.1",
     "@vue/tsconfig": "^0.1.3",
-    "chalk": "^5.2.0",
-    "chromatic": "^6.17.3",
-    "consola": "^2.15.3",
+    "chalk": "^5.3.0",
+    "chromatic": "^6.24.1",
+    "consola": "^3.2.3",
     "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^8.38.0",
+    "eslint": "^8.49.0",
     "eslint-config-prettier": "8.8.0",
-    "eslint-define-config": "^1.17.0",
+    "eslint-define-config": "^1.23.0",
     "eslint-plugin-import": "2.27.5",
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-vue": "9.10.0",
-    "fast-glob": "^3.2.12",
+    "fast-glob": "^3.3.1",
     "husky": "^8.0.3",
     "hygen": "^6.2.11",
-    "jsdom": "^21.1.1",
-    "lint-staged": "^13.2.1",
-    "prettier": "^2.8.7",
+    "jsdom": "^21.1.2",
+    "lint-staged": "^13.3.0",
+    "prettier": "^2.8.8",
     "pretty-quick": "^3.1.3",
-    "rimraf": "^5.0.0",
-    "sass": "^1.62.0",
+    "rimraf": "^5.0.1",
+    "sass": "^1.68.0",
     "ts-morph": "^14.0.0",
-    "tsx": "^3.12.6",
+    "tsx": "^3.12.10",
     "type-fest": "^2.19.0",
-    "typescript": "^5.0.4",
-    "unplugin-vue-define-options": "^1.3.3",
+    "typescript": "^5.2.2",
+    "unplugin-vue-define-options": "^1.3.18",
     "vitest": "^0.32.4",
-    "vue": "^3.2.47",
-    "vue-router": "^4.1.6",
-    "vue-tsc": "^1.2.0"
+    "vue": "^3.3.4",
+    "vue-router": "^4.2.5",
+    "vue-tsc": "^1.8.13"
   }
 }

packages/theme/src/link.scss

@@ -1,15 +1,24 @@
 @use './common/typography.scss';
 
 .puik-link {
-  @apply text-blue transition m-0.5 p-0.5 decoration-1;
-  &:hover {
-    @apply underline text-blue-700 cursor-pointer;
-  }
-  &:focus-visible {
-    @apply underline outline-none ring-2 ring-blue;
+  @apply relative text-blue transition m-0.5 p-0.5 py-[4px] decoration-1;
+  &:before {
+    content: '';
+    @apply opacity-0 absolute h-[1px] bg-primary-800 bottom-0 left-[50%] translate-x-[-50%] transition-all ease-in-out duration-200;
+    width: calc(100% - 8px);
   }
+  &:hover,
   &:active {
-    @apply underline;
+    @apply text-blue-700 cursor-pointer;
+    &:before {
+      @apply opacity-100 bottom-[3px] transition-all ease-in-out duration-300;
+    }
+    &:before:visited {
+      @apply bg-primary-500;
+    }
+  }
+  &:focus-visible {
+    @apply outline-none ring-2 ring-blue rounded-[4px] shadow-none;
   }
   &:visited {
     @apply text-purple-700;