fix: prefers gap/overflow shorthands

fremtind · Jan 8, 2025 · be856d4 · be856d4
1 parent c07d0ea
commit be856d4
Show file tree

Hide file tree

Showing 59 changed files with 6,546 additions and 6,584 deletions.
diff --git a/actions/changed-files/package.json b/actions/changed-files/package.json
@@ -21,12 +21,12 @@
     "author": "",
     "license": "MIT",
     "dependencies": {
-        "@actions/core": "^1.10.0",
-        "micromatch": "^4.0.5",
-        "simple-git": "^3.19.0"
+        "@actions/core": "^1.11.1",
+        "micromatch": "^4.0.8",
+        "simple-git": "^3.27.0"
     },
     "devDependencies": {
-        "@jest/globals": "^29.5.0",
-        "@types/micromatch": "^4.0.2"
+        "@jest/globals": "^29.7.0",
+        "@types/micromatch": "^4.0.9"
     }
 }
diff --git a/actions/paths-filter/package.json b/actions/paths-filter/package.json
@@ -19,14 +19,14 @@
     "author": "",
     "license": "MIT",
     "dependencies": {
-        "@actions/core": "^1.10.0",
+        "@actions/core": "^1.11.1",
         "@actions/github": "^5.1.1",
         "@octokit/webhooks-types": "^6.11.0",
         "js-yaml": "^4.1.0",
-        "micromatch": "^4.0.5"
+        "micromatch": "^4.0.8"
     },
     "devDependencies": {
-        "@types/js-yaml": "^4.0.5",
-        "@types/micromatch": "^4.0.2"
+        "@types/js-yaml": "^4.0.9",
+        "@types/micromatch": "^4.0.9"
     }
 }
