From 2c59260cc3fefab2b70983916642b575f00a9953 Mon Sep 17 00:00:00 2001 From: Isabelle Chanclou Date: Fri, 21 Apr 2023 17:18:12 +0200 Subject: [PATCH 1/4] Fix(nav-tabs): change place of dropdown menu Signed-off-by: Isabelle Chanclou --- site/content/docs/5.3/components/navs-tabs.md | 24 +++++++++---------- 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/site/content/docs/5.3/components/navs-tabs.md b/site/content/docs/5.3/components/navs-tabs.md index b52780cfb2..c9023ec26d 100644 --- a/site/content/docs/5.3/components/navs-tabs.md +++ b/site/content/docs/5.3/components/navs-tabs.md @@ -342,6 +342,12 @@ Add dropdown menus with a little extra HTML and the [dropdowns JavaScript plugin
  • Active
    • +
  • + Link +
    • +
  • + Disabled +
    • @@ -352,12 +358,6 @@ Add dropdown menus with a little extra HTML and the [dropdowns JavaScript plugin
    • Separated link
    • -
  • - Link -
    • -
  • - Disabled -
    • {{< /example >}} @@ -372,6 +372,12 @@ This variant should not be used because it is a button component in the Orange D
  • Active
    • +
  • + Link +
    • +
  • + Disabled +
    • @@ -382,12 +388,6 @@ This variant should not be used because it is a button component in the Orange D
    • Separated link
    • -
  • - Link -
    • -
  • - Disabled -
    • {{< /example >}} From 9cca0f40fab7bfe6ce720dbf5ef163c2246876aa Mon Sep 17 00:00:00 2001 From: Isabelle Chanclou Date: Wed, 26 Apr 2023 10:03:36 +0200 Subject: [PATCH 2/4] Merge branch 'main' into main-ic-fix-nav-tabs-dropdown-menu-place Signed-off-by: Isabelle Chanclou --- .github/workflows/js.yml | 2 +- package-lock.json | 286 ++++++++++---------- package.json | 2 +- scss/_reboot.scss | 2 +- scss/_root.scss | 8 +- scss/_variables-dark.scss | 2 +- scss/_variables.scss | 2 +- scss/helpers/_colored-links.scss | 18 +- site/content/docs/5.3/examples/form/form.js | 1 + site/content/docs/5.3/migration.md | 5 + site/content/docs/5.3/utilities/position.md | 4 +- 11 files changed, 166 insertions(+), 166 deletions(-) diff --git a/.github/workflows/js.yml b/.github/workflows/js.yml index 10c001a1aa..d993eafa8a 100644 --- a/.github/workflows/js.yml +++ b/.github/workflows/js.yml @@ -48,7 +48,7 @@ jobs: run: npm run js-test - name: Run Coveralls - uses: coverallsapp/github-action@v2.1.1 + uses: coverallsapp/github-action@v2.1.2 with: github-token: "${{ secrets.GITHUB_TOKEN }}" path-to-lcov: "./js/coverage/lcov.info" diff --git a/package-lock.json b/package-lock.json index 0537d86fce..4b00ed221b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,7 +12,7 @@ "@babel/cli": "^7.21.0", "@babel/core": "^7.21.4", "@babel/preset-env": "^7.21.4", - "@percy/cli": "^1.23.0", + "@percy/cli": "^1.24.0", "@popperjs/core": "^2.11.7", "@rollup/plugin-babel": "^6.0.3", "@rollup/plugin-commonjs": "^24.1.0", @@ -2868,20 +2868,20 @@ } }, "node_modules/@percy/cli": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/cli/-/cli-1.23.0.tgz", - "integrity": "sha512-3S+QUWdeJq6ZUWoRNLuX+wdJx8civJdrSmYG9WS2CP9auJNbuA+13xQnB5AkkWUvHEcC/yXzZpi5NAjoW86jgw==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/cli/-/cli-1.24.0.tgz", + "integrity": "sha512-n8dxQfA2GoPk468EQ+sO7P/P5sBl3Q+s7UrljQhf4wPt4l+CBmoxMML8Ib71MyISzwxY7bOSw2QMr26r6n06/A==", "dev": true, "dependencies": { - "@percy/cli-app": "1.23.0", - "@percy/cli-build": "1.23.0", - "@percy/cli-command": "1.23.0", - "@percy/cli-config": "1.23.0", - "@percy/cli-exec": "1.23.0", - "@percy/cli-snapshot": "1.23.0", - "@percy/cli-upload": "1.23.0", - "@percy/client": "1.23.0", - "@percy/logger": "1.23.0" + "@percy/cli-app": "1.24.0", + "@percy/cli-build": "1.24.0", + "@percy/cli-command": "1.24.0", + "@percy/cli-config": "1.24.0", + "@percy/cli-exec": "1.24.0", + "@percy/cli-snapshot": "1.24.0", + "@percy/cli-upload": "1.24.0", + "@percy/client": "1.24.0", + "@percy/logger": "1.24.0" }, "bin": { "percy": "bin/run.cjs" @@ -2891,39 +2891,39 @@ } }, "node_modules/@percy/cli-app": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/cli-app/-/cli-app-1.23.0.tgz", - "integrity": "sha512-2L5chuBFp016LlkB7BihGtm0XJFCZEDNIcOFchsK7l2REBUkxVeM6hNQ89uuP2F9eKXwWKqtDEIYCzdzW0hfIQ==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/cli-app/-/cli-app-1.24.0.tgz", + "integrity": "sha512-z7ksv+SvdgDuAZ4WDnluuLuS72xb18DKauuwikSKipdICHHFQuXdRc0ngloADC/6IFzp0JhiukiRanntbBkPvg==", "dev": true, "dependencies": { - "@percy/cli-command": "1.23.0", - "@percy/cli-exec": "1.23.0" + "@percy/cli-command": "1.24.0", + "@percy/cli-exec": "1.24.0" }, "engines": { "node": ">=14" } }, "node_modules/@percy/cli-build": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/cli-build/-/cli-build-1.23.0.tgz", - "integrity": "sha512-qIhfU/UtPl181Dw2kR8klEYLUlA5C8GE0M9781vz7D0W3LriccaLLLo1wBp4q4bo83uvUBvNJhq9/S4T38kPEQ==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/cli-build/-/cli-build-1.24.0.tgz", + "integrity": "sha512-p/wmO0OzqJ2Uou7QNAdxioqKmxu7U+6Al02GvVhYcPja/MkVjfJT/jDl+XstXawR76txQW9QWrNsK5YOAWUupQ==", "dev": true, "dependencies": { - "@percy/cli-command": "1.23.0" + "@percy/cli-command": "1.24.0" }, "engines": { "node": ">=14" } }, "node_modules/@percy/cli-command": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/cli-command/-/cli-command-1.23.0.tgz", - "integrity": "sha512-tXj5vv2BQMBmn3ZL2YNqYYrmJLyYnBqwyJkecY2BwXQsKAIv3qBgTzr1d5+LxTOi5ArjFCHAgk2w4ohy6h6t4w==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/cli-command/-/cli-command-1.24.0.tgz", + "integrity": "sha512-n4qyDdUc+TiX/YykGg59IS1DBmm4UdA7ZaiTdw/D5AZohzwwVbwL+Q4QMYqcohtfYZ/F8UT7Qy3Jma3+YKTnxw==", "dev": true, "dependencies": { - "@percy/config": "1.23.0", - "@percy/core": "1.23.0", - "@percy/logger": "1.23.0" + "@percy/config": "1.24.0", + "@percy/core": "1.24.0", + "@percy/logger": "1.24.0" }, "bin": { "percy-cli-readme": "bin/readme.js" @@ -2933,24 +2933,24 @@ } }, "node_modules/@percy/cli-config": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/cli-config/-/cli-config-1.23.0.tgz", - "integrity": "sha512-tI4c4MhU41rx9n7fYZrpn4gaOD9dA6PnefP397v7smqEWh7MJ+cxI/nyKU0/9G2wGjMhYACaLoR4BiCWOQZAkw==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/cli-config/-/cli-config-1.24.0.tgz", + "integrity": "sha512-7T70Y3vC0hIGBe+WOmdzspN8N5uflBRwuPoRXn2PdzxvH55hUhCGFT/Wxb8C6rTMJ9k++POkxMoQaSErVANYYg==", "dev": true, "dependencies": { - "@percy/cli-command": "1.23.0" + "@percy/cli-command": "1.24.0" }, "engines": { "node": ">=14" } }, "node_modules/@percy/cli-exec": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/cli-exec/-/cli-exec-1.23.0.tgz", - "integrity": "sha512-ecxnMWxUlVx0EswGraHgN4LvWbXeUZQZUxJ9wYmMSgDEaKfEiEZ5WTLSKzQAxyfw2SjoQ3cHRZbKh4qMlCgbAg==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/cli-exec/-/cli-exec-1.24.0.tgz", + "integrity": "sha512-T5B8HLjPde0js5lkO14uk02QZKmgxILjALh5SX9VFL2Qx4cUXw+A29epPPv6OLI2x2oww8e5nTdlnmykX8n4kQ==", "dev": true, "dependencies": { - "@percy/cli-command": "1.23.0", + "@percy/cli-command": "1.24.0", "cross-spawn": "^7.0.3", "which": "^2.0.2" }, @@ -2959,12 +2959,12 @@ } }, "node_modules/@percy/cli-snapshot": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/cli-snapshot/-/cli-snapshot-1.23.0.tgz", - "integrity": "sha512-QOrUfyPCnjfIAcUBjNlO299NRPDxofcYQUCBYZE3CtemsNFtygFt0yPnZCwWmt0voSpnPl1Izc6/FA3wYUfuBQ==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/cli-snapshot/-/cli-snapshot-1.24.0.tgz", + "integrity": "sha512-zxoE1SbdTvUlP7QAjTs7+M7U8cHEDF1ec7ov06m1i+bul68YhZ0S+P4a1Mbt6oWBsAxjYz06h4jnq32JitbSDg==", "dev": true, "dependencies": { - "@percy/cli-command": "1.23.0", + "@percy/cli-command": "1.24.0", "yaml": "^2.0.0" }, "engines": { @@ -2972,12 +2972,12 @@ } }, "node_modules/@percy/cli-upload": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/cli-upload/-/cli-upload-1.23.0.tgz", - "integrity": "sha512-faRHjzaUf21RK9Ra051gKUl4HmMNPZxUKSZNmdG0yP+tc5KxU9cXkmEeCKGH7LOcVs0IfyRX0vv58YEZ6GsIRw==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/cli-upload/-/cli-upload-1.24.0.tgz", + "integrity": "sha512-/4XNzMAhbccYSsPhw/KWRVjnd13nd17LB178dVNX4UEtaETDbBF+VZSlU3scgs8mlpuqY8b8bHDaSJNfI71UwQ==", "dev": true, "dependencies": { - "@percy/cli-command": "1.23.0", + "@percy/cli-command": "1.24.0", "fast-glob": "^3.2.11", "image-size": "^1.0.0" }, @@ -2986,25 +2986,25 @@ } }, "node_modules/@percy/client": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/client/-/client-1.23.0.tgz", - "integrity": "sha512-m0qNCrlfh6Pf0t2GfoeShuK7r2GeRk5rWVjIbdnDigvmtL0G+HJM1gvysLOxzKFHkZ1cLBfM1SnH1Yn6RM/6qQ==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/client/-/client-1.24.0.tgz", + "integrity": "sha512-mCMIGryE+0oxJN6v+riZ+XqnubEL9rajLOJI7xNOj5gNBNNvwgvkpTiNId9d6LNZVhA7dN9ZHTW+zFK+i4nU8A==", "dev": true, "dependencies": { - "@percy/env": "1.23.0", - "@percy/logger": "1.23.0" + "@percy/env": "1.24.0", + "@percy/logger": "1.24.0" }, "engines": { "node": ">=14" } }, "node_modules/@percy/config": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/config/-/config-1.23.0.tgz", - "integrity": "sha512-giPIdNLcG1Qg0dkc/VDOkTzI4szzM4QAoJfMLEP0UYPkIU2Y0Xc8NH5GN3DEiudRJge72iGfeah6GugxmXmKXw==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/config/-/config-1.24.0.tgz", + "integrity": "sha512-FOV8VkW/MjLI7PXzKSjxFBK7z0ND1s8LtXuLQNIrux3oiCKHIVBAQWIV86LLnXSSn+G5i3tfQua9YED5ATyNFQ==", "dev": true, "dependencies": { - "@percy/logger": "1.23.0", + "@percy/logger": "1.24.0", "ajv": "^8.6.2", "cosmiconfig": "^7.0.0", "yaml": "^2.0.0" @@ -3036,16 +3036,16 @@ "dev": true }, "node_modules/@percy/core": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/core/-/core-1.23.0.tgz", - "integrity": "sha512-/BNHdvbD7r1p3k3HWgxYLBo2L2Ye9RDcmTuA6en2xUYaagf+0vfcAK8iyBvVm6ir2ZjAsMW0PGRa7OIfetvHHg==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/core/-/core-1.24.0.tgz", + "integrity": "sha512-wys1k3RmENOWT4MeS2+8yGHNqzYuy64lqPi36dFoHwZHzSGHH52+6EPPDb+gXLFIxBUHVTwbdaNimstIO3F9Ww==", "dev": true, "hasInstallScript": true, "dependencies": { - "@percy/client": "1.23.0", - "@percy/config": "1.23.0", - "@percy/dom": "1.23.0", - "@percy/logger": "1.23.0", + "@percy/client": "1.24.0", + "@percy/config": "1.24.0", + "@percy/dom": "1.24.0", + "@percy/logger": "1.24.0", "content-disposition": "^0.5.4", "cross-spawn": "^7.0.3", "extract-zip": "^2.0.1", @@ -3061,24 +3061,24 @@ } }, "node_modules/@percy/dom": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/dom/-/dom-1.23.0.tgz", - "integrity": "sha512-68q3ceCWsWpUFyF/pnELSCTdbTAibGVyNwp+iZCFd/914sUhERYrrX8AqCgkCDerOzCwAQZQDe2Nv3jaB+d0ng==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/dom/-/dom-1.24.0.tgz", + "integrity": "sha512-URMLvsOPkCKayx/Wtyj5IymmIhzrtf4en6IKeW2sSTsm7X+kJQ+3wOa3017mX3HXJPIS5xEJKpiCR7hP9BtcUA==", "dev": true }, "node_modules/@percy/env": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/env/-/env-1.23.0.tgz", - "integrity": "sha512-oKvJBC/Zhfwp2QpFBpfHeAVuGhgaPeI7S4H2/68XT30pInfVJzaCjD/8ySAELGyMWmgHc51s+k09DZCo3C3Gyg==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/env/-/env-1.24.0.tgz", + "integrity": "sha512-fUUWWDZJ71kv+Po5yOaoS8t7eLmQL5NN6hqRdLhgqN9PZnu+OKIGaeK1GNaTWiHL9+zANRBc1pZjQWhRlleWVA==", "dev": true, "engines": { "node": ">=14" } }, "node_modules/@percy/logger": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/logger/-/logger-1.23.0.tgz", - "integrity": "sha512-kNtdKQ9Kou/RcWgDoSK+ofOVqOzuzyHBNsK+I92XNh8HHO6ow08Cmw+LtZbDxmj3uq7nXG9Nhgj4ZqSgdk7J6Q==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/logger/-/logger-1.24.0.tgz", + "integrity": "sha512-yaAo08FMED1o8jZycTEnTob1CZIVGaNluJc4R9fCRw7wWS88IAu4F9sdbzUZQZwZ/QGvtfI+55dNQaaesk69Bw==", "dev": true, "engines": { "node": ">=14" @@ -25340,9 +25340,9 @@ "dev": true }, "node_modules/yaml": { - "version": "2.1.3", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.1.3.tgz", - "integrity": "sha512-AacA8nRULjKMX2DvWvOAdBZMOfQlypSFkjcOcu9FalllIDJ1kvlREzcdIZmidQUqqeMv7jorHjq2HlLv/+c2lg==", + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.2.2.tgz", + "integrity": "sha512-CBKFWExMn46Foo4cldiChEzn7S7SRV+wqiluAb6xmueD/fGyRHIhX8m14vVGgeFWjN540nKCNVj6P21eQjgTuA==", "dev": true, "engines": { "node": ">= 14" @@ -27392,110 +27392,110 @@ } }, "@percy/cli": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/cli/-/cli-1.23.0.tgz", - "integrity": "sha512-3S+QUWdeJq6ZUWoRNLuX+wdJx8civJdrSmYG9WS2CP9auJNbuA+13xQnB5AkkWUvHEcC/yXzZpi5NAjoW86jgw==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/cli/-/cli-1.24.0.tgz", + "integrity": "sha512-n8dxQfA2GoPk468EQ+sO7P/P5sBl3Q+s7UrljQhf4wPt4l+CBmoxMML8Ib71MyISzwxY7bOSw2QMr26r6n06/A==", "dev": true, "requires": { - "@percy/cli-app": "1.23.0", - "@percy/cli-build": "1.23.0", - "@percy/cli-command": "1.23.0", - "@percy/cli-config": "1.23.0", - "@percy/cli-exec": "1.23.0", - "@percy/cli-snapshot": "1.23.0", - "@percy/cli-upload": "1.23.0", - "@percy/client": "1.23.0", - "@percy/logger": "1.23.0" + "@percy/cli-app": "1.24.0", + "@percy/cli-build": "1.24.0", + "@percy/cli-command": "1.24.0", + "@percy/cli-config": "1.24.0", + "@percy/cli-exec": "1.24.0", + "@percy/cli-snapshot": "1.24.0", + "@percy/cli-upload": "1.24.0", + "@percy/client": "1.24.0", + "@percy/logger": "1.24.0" } }, "@percy/cli-app": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/cli-app/-/cli-app-1.23.0.tgz", - "integrity": "sha512-2L5chuBFp016LlkB7BihGtm0XJFCZEDNIcOFchsK7l2REBUkxVeM6hNQ89uuP2F9eKXwWKqtDEIYCzdzW0hfIQ==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/cli-app/-/cli-app-1.24.0.tgz", + "integrity": "sha512-z7ksv+SvdgDuAZ4WDnluuLuS72xb18DKauuwikSKipdICHHFQuXdRc0ngloADC/6IFzp0JhiukiRanntbBkPvg==", "dev": true, "requires": { - "@percy/cli-command": "1.23.0", - "@percy/cli-exec": "1.23.0" + "@percy/cli-command": "1.24.0", + "@percy/cli-exec": "1.24.0" } }, "@percy/cli-build": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/cli-build/-/cli-build-1.23.0.tgz", - "integrity": "sha512-qIhfU/UtPl181Dw2kR8klEYLUlA5C8GE0M9781vz7D0W3LriccaLLLo1wBp4q4bo83uvUBvNJhq9/S4T38kPEQ==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/cli-build/-/cli-build-1.24.0.tgz", + "integrity": "sha512-p/wmO0OzqJ2Uou7QNAdxioqKmxu7U+6Al02GvVhYcPja/MkVjfJT/jDl+XstXawR76txQW9QWrNsK5YOAWUupQ==", "dev": true, "requires": { - "@percy/cli-command": "1.23.0" + "@percy/cli-command": "1.24.0" } }, "@percy/cli-command": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/cli-command/-/cli-command-1.23.0.tgz", - "integrity": "sha512-tXj5vv2BQMBmn3ZL2YNqYYrmJLyYnBqwyJkecY2BwXQsKAIv3qBgTzr1d5+LxTOi5ArjFCHAgk2w4ohy6h6t4w==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/cli-command/-/cli-command-1.24.0.tgz", + "integrity": "sha512-n4qyDdUc+TiX/YykGg59IS1DBmm4UdA7ZaiTdw/D5AZohzwwVbwL+Q4QMYqcohtfYZ/F8UT7Qy3Jma3+YKTnxw==", "dev": true, "requires": { - "@percy/config": "1.23.0", - "@percy/core": "1.23.0", - "@percy/logger": "1.23.0" + "@percy/config": "1.24.0", + "@percy/core": "1.24.0", + "@percy/logger": "1.24.0" } }, "@percy/cli-config": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/cli-config/-/cli-config-1.23.0.tgz", - "integrity": "sha512-tI4c4MhU41rx9n7fYZrpn4gaOD9dA6PnefP397v7smqEWh7MJ+cxI/nyKU0/9G2wGjMhYACaLoR4BiCWOQZAkw==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/cli-config/-/cli-config-1.24.0.tgz", + "integrity": "sha512-7T70Y3vC0hIGBe+WOmdzspN8N5uflBRwuPoRXn2PdzxvH55hUhCGFT/Wxb8C6rTMJ9k++POkxMoQaSErVANYYg==", "dev": true, "requires": { - "@percy/cli-command": "1.23.0" + "@percy/cli-command": "1.24.0" } }, "@percy/cli-exec": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/cli-exec/-/cli-exec-1.23.0.tgz", - "integrity": "sha512-ecxnMWxUlVx0EswGraHgN4LvWbXeUZQZUxJ9wYmMSgDEaKfEiEZ5WTLSKzQAxyfw2SjoQ3cHRZbKh4qMlCgbAg==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/cli-exec/-/cli-exec-1.24.0.tgz", + "integrity": "sha512-T5B8HLjPde0js5lkO14uk02QZKmgxILjALh5SX9VFL2Qx4cUXw+A29epPPv6OLI2x2oww8e5nTdlnmykX8n4kQ==", "dev": true, "requires": { - "@percy/cli-command": "1.23.0", + "@percy/cli-command": "1.24.0", "cross-spawn": "^7.0.3", "which": "^2.0.2" } }, "@percy/cli-snapshot": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/cli-snapshot/-/cli-snapshot-1.23.0.tgz", - "integrity": "sha512-QOrUfyPCnjfIAcUBjNlO299NRPDxofcYQUCBYZE3CtemsNFtygFt0yPnZCwWmt0voSpnPl1Izc6/FA3wYUfuBQ==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/cli-snapshot/-/cli-snapshot-1.24.0.tgz", + "integrity": "sha512-zxoE1SbdTvUlP7QAjTs7+M7U8cHEDF1ec7ov06m1i+bul68YhZ0S+P4a1Mbt6oWBsAxjYz06h4jnq32JitbSDg==", "dev": true, "requires": { - "@percy/cli-command": "1.23.0", + "@percy/cli-command": "1.24.0", "yaml": "^2.0.0" } }, "@percy/cli-upload": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/cli-upload/-/cli-upload-1.23.0.tgz", - "integrity": "sha512-faRHjzaUf21RK9Ra051gKUl4HmMNPZxUKSZNmdG0yP+tc5KxU9cXkmEeCKGH7LOcVs0IfyRX0vv58YEZ6GsIRw==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/cli-upload/-/cli-upload-1.24.0.tgz", + "integrity": "sha512-/4XNzMAhbccYSsPhw/KWRVjnd13nd17LB178dVNX4UEtaETDbBF+VZSlU3scgs8mlpuqY8b8bHDaSJNfI71UwQ==", "dev": true, "requires": { - "@percy/cli-command": "1.23.0", + "@percy/cli-command": "1.24.0", "fast-glob": "^3.2.11", "image-size": "^1.0.0" } }, "@percy/client": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/client/-/client-1.23.0.tgz", - "integrity": "sha512-m0qNCrlfh6Pf0t2GfoeShuK7r2GeRk5rWVjIbdnDigvmtL0G+HJM1gvysLOxzKFHkZ1cLBfM1SnH1Yn6RM/6qQ==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/client/-/client-1.24.0.tgz", + "integrity": "sha512-mCMIGryE+0oxJN6v+riZ+XqnubEL9rajLOJI7xNOj5gNBNNvwgvkpTiNId9d6LNZVhA7dN9ZHTW+zFK+i4nU8A==", "dev": true, "requires": { - "@percy/env": "1.23.0", - "@percy/logger": "1.23.0" + "@percy/env": "1.24.0", + "@percy/logger": "1.24.0" } }, "@percy/config": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/config/-/config-1.23.0.tgz", - "integrity": "sha512-giPIdNLcG1Qg0dkc/VDOkTzI4szzM4QAoJfMLEP0UYPkIU2Y0Xc8NH5GN3DEiudRJge72iGfeah6GugxmXmKXw==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/config/-/config-1.24.0.tgz", + "integrity": "sha512-FOV8VkW/MjLI7PXzKSjxFBK7z0ND1s8LtXuLQNIrux3oiCKHIVBAQWIV86LLnXSSn+G5i3tfQua9YED5ATyNFQ==", "dev": true, "requires": { - "@percy/logger": "1.23.0", + "@percy/logger": "1.24.0", "ajv": "^8.6.2", "cosmiconfig": "^7.0.0", "yaml": "^2.0.0" @@ -27522,15 +27522,15 @@ } }, "@percy/core": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/core/-/core-1.23.0.tgz", - "integrity": "sha512-/BNHdvbD7r1p3k3HWgxYLBo2L2Ye9RDcmTuA6en2xUYaagf+0vfcAK8iyBvVm6ir2ZjAsMW0PGRa7OIfetvHHg==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/core/-/core-1.24.0.tgz", + "integrity": "sha512-wys1k3RmENOWT4MeS2+8yGHNqzYuy64lqPi36dFoHwZHzSGHH52+6EPPDb+gXLFIxBUHVTwbdaNimstIO3F9Ww==", "dev": true, "requires": { - "@percy/client": "1.23.0", - "@percy/config": "1.23.0", - "@percy/dom": "1.23.0", - "@percy/logger": "1.23.0", + "@percy/client": "1.24.0", + "@percy/config": "1.24.0", + "@percy/dom": "1.24.0", + "@percy/logger": "1.24.0", "content-disposition": "^0.5.4", "cross-spawn": "^7.0.3", "extract-zip": "^2.0.1", @@ -27543,21 +27543,21 @@ } }, "@percy/dom": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/dom/-/dom-1.23.0.tgz", - "integrity": "sha512-68q3ceCWsWpUFyF/pnELSCTdbTAibGVyNwp+iZCFd/914sUhERYrrX8AqCgkCDerOzCwAQZQDe2Nv3jaB+d0ng==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/dom/-/dom-1.24.0.tgz", + "integrity": "sha512-URMLvsOPkCKayx/Wtyj5IymmIhzrtf4en6IKeW2sSTsm7X+kJQ+3wOa3017mX3HXJPIS5xEJKpiCR7hP9BtcUA==", "dev": true }, "@percy/env": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/env/-/env-1.23.0.tgz", - "integrity": "sha512-oKvJBC/Zhfwp2QpFBpfHeAVuGhgaPeI7S4H2/68XT30pInfVJzaCjD/8ySAELGyMWmgHc51s+k09DZCo3C3Gyg==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/env/-/env-1.24.0.tgz", + "integrity": "sha512-fUUWWDZJ71kv+Po5yOaoS8t7eLmQL5NN6hqRdLhgqN9PZnu+OKIGaeK1GNaTWiHL9+zANRBc1pZjQWhRlleWVA==", "dev": true }, "@percy/logger": { - "version": "1.23.0", - "resolved": "https://registry.npmjs.org/@percy/logger/-/logger-1.23.0.tgz", - "integrity": "sha512-kNtdKQ9Kou/RcWgDoSK+ofOVqOzuzyHBNsK+I92XNh8HHO6ow08Cmw+LtZbDxmj3uq7nXG9Nhgj4ZqSgdk7J6Q==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/@percy/logger/-/logger-1.24.0.tgz", + "integrity": "sha512-yaAo08FMED1o8jZycTEnTob1CZIVGaNluJc4R9fCRw7wWS88IAu4F9sdbzUZQZwZ/QGvtfI+55dNQaaesk69Bw==", "dev": true }, "@polka/url": { @@ -44555,9 +44555,9 @@ "dev": true }, "yaml": { - "version": "2.1.3", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.1.3.tgz", - "integrity": "sha512-AacA8nRULjKMX2DvWvOAdBZMOfQlypSFkjcOcu9FalllIDJ1kvlREzcdIZmidQUqqeMv7jorHjq2HlLv/+c2lg==", + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.2.2.tgz", + "integrity": "sha512-CBKFWExMn46Foo4cldiChEzn7S7SRV+wqiluAb6xmueD/fGyRHIhX8m14vVGgeFWjN540nKCNVj6P21eQjgTuA==", "dev": true }, "yargs": { diff --git a/package.json b/package.json index 7d9e3ce0b1..6e0b5d0bdc 100644 --- a/package.json +++ b/package.json @@ -107,7 +107,7 @@ "@babel/cli": "^7.21.0", "@babel/core": "^7.21.4", "@babel/preset-env": "^7.21.4", - "@percy/cli": "^1.23.0", + "@percy/cli": "^1.24.0", "@popperjs/core": "^2.11.7", "@rollup/plugin-babel": "^6.0.3", "@rollup/plugin-commonjs": "^24.1.0", diff --git a/scss/_reboot.scss b/scss/_reboot.scss index e9edc10944..70c6c76584 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -137,7 +137,7 @@ hr { font-style: $headings-font-style; font-weight: $headings-font-weight; line-height: $headings-line-height; - color: var(--#{$prefix}heading-color, inherit); + color: var(--#{$prefix}heading-color); /* rtl:remove */ letter-spacing: $letter-spacing-base; // Boosted mod diff --git a/scss/_root.scss b/scss/_root.scss index 6b854b9977..fd17dcdbd8 100644 --- a/scss/_root.scss +++ b/scss/_root.scss @@ -84,9 +84,7 @@ --#{$prefix}tertiary-bg-rgb: #{to-rgb($body-tertiary-bg)}; // scss-docs-end root-body-variables - @if $headings-color != null { - --#{$prefix}heading-color: #{$headings-color}; - } + --#{$prefix}heading-color: #{$headings-color}; --#{$prefix}link-color: #{$link-color}; --#{$prefix}link-color-rgb: #{to-rgb($link-color)}; @@ -217,9 +215,7 @@ --#{$prefix}#{$color}-border-subtle: #{$value}; } - @if $headings-color-dark != null { - --#{$prefix}heading-color: #{$headings-color-dark}; - } + --#{$prefix}heading-color: #{$headings-color-dark}; --#{$prefix}link-color: #{$link-color-dark}; --#{$prefix}link-hover-color: #{$link-hover-color-dark}; diff --git a/scss/_variables-dark.scss b/scss/_variables-dark.scss index 166380ef38..3406db0954 100644 --- a/scss/_variables-dark.scss +++ b/scss/_variables-dark.scss @@ -49,7 +49,7 @@ $body-tertiary-bg-dark: #414141 !default; // Boosted mod: instead of $body-emphasis-color-dark: $white !default; // Boosted mod: instead of `$gray-100` $border-color-dark: $gray-700 !default; $border-color-translucent-dark: $gray-700 !default; // Boosted mod instead of `rgba($white, .15)` -$headings-color-dark: null !default; +$headings-color-dark: inherit !default; $link-color-dark: $white !default; // Boosted mod: instead of `tint-color($primary, 40%)` $link-hover-color-dark: $primary !default; // Boosted mod: instead of `shift-color($link-color-dark, -$link-shade-percentage)` $code-color-dark: tint-color($code-color, 40%) !default; diff --git a/scss/_variables.scss b/scss/_variables.scss index c2623331ca..be392791b8 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -792,7 +792,7 @@ $headings-font-family: null !default; $headings-font-style: null !default; $headings-font-weight: 700 !default; $headings-line-height: $h6-line-height !default; -$headings-color: null !default; +$headings-color: inherit !default; // scss-docs-end headings-variables // scss-docs-start display-headings diff --git a/scss/helpers/_colored-links.scss b/scss/helpers/_colored-links.scss index fb680f36d4..caa2a1315a 100644 --- a/scss/helpers/_colored-links.scss +++ b/scss/helpers/_colored-links.scss @@ -1,18 +1,16 @@ -// stylelint-disable declaration-no-important - // All-caps `RGBA()` function used because of this Sass bug: https://github.com/sass/node-sass/issues/2251 @each $color, $value in ("primary": $accessible-orange, "light": $light) { // Boosted mod: restrict to primary and light .link-#{$color} { - color: RGBA(var(--#{$prefix}#{$color}-rgb), var(--#{$prefix}link-opacity, 1)) !important; - text-decoration-color: RGBA(var(--#{$prefix}#{$color}-rgb), var(--#{$prefix}link-underline-opacity, 1)) !important; + color: RGBA(var(--#{$prefix}#{$color}-rgb), var(--#{$prefix}link-opacity, 1)) if($enable-important-utilities, !important, null); + text-decoration-color: RGBA(var(--#{$prefix}#{$color}-rgb), var(--#{$prefix}link-underline-opacity, 1)) if($enable-important-utilities, !important, null); background-color: color-contrast($value) if($enable-important-utilities, !important, null); // Boosted mod: ensure contrast @if $link-shade-percentage != 0 { // Boosted mod: no &:focus &:hover { $hover-color: if(color-contrast($value) == $color-contrast-light, shade-color($value, $link-shade-percentage), tint-color($value, $link-shade-percentage)); - color: RGBA(#{to-rgb($hover-color)}, var(--#{$prefix}link-opacity, 1)) !important; - text-decoration-color: RGBA(to-rgb($hover-color), var(--#{$prefix}link-underline-opacity, 1)) !important; + color: RGBA(#{to-rgb($hover-color)}, var(--#{$prefix}link-opacity, 1)) if($enable-important-utilities, !important, null); + text-decoration-color: RGBA(to-rgb($hover-color), var(--#{$prefix}link-underline-opacity, 1)) if($enable-important-utilities, !important, null); } } } @@ -20,14 +18,14 @@ // One-off special link helper as a bridge until v6 .link-body-emphasis { - color: RGBA(var(--#{$prefix}emphasis-color-rgb), var(--#{$prefix}link-opacity, 1)) !important; - text-decoration-color: RGBA(var(--#{$prefix}emphasis-color-rgb), var(--#{$prefix}link-underline-opacity, 1)) !important; + color: RGBA(var(--#{$prefix}emphasis-color-rgb), var(--#{$prefix}link-opacity, 1)) if($enable-important-utilities, !important, null); + text-decoration-color: RGBA(var(--#{$prefix}emphasis-color-rgb), var(--#{$prefix}link-underline-opacity, 1)) if($enable-important-utilities, !important, null); @if $link-shade-percentage != 0 { &:hover, &:focus { - color: RGBA(var(--#{$prefix}emphasis-color-rgb), var(--#{$prefix}link-opacity, .75)) !important; - text-decoration-color: RGBA(var(--#{$prefix}emphasis-color-rgb), var(--#{$prefix}link-underline-opacity, .75)) !important; + color: RGBA(var(--#{$prefix}emphasis-color-rgb), var(--#{$prefix}link-opacity, .75)) if($enable-important-utilities, !important, null); + text-decoration-color: RGBA(var(--#{$prefix}emphasis-color-rgb), var(--#{$prefix}link-underline-opacity, .75)) if($enable-important-utilities, !important, null); } } } diff --git a/site/content/docs/5.3/examples/form/form.js b/site/content/docs/5.3/examples/form/form.js index a655b6eacc..77c03e4563 100644 --- a/site/content/docs/5.3/examples/form/form.js +++ b/site/content/docs/5.3/examples/form/form.js @@ -16,6 +16,7 @@ // Focus on first error const invalidItems = form.querySelectorAll(':invalid') invalidItems[0].focus() + invalidItems[0].setAttribute('data-focus-visible-added', '') } form.classList.add('was-validated') diff --git a/site/content/docs/5.3/migration.md b/site/content/docs/5.3/migration.md index c177aa1dea..9ec8e5781d 100644 --- a/site/content/docs/5.3/migration.md +++ b/site/content/docs/5.3/migration.md @@ -202,6 +202,11 @@ Learn more by reading the new [color modes documentation]({{< docsref "/customiz - New Added new `.d-inline-grid` [display utility]({{< docsref "/utilities/display" >}}). +### Examples + +- **Form** + - Warning JavaScript has been updated to force the `data-focus-visible-added` attribute on the focused element on first error. + ### CSS and Sass variables - Adds additional variables for alerts, `.btn-close`, and `.offcanvas`. diff --git a/site/content/docs/5.3/utilities/position.md b/site/content/docs/5.3/utilities/position.md index 9ed3717bdd..5ebdd0ccf3 100644 --- a/site/content/docs/5.3/utilities/position.md +++ b/site/content/docs/5.3/utilities/position.md @@ -95,8 +95,8 @@ Here are some real life examples of these classes: Mails +99 -
    - Marker +
    + Marker