diff --git a/doc-utils/component-example.scss b/doc-utils/component-example.scss
@@ -109,8 +109,7 @@
 }
 
 .jkl-device {
-    overflow-x: auto;
-    overflow-y: hidden;
+    overflow: auto hidden;
     max-width: calc(100vw - 600px);
     width: 100%;
 

diff --git a/jest/setupTests.ts b/jest/setupTests.ts
@@ -1,5 +1,6 @@
 import { configure } from "@testing-library/react";
 import "@testing-library/jest-dom/extend-expect";
+// @ts-ignore
 import prettier from "prettier";
 import { toHaveNoViolations } from "jest-axe";
 

diff --git a/package.json b/package.json
@@ -60,88 +60,88 @@
         }
     },
     "dependencies": {
-        "fs-extra": "^11.1.1",
+        "fs-extra": "^11.2.0",
         "glob": "^8.1.0",
         "nodemon": "^2.0.22",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "react-is": "^18.2.0"
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "react-is": "^18.3.1"
     },
     "devDependencies": {
-        "@commitlint/cli": "^17.6.5",
-        "@commitlint/config-conventional": "^17.6.5",
-        "@fremtind/browserslist-config-jkl": "^2.0.0-alpha.0",
-        "@fremtind/stylelint-config-jkl": "^8.0.0-alpha.0",
+        "@commitlint/cli": "^17.8.1",
+        "@commitlint/config-conventional": "^17.8.1",
+        "@fremtind/browserslist-config-jkl": "^2.0.1",
+        "@fremtind/stylelint-config-jkl": "^8.0.4",
         "@frsource/cypress-plugin-visual-regression-diff": "3.1.6",
-        "@playwright/test": "^1.46.1",
-        "@testing-library/dom": "^9.3.0",
-        "@testing-library/jest-dom": "^5.16.5",
-        "@testing-library/react": "^14.0.0",
-        "@testing-library/user-event": "^14.4.3",
-        "@types/express": "^4.17.17",
+        "@playwright/test": "^1.49.1",
+        "@testing-library/dom": "^9.3.4",
+        "@testing-library/jest-dom": "^5.17.0",
+        "@testing-library/react": "^14.3.1",
+        "@testing-library/user-event": "^14.5.2",
+        "@types/express": "^4.17.21",
         "@types/glob": "^8.1.0",
-        "@types/jest-axe": "^3.5.5",
-        "@types/node": "^18.16.16",
+        "@types/jest-axe": "^3.5.9",
+        "@types/node": "^18.19.69",
         "@types/react": "18.3.3",
-        "@types/react-dom": "^18.3.0",
-        "@types/react-is": "^18.2.0",
-        "@types/react-syntax-highlighter": "^15.5.7",
-        "@types/testing-library__jest-dom": "^5.14.6",
-        "@typescript-eslint/eslint-plugin": "^5.59.9",
-        "@typescript-eslint/parser": "^5.59.9",
-        "@vitejs/plugin-react-swc": "^3.5.0",
-        "autoprefixer": "^10.4.14",
-        "browserslist": "^4.21.7",
+        "@types/react-dom": "^18.3.5",
+        "@types/react-is": "^18.3.1",
+        "@types/react-syntax-highlighter": "^15.5.13",
+        "@types/testing-library__jest-dom": "^5.14.9",
+        "@typescript-eslint/eslint-plugin": "^5.62.0",
+        "@typescript-eslint/parser": "^5.62.0",
+        "@vitejs/plugin-react-swc": "^3.7.2",
+        "autoprefixer": "^10.4.20",
+        "browserslist": "^4.24.3",
         "case": "^1.6.3",
         "classnames": "^2.5.1",
-        "commitizen": "^4.3.0",
-        "cssnano": "^6.0.1",
-        "cssnano-preset-lite": "^3.0.0",
-        "cypress": "^13.2.0",
+        "commitizen": "^4.3.1",
+        "cssnano": "^6.1.2",
+        "cssnano-preset-lite": "^3.1.0",
+        "cypress": "^13.17.0",
         "cz-lerna-changelog": "2.0.3",
-        "esbuild": "^0.19.1",
+        "esbuild": "^0.19.12",
         "esbuild-plugin-browserslist": "~0.7.2",
-        "esbuild-sass-plugin": "^2.12.0",
-        "eslint": "^8.42.0",
-        "eslint-config-prettier": "^8.8.0",
-        "eslint-plugin-cypress": "^2.15.1",
-        "eslint-plugin-import": "^2.27.5",
-        "eslint-plugin-jsx-a11y": "^6.7.1",
+        "esbuild-sass-plugin": "^2.16.1",
+        "eslint": "^8.57.1",
+        "eslint-config-prettier": "^8.10.0",
+        "eslint-plugin-cypress": "^2.15.2",
+        "eslint-plugin-import": "^2.31.0",
+        "eslint-plugin-jsx-a11y": "^6.10.2",
         "eslint-plugin-prettier": "^4.2.1",
-        "eslint-plugin-react": "^7.32.2",
-        "eslint-plugin-react-hooks": "^4.6.0",
-        "express": "^4.18.2",
+        "eslint-plugin-react": "^7.37.3",
+        "eslint-plugin-react-hooks": "^4.6.2",
+        "express": "^4.21.2",
         "get-port": "^6.1.2",
         "gh-pages": "5.0.0",
         "gulp": "^4.0.2",
         "gulp-postcss": "^9.0.1",
         "gulp-rename": "^2.0.0",
         "gulp-sass": "^5.1.0",
         "husky": "^8.0.3",
-        "jest": "^29.5.0",
+        "jest": "^29.7.0",
         "jest-axe": "^7.0.1",
-        "jest-canvas-mock": "^2.5.1",
-        "jest-environment-jsdom": "^29.5.0",
+        "jest-canvas-mock": "^2.5.2",
+        "jest-environment-jsdom": "^29.7.0",
         "jest-watch-typeahead": "^2.2.2",
         "lerna": "7.0.0",
         "lerna-clean-changelogs-cli": "3.0.11",
-        "lint-staged": "^13.2.2",
+        "lint-staged": "^13.3.0",
         "npm-run-all": "^4.1.5",
-        "postcss": "^8.4.24",
+        "postcss": "^8.4.49",
         "prettier": "^2.8.8",
         "prompt": "^1.3.0",
-        "react-hook-form": "^7.44.3",
+        "react-hook-form": "^7.54.2",
         "react-live": "^3.2.0",
-        "react-syntax-highlighter": "^15.5.0",
-        "replace-in-file": "^7.0.1",
+        "react-syntax-highlighter": "^15.6.1",
+        "replace-in-file": "^7.2.0",
         "resize-observer-polyfill": "^1.5.1",
         "rimraf": "^6.0.1",
-        "sass": "^1.81.0",
-        "stylelint": "^15.7.0",
+        "sass": "^1.83.1",
+        "stylelint": "^15.11.0",
         "tiny-glob": "^0.2.9",
-        "typescript": "^5.0.4",
-        "vite": "^5.2.0",
-        "vite-plugin-dts": "^3.9.0"
+        "typescript": "^5.7.2",
+        "vite": "^5.4.11",
+        "vite-plugin-dts": "^3.9.1"
     },
     "browserslist": [
         "extends @fremtind/browserslist-config-jkl"

diff --git a/packages/accordion-react/package.json b/packages/accordion-react/package.json
@@ -33,20 +33,20 @@
         "@fremtind/jkl-core": "^14.8.8",
         "@fremtind/jkl-icons-react": "^9.1.21",
         "@fremtind/jkl-react-hooks": "^12.2.12",
-        "classnames": "^2.3.2"
+        "classnames": "^2.5.1"
     },
     "devDependencies": {
         "@fremtind/jkl-button": "^12.2.13",
         "@fremtind/jkl-expand-button": "^7.1.12",
-        "@fremtind/jkl-icons": "^9.1.4",
+        "@fremtind/jkl-icons": "^9.1.5",
         "@fremtind/jkl-list-react": "^10.2.25",
         "@rollup/plugin-terser": "^0.4.4",
-        "@vitejs/plugin-react-swc": "^3.7.0",
+        "@vitejs/plugin-react-swc": "^3.7.2",
         "glob": "^8.1.0",
         "rollup-plugin-node-externals": "^7.1.3",
-        "rollup-plugin-visualizer": "^5.12.0",
-        "vite": "^5.2.0",
-        "vite-plugin-dts": "^4.1.0"
+        "rollup-plugin-visualizer": "^5.13.1",
+        "vite": "^5.4.11",
+        "vite-plugin-dts": "^4.4.0"
     },
     "peerDependencies": {
         "@types/react": "^16.8.6 || ^17.0.0 || ^18.0.0",

diff --git a/packages/breadcrumb-react/package.json b/packages/breadcrumb-react/package.json
@@ -38,7 +38,7 @@
     "dependencies": {
         "@fremtind/jkl-breadcrumb": "^5.1.12",
         "@fremtind/jkl-core": "^14.8.8",
-        "classnames": "^2.3.2"
+        "classnames": "^2.5.1"
     },
     "peerDependencies": {
         "@types/react": "^16.8.6 || ^17.0.0 || ^18.0.0",

diff --git a/packages/button-react/package.json b/packages/button-react/package.json
@@ -45,7 +45,7 @@
         "@fremtind/jkl-icons-react": "^9.1.21",
         "@fremtind/jkl-loader-react": "^12.0.31",
         "@fremtind/jkl-react-hooks": "^12.2.12",
-        "classnames": "^2.3.2"
+        "classnames": "^2.5.1"
     },
     "devDependencies": {
         "@fremtind/jkl-toggle-switch-react": "^13.1.42"

diff --git a/packages/card-react/package.json b/packages/card-react/package.json
@@ -40,7 +40,7 @@
         "@fremtind/jkl-core": "^14.8.8",
         "@fremtind/jkl-image-react": "^6.0.33",
         "@fremtind/jkl-tag-react": "^6.0.4",
-        "classnames": "^2.3.2"
+        "classnames": "^2.5.1"
     },
     "devDependencies": {
         "@fremtind/jkl-constants-util": "^3.0.116"

diff --git a/packages/checkbox-react/package.json b/packages/checkbox-react/package.json
@@ -41,7 +41,7 @@
         "@fremtind/jkl-checkbox": "^11.1.12",
         "@fremtind/jkl-core": "^14.8.8",
         "@fremtind/jkl-react-hooks": "^12.2.12",
-        "classnames": "^2.3.2"
+        "classnames": "^2.5.1"
     },
     "devDependencies": {
         "@fremtind/jkl-input-group-react": "^4.0.4"

diff --git a/packages/chip-react/package.json b/packages/chip-react/package.json
@@ -39,7 +39,7 @@
         "@fremtind/jkl-chip": "^1.0.5",
         "@fremtind/jkl-core": "^14.8.8",
         "@fremtind/jkl-icons-react": "^9.1.21",
-        "classnames": "^2.3.2"
+        "classnames": "^2.5.1"
     },
     "peerDependencies": {
         "@types/react": "^16.8.6 || ^17.0.0 || ^18.0.0",

diff --git a/packages/combobox-react/package.json b/packages/combobox-react/package.json
@@ -46,7 +46,7 @@
         "@fremtind/jkl-select-react": "^15.0.11",
         "@fremtind/jkl-tag-react": "^6.0.4",
         "@fremtind/jkl-tooltip-react": "^4.6.7",
-        "classnames": "^2.3.2"
+        "classnames": "^2.5.1"
     },
     "peerDependencies": {
         "@types/react": "^16.8.6 || ^17.0.0 || ^18.0.0",

diff --git a/packages/contextual-menu-react/package.json b/packages/contextual-menu-react/package.json
@@ -36,14 +36,14 @@
         "dev": "node ./esbuild.dev.mjs && run-p dev:*"
     },
     "dependencies": {
-        "@floating-ui/react": "^0.24.2",
+        "@floating-ui/react": "^0.24.8",
         "@fremtind/jkl-contextual-menu": "^2.3.10",
         "@fremtind/jkl-core": "^14.8.8",
         "@fremtind/jkl-icons-react": "^9.1.21",
         "@fremtind/jkl-react-hooks": "^12.2.12",
         "@fremtind/jkl-toggle-switch": "^13.2.12",
-        "classnames": "^2.3.2",
-        "framer-motion": ">7.10.3 <12"
+        "classnames": "^2.5.1",
+        "framer-motion": "^11.15.0"
     },
     "devDependencies": {
         "@fremtind/jkl-icon-button-react": "^5.0.29"

diff --git a/packages/core/package.json b/packages/core/package.json
@@ -47,11 +47,11 @@
         "url": "https://github.com/fremtind/jokul/issues"
     },
     "dependencies": {
-        "classnames": "^2.3.2"
+        "classnames": "^2.5.1"
     },
     "devDependencies": {
         "change-case": "^4.1.2",
-        "style-dictionary": "^3.8.0"
+        "style-dictionary": "^3.9.2"
     },
     "peerDependencies": {
         "@types/react": "^16.8.6 || ^17.0.0 || ^18.0.0",

diff --git a/packages/datepicker-react/package.json b/packages/datepicker-react/package.json
@@ -46,11 +46,11 @@
         "@fremtind/jkl-react-hooks": "^12.2.12",
         "@fremtind/jkl-select-react": "^15.0.11",
         "@fremtind/jkl-text-input-react": "^16.0.5",
-        "classnames": "^2.3.2",
+        "classnames": "^2.5.1",
         "date-fns": "^2.30.0"
     },
     "devDependencies": {
-        "@jest/globals": "^29.5.0"
+        "@jest/globals": "^29.7.0"
     },
     "peerDependencies": {
         "@types/react": "^16.8.6 || ^17.0.0 || ^18.0.0",

diff --git a/packages/description-list-react/package.json b/packages/description-list-react/package.json
@@ -49,7 +49,7 @@
     "dependencies": {
         "@fremtind/jkl-core": "^14.8.8",
         "@fremtind/jkl-description-list": "^8.0.30",
-        "classnames": "^2.3.2"
+        "classnames": "^2.5.1"
     },
     "peerDependencies": {
         "@types/react": "^16.8.6 || ^17.0.0 || ^18.0.0",

diff --git a/packages/expand-button-react/package.json b/packages/expand-button-react/package.json
@@ -40,7 +40,7 @@
         "@fremtind/jkl-expand-button": "^7.1.12",
         "@fremtind/jkl-icons-react": "^9.1.21",
         "@fremtind/jkl-react-hooks": "^12.2.12",
-        "classnames": "^2.3.2"
+        "classnames": "^2.5.1"
     },
     "peerDependencies": {
         "@types/react": "^16.8.6 || ^17.0.0 || ^18.0.0",

diff --git a/packages/expandable-react/package.json b/packages/expandable-react/package.json
@@ -40,7 +40,7 @@
         "@fremtind/jkl-expandable": "^7.2.3",
         "@fremtind/jkl-icons-react": "^9.1.21",
         "@fremtind/jkl-react-hooks": "^12.2.12",
-        "classnames": "^2.3.2"
+        "classnames": "^2.5.1"
     },
     "peerDependencies": {
         "@types/react": "^16.8.6 || ^17.0.0 || ^18.0.0",

diff --git a/packages/feedback-react/package.json b/packages/feedback-react/package.json
@@ -47,7 +47,7 @@
         "@fremtind/jkl-react-hooks": "^12.2.12",
         "@fremtind/jkl-text-input-react": "^16.0.5",
         "@fremtind/jkl-validators-util": "^3.0.2",
-        "classnames": "^2.3.2"
+        "classnames": "^2.5.1"
     },
     "peerDependencies": {
         "@types/react": "^16.8.6 || ^17.0.0 || ^18.0.0",

diff --git a/packages/file-input-react/package.json b/packages/file-input-react/package.json
@@ -45,7 +45,7 @@
         "@fremtind/jkl-input-group-react": "^4.0.4",
         "@fremtind/jkl-progress-bar-react": "^6.1.12",
         "@fremtind/jkl-react-hooks": "^12.2.12",
-        "classnames": "^2.3.2"
+        "classnames": "^2.5.1"
     },
     "peerDependencies": {
         "@types/react": "^16.8.6 || ^17.0.0 || ^18.0.0",

diff --git a/packages/formatters-util/package.json b/packages/formatters-util/package.json
@@ -43,7 +43,7 @@
         "@fremtind/jkl-button": "^12.2.13",
         "@fremtind/jkl-datepicker": "^12.1.38",
         "@fremtind/jkl-text-input": "^12.1.33",
-        "react-hook-form": "^7.44.3"
+        "react-hook-form": "^7.54.2"
     },
     "peerDependencies": {
         "@types/react": "^16.8.6 || ^17.0.0 || ^18.0.0",

diff --git a/packages/icon-button-react/package.json b/packages/icon-button-react/package.json
@@ -42,7 +42,7 @@
     "dependencies": {
         "@fremtind/jkl-core": "^14.8.8",
         "@fremtind/jkl-icon-button": "^4.0.32",
-        "classnames": "^2.3.2"
+        "classnames": "^2.5.1"
     },
     "devDependencies": {
         "@fremtind/jkl-icons-react": "^9.1.21",

diff --git a/packages/icons-react/documentation/internal/icons-example-grid.scss b/packages/icons-react/documentation/internal/icons-example-grid.scss
@@ -1,7 +1,6 @@
 .jkl-example-grid {
     display: grid;
-    column-gap: 1rem;
-    row-gap: 2rem;
+    gap: 2rem 1rem;
     width: 100%;
 }