Merge 0166e5631e6206101f52c08830ad965a5a731919 into 4189b3075c003b2d5dc9335195be7b750dfc2526

Build(deps): Bump github/codeql-action in the github-actions group (#41782 )
Bumps the github-actions group with 1 update: [github/codeql-action](https://github.com/github/codeql-action). Updates `github/codeql-action` from 3.30.3 to 3.30.5 - [Release notes](https://github.com/github/codeql-action/releases) - [Changelog](https://github.com/github/codeql-action/blob/main/CHANGELOG.md) - [Commits](192325c861...3599b3baa1) --- updated-dependencies: - dependency-name: github/codeql-action dependency-version: 3.30.5 dependency-type: direct:production update-type: version-update:semver-patch dependency-group: github-actions ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2025-10-03 00:03:44 -04:00 · 2025-10-01 08:19:44 +03:00 · 2025-09-30 18:01:50 +02:00 · 2025-09-29 21:59:14 +02:00 · 2025-08-30 09:23:37 +05:30 · 2025-08-30 08:53:48 +05:30
15 changed files with 219 additions and 92 deletions
--- a/.github/workflows/codeql.yml
+++ b/.github/workflows/codeql.yml
@ -29,16 +29,16 @@ jobs:
          persist-credentials: false

      - name: Initialize CodeQL
-        uses: github/codeql-action/init@192325c86100d080feab897ff886c34abd4c83a3 # v3.30.3
+        uses: github/codeql-action/init@3599b3baa15b485a2e49ef411a7a4bb2452e7f93 # v3.30.5
        with:
          config-file: ./.github/codeql/codeql-config.yml
          languages: "javascript"
          queries: +security-and-quality

      - name: Autobuild
-        uses: github/codeql-action/autobuild@192325c86100d080feab897ff886c34abd4c83a3 # v3.30.3
+        uses: github/codeql-action/autobuild@3599b3baa15b485a2e49ef411a7a4bb2452e7f93 # v3.30.5

      - name: Perform CodeQL Analysis
-        uses: github/codeql-action/analyze@192325c86100d080feab897ff886c34abd4c83a3 # v3.30.3
+        uses: github/codeql-action/analyze@3599b3baa15b485a2e49ef411a7a4bb2452e7f93 # v3.30.5
        with:
          category: "/language:javascript"
--- a/.github/workflows/scorecard.yml
+++ b/.github/workflows/scorecard.yml
@ -73,6 +73,6 @@ jobs:
      # Upload the results to GitHub's code scanning dashboard (optional).
      # Commenting out will disable upload of results to your repo's Code Scanning dashboard
      - name: "Upload to code-scanning"
-        uses: github/codeql-action/upload-sarif@192325c86100d080feab897ff886c34abd4c83a3 # v3.30.3
+        uses: github/codeql-action/upload-sarif@3599b3baa15b485a2e49ef411a7a4bb2452e7f93 # v3.30.5
        with:
          sarif_file: results.sarif
--- a/dist/css/bootstrap.css
+++ b/dist/css/bootstrap.css
@ -2151,6 +2151,12 @@ progress {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
+@media (prefers-contrast: high) {
+  .form-control:focus {
+    outline: 2px solid;
+    outline-offset: 2px;
+  }
+}
 .form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
@ -3007,6 +3013,12 @@ textarea.form-control-lg {
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
 }
+@media (prefers-contrast: high) {
+  .btn:focus-visible {
+    outline: 2px solid;
+    outline-offset: 2px;
+  }
+}
 .btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
--- a/dist/css/bootstrap.css.map
+++ b/dist/css/bootstrap.css.map
--- a/dist/css/bootstrap.min.css
+++ b/dist/css/bootstrap.min.css
--- a/dist/css/bootstrap.min.css.map
+++ b/dist/css/bootstrap.min.css.map
--- a/dist/css/bootstrap.rtl.css
+++ b/dist/css/bootstrap.rtl.css
@ -2149,6 +2149,12 @@ progress {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
+@media (prefers-contrast: high) {
+  .form-control:focus {
+    outline: 2px solid;
+    outline-offset: 2px;
+  }
+}
 .form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
@ -3005,6 +3011,12 @@ textarea.form-control-lg {
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
 }
+@media (prefers-contrast: high) {
+  .btn:focus-visible {
+    outline: 2px solid;
+    outline-offset: 2px;
+  }
+}
 .btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
--- a/dist/css/bootstrap.rtl.css.map
+++ b/dist/css/bootstrap.rtl.css.map
--- a/dist/css/bootstrap.rtl.min.css
+++ b/dist/css/bootstrap.rtl.min.css
--- a/dist/css/bootstrap.rtl.min.css.map
+++ b/dist/css/bootstrap.rtl.min.css.map
--- a/package-lock.json
+++ b/package-lock.json
@ -43,7 +43,7 @@
        "bundlewatch": "^0.4.1",
        "clean-css-cli": "^5.6.3",
        "clipboard": "^2.0.11",
-        "cross-env": "^10.0.0",
+        "cross-env": "^10.1.0",
        "eslint": "8.57.1",
        "eslint-config-xo": "0.45.0",
        "eslint-plugin-html": "^8.1.3",
@ -52,7 +52,7 @@
        "eslint-plugin-unicorn": "56.0.1",
        "find-unused-sass-variables": "^6.1.0",
        "github-slugger": "^2.0.0",
-        "globby": "^14.1.0",
+        "globby": "^15.0.0",
        "hammer-simulator": "0.0.1",
        "htmlparser2": "^10.0.0",
        "image-size": "^2.0.2",
@ -2196,9 +2196,9 @@
      }
    },
    "node_modules/@cacheable/memory/node_modules/keyv": {
-      "version": "5.5.2",
-      "resolved": "https://registry.npmjs.org/keyv/-/keyv-5.5.2.tgz",
-      "integrity": "sha512-TXcFHbmm/z7MGd1u9ASiCSfTS+ei6Z8B3a5JHzx3oPa/o7QzWVtPRpc4KGER5RR469IC+/nfg4U5YLIuDUua2g==",
+      "version": "5.5.3",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-5.5.3.tgz",
+      "integrity": "sha512-h0Un1ieD+HUrzBH6dJXhod3ifSghk5Hw/2Y4/KHBziPlZecrFyE9YOTPU6eOs0V9pYl8gOs86fkr/KN8lUX39A==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@ -4322,9 +4322,9 @@
      "license": "MIT"
    },
    "node_modules/@sindresorhus/merge-streams": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@sindresorhus/merge-streams/-/merge-streams-2.3.0.tgz",
-      "integrity": "sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/merge-streams/-/merge-streams-4.0.0.tgz",
+      "integrity": "sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==",
      "dev": true,
      "license": "MIT",
      "engines": {
@ -4552,9 +4552,9 @@
      }
    },
    "node_modules/@types/node": {
-      "version": "18.19.127",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.127.tgz",
-      "integrity": "sha512-gSjxjrnKXML/yo0BO099uPixMqfpJU0TKYjpfLU7TrtA2WWDki412Np/RSTPRil1saKBhvVVKzVx/p/6p94nVA==",
+      "version": "18.19.128",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.128.tgz",
+      "integrity": "sha512-m7wxXGpPpqxp2QDi/rpih5O772APRuBIa/6XiGqLNoM1txkjI8Sz1V4oSXJxQLTz/yP5mgy9z6UXEO6/lP70Gg==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@ -5322,9 +5322,9 @@
      }
    },
    "node_modules/axios": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-0.30.1.tgz",
-      "integrity": "sha512-2XabsR1u0/B6OoKy57/xJmPkQiUvdoV93oW4ww+Xjee7C2er/O5U77lvqycDkT2VQDtfjYcjw8ZV8GDaoqwjHQ==",
+      "version": "0.30.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.30.2.tgz",
+      "integrity": "sha512-0pE4RQ4UQi1jKY6p7u6i1Tkzqmu+d+/tHS7Q7rKunWLB9WyilBTpHHpXzPNMDj5hTbK0B0PTLSz07yqMBiF6xg==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@ -5442,9 +5442,9 @@
      }
    },
    "node_modules/baseline-browser-mapping": {
-      "version": "2.8.7",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.7.tgz",
-      "integrity": "sha512-bxxN2M3a4d1CRoQC//IqsR5XrLh0IJ8TCv2x6Y9N0nckNz/rTjZB3//GGscZziZOxmjP55rzxg/ze7usFI9FqQ==",
+      "version": "2.8.9",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.9.tgz",
+      "integrity": "sha512-hY/u2lxLrbecMEWSB0IpGzGyDyeoMFQhCvZd2jGFSE5I17Fh01sYUBPCJtkWERw7zrac9+cIghxm/ytJa2X8iA==",
      "dev": true,
      "license": "Apache-2.0",
      "bin": {
@ -5804,9 +5804,9 @@
      }
    },
    "node_modules/cacheable/node_modules/keyv": {
-      "version": "5.5.2",
-      "resolved": "https://registry.npmjs.org/keyv/-/keyv-5.5.2.tgz",
-      "integrity": "sha512-TXcFHbmm/z7MGd1u9ASiCSfTS+ei6Z8B3a5JHzx3oPa/o7QzWVtPRpc4KGER5RR469IC+/nfg4U5YLIuDUua2g==",
+      "version": "5.5.3",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-5.5.3.tgz",
+      "integrity": "sha512-h0Un1ieD+HUrzBH6dJXhod3ifSghk5Hw/2Y4/KHBziPlZecrFyE9YOTPU6eOs0V9pYl8gOs86fkr/KN8lUX39A==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@ -6512,9 +6512,9 @@
      }
    },
    "node_modules/cross-env": {
-      "version": "10.0.0",
-      "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-10.0.0.tgz",
-      "integrity": "sha512-aU8qlEK/nHYtVuN4p7UQgAwVljzMg8hB4YK5ThRqD2l/ziSnryncPNn7bMLt5cFYsKVKBh8HqLqyCoTupEUu7Q==",
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-10.1.0.tgz",
+      "integrity": "sha512-GsYosgnACZTADcmEyJctkJIoqAhHjttw7RsFrVoJNXbsWWqaq6Ym+7kZjq6mS45O0jij6vtiReppKQEtqWy6Dw==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@ -7090,9 +7090,9 @@
      "license": "MIT"
    },
    "node_modules/electron-to-chromium": {
-      "version": "1.5.224",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.224.tgz",
-      "integrity": "sha512-kWAoUu/bwzvnhpdZSIc6KUyvkI1rbRXMT0Eq8pKReyOyaPZcctMli+EgvcN1PAvwVc7Tdo4Fxi2PsLNDU05mdg==",
+      "version": "1.5.227",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.227.tgz",
+      "integrity": "sha512-ITxuoPfJu3lsNWUi2lBM2PaBPYgH3uqmxut5vmBxgYvyI4AlJ6P3Cai1O76mOrkJCBzq0IxWg/NtqOrpu/0gKA==",
      "dev": true,
      "license": "ISC"
    },
@ -8603,6 +8603,16 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
+    "node_modules/generator-function": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.0.tgz",
+      "integrity": "sha512-xPypGGincdfyl/AiSGa7GjXLkvld9V7GjZlowup9SHIJnQnHLFiLODCd/DqKOp0PBagbHJ68r1KJI9Mut7m4sA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
    "node_modules/gensync": {
      "version": "1.0.0-beta.2",
      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
@ -8836,21 +8846,21 @@
      }
    },
    "node_modules/globby": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-14.1.0.tgz",
-      "integrity": "sha512-0Ia46fDOaT7k4og1PDW4YbodWWr3scS2vAr2lTbsplOt2WkKp0vQbkI9wKis/T5LV/dqPjO3bpS/z6GTJB82LA==",
+      "version": "15.0.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-15.0.0.tgz",
+      "integrity": "sha512-oB4vkQGqlMl682wL1IlWd02tXCbquGWM4voPEI85QmNKCaw8zGTm1f1rubFgkg3Eli2PtKlFgrnmUqasbQWlkw==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
-        "@sindresorhus/merge-streams": "^2.1.0",
+        "@sindresorhus/merge-streams": "^4.0.0",
        "fast-glob": "^3.3.3",
-        "ignore": "^7.0.3",
+        "ignore": "^7.0.5",
        "path-type": "^6.0.0",
        "slash": "^5.1.0",
        "unicorn-magic": "^0.3.0"
      },
      "engines": {
-        "node": ">=18"
+        "node": ">=20"
      },
      "funding": {
        "url": "https://github.com/sponsors/sindresorhus"
@ -9915,13 +9925,14 @@
      }
    },
    "node_modules/is-generator-function": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.0.tgz",
-      "integrity": "sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.1.tgz",
+      "integrity": "sha512-Gn8BWUdrTzf9XUJAvqIYP7QnSC3mKs8QjQdGdJ7HmBemzZo14wj/OVmmAwgxDX/7WhFEjboybL4VhXGIQYPlOA==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
        "call-bound": "^1.0.3",
+        "generator-function": "^2.0.0",
        "get-proto": "^1.0.0",
        "has-tostringtag": "^1.0.2",
        "safe-regex-test": "^1.1.0"
@ -10521,16 +10532,16 @@
      }
    },
    "node_modules/jest-diff": {
-      "version": "30.1.2",
-      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-30.1.2.tgz",
-      "integrity": "sha512-4+prq+9J61mOVXCa4Qp8ZjavdxzrWQXrI80GNxP8f4tkI2syPuPrJgdRPZRrfUTRvIoUwcmNLbqEJy9W800+NQ==",
+      "version": "30.2.0",
+      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-30.2.0.tgz",
+      "integrity": "sha512-dQHFo3Pt4/NLlG5z4PxZ/3yZTZ1C7s9hveiOj+GCN+uT109NC2QgsoVZsVOAvbJ3RgKkvyLGXZV9+piDpWbm6A==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
        "@jest/diff-sequences": "30.0.1",
        "@jest/get-type": "30.1.0",
        "chalk": "^4.1.2",
-        "pretty-format": "30.0.5"
+        "pretty-format": "30.2.0"
      },
      "engines": {
        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
@ -14834,9 +14845,9 @@
      }
    },
    "node_modules/pretty-format": {
-      "version": "30.0.5",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.0.5.tgz",
-      "integrity": "sha512-D1tKtYvByrBkFLe2wHJl2bwMJIiT8rW+XA+TiataH79/FszLQMrpGEvzUVkzPau7OCO0Qnrhpe87PqtOAIB8Yw==",
+      "version": "30.2.0",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.2.0.tgz",
+      "integrity": "sha512-9uBdv/B4EefsuAL+pWqueZyZS2Ba+LxfFeQ9DN14HU4bN8bhaxKdkpjpB6fs9+pSjIBu+FXQHImEg8j/Lw0+vA==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@ -18971,9 +18982,9 @@
      }
    },
    "node_modules/vscode-css-languageservice": {
-      "version": "6.3.7",
-      "resolved": "https://registry.npmjs.org/vscode-css-languageservice/-/vscode-css-languageservice-6.3.7.tgz",
-      "integrity": "sha512-5TmXHKllPzfkPhW4UE9sODV3E0bIOJPOk+EERKllf2SmAczjfTmYeq5txco+N3jpF8KIZ6loj/JptpHBQuVQRA==",
+      "version": "6.3.8",
+      "resolved": "https://registry.npmjs.org/vscode-css-languageservice/-/vscode-css-languageservice-6.3.8.tgz",
+      "integrity": "sha512-dBk/9ullEjIMbfSYAohGpDOisOVU1x2MQHOeU12ohGJQI7+r0PCimBwaa/pWpxl/vH4f7ibrBfxIZY3anGmHKQ==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@ -18984,9 +18995,9 @@
      }
    },
    "node_modules/vscode-html-languageservice": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/vscode-html-languageservice/-/vscode-html-languageservice-5.5.1.tgz",
-      "integrity": "sha512-/ZdEtsZ3OiFSyL00kmmu7crFV9KwWR+MgpzjsxO60DQH7sIfHZM892C/E4iDd11EKocr+NYuvOA4Y7uc3QzLEA==",
+      "version": "5.5.2",
+      "resolved": "https://registry.npmjs.org/vscode-html-languageservice/-/vscode-html-languageservice-5.5.2.tgz",
+      "integrity": "sha512-QpaUhCjvb7U/qThOzo4V6grwsRE62Jk/vf8BRJZoABlMw3oplLB5uovrvcrLO9vYhkeMiSjyqLnCxbfHzzZqmw==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
--- a/package.json
+++ b/package.json
@ -132,7 +132,7 @@
    "bundlewatch": "^0.4.1",
    "clean-css-cli": "^5.6.3",
    "clipboard": "^2.0.11",
-    "cross-env": "^10.0.0",
+    "cross-env": "^10.1.0",
    "eslint": "8.57.1",
    "eslint-config-xo": "0.45.0",
    "eslint-plugin-html": "^8.1.3",
@ -141,7 +141,7 @@
    "eslint-plugin-unicorn": "56.0.1",
    "find-unused-sass-variables": "^6.1.0",
    "github-slugger": "^2.0.0",
-    "globby": "^14.1.0",
+    "globby": "^15.0.0",
    "hammer-simulator": "0.0.1",
    "htmlparser2": "^10.0.0",
    "image-size": "^2.0.2",
--- a/scss/_buttons.scss
+++ b/scss/_buttons.scss
@ -29,7 +29,7 @@
  line-height: var(--#{$prefix}btn-line-height);
  color: var(--#{$prefix}btn-color);
  text-align: center;
-  text-decoration: if($link-decoration == none, null, none);
+  text-decoration: if($link-decoration ==none, null, none);
  white-space: $btn-white-space;
  vertical-align: middle;
  cursor: if($enable-button-pointers, pointer, null);
@ -42,12 +42,12 @@

  &:hover {
    color: var(--#{$prefix}btn-hover-color);
-    text-decoration: if($link-hover-decoration == underline, none, null);
+    text-decoration: if($link-hover-decoration ==underline, none, null);
    background-color: var(--#{$prefix}btn-hover-bg);
    border-color: var(--#{$prefix}btn-hover-border-color);
  }

-  .btn-check + &:hover {
+  .btn-check+&:hover {
    // override for the checkbox/radio buttons
    color: var(--#{$prefix}btn-color);
    background-color: var(--#{$prefix}btn-bg);
@ -59,27 +59,41 @@
    @include gradient-bg(var(--#{$prefix}btn-hover-bg));
    border-color: var(--#{$prefix}btn-hover-border-color);
    outline: 0;
+
    // Avoid using mixin so we can pass custom focus shadow properly
    @if $enable-shadows {
-      box-shadow: var(--#{$prefix}btn-box-shadow), var(--#{$prefix}btn-focus-box-shadow);
-    } @else {
+      box-shadow: var(--#{$prefix}btn-box-shadow),
+      var(--#{$prefix}btn-focus-box-shadow);
+    }
+
+    @else {
      box-shadow: var(--#{$prefix}btn-focus-box-shadow);
    }
+
+    // High contrast mode fallback - provides visible focus indicator when box-shadow is disabled
+    @media (prefers-contrast: high) {
+      outline: 2px solid;
+      outline-offset: 2px;
+    }
  }

-  .btn-check:focus-visible + & {
+  .btn-check:focus-visible+& {
    border-color: var(--#{$prefix}btn-hover-border-color);
    outline: 0;
+
    // Avoid using mixin so we can pass custom focus shadow properly
    @if $enable-shadows {
-      box-shadow: var(--#{$prefix}btn-box-shadow), var(--#{$prefix}btn-focus-box-shadow);
-    } @else {
+      box-shadow: var(--#{$prefix}btn-box-shadow),
+      var(--#{$prefix}btn-focus-box-shadow);
+    }
+
+    @else {
      box-shadow: var(--#{$prefix}btn-focus-box-shadow);
    }
  }

-  .btn-check:checked + &,
-  :not(.btn-check) + &:active,
+  .btn-check:checked+&,
+  :not(.btn-check)+&:active,
  &:first-child:active,
  &.active,
  &.show {
@ -91,20 +105,28 @@
    @include box-shadow(var(--#{$prefix}btn-active-shadow));

    &:focus-visible {
+
      // Avoid using mixin so we can pass custom focus shadow properly
      @if $enable-shadows {
-        box-shadow: var(--#{$prefix}btn-active-shadow), var(--#{$prefix}btn-focus-box-shadow);
-      } @else {
+        box-shadow: var(--#{$prefix}btn-active-shadow),
+        var(--#{$prefix}btn-focus-box-shadow);
+      }
+
+      @else {
        box-shadow: var(--#{$prefix}btn-focus-box-shadow);
      }
    }
  }

-  .btn-check:checked:focus-visible + & {
+  .btn-check:checked:focus-visible+& {
+
    // Avoid using mixin so we can pass custom focus shadow properly
    @if $enable-shadows {
-      box-shadow: var(--#{$prefix}btn-active-shadow), var(--#{$prefix}btn-focus-box-shadow);
-    } @else {
+      box-shadow: var(--#{$prefix}btn-active-shadow),
+      var(--#{$prefix}btn-focus-box-shadow);
+    }
+
+    @else {
      box-shadow: var(--#{$prefix}btn-focus-box-shadow);
    }
  }
@ -130,25 +152,25 @@
 // scss-docs-start btn-variant-loops
@each $color, $value in $theme-colors {
  .btn-#{$color} {
-    @if $color == "light" {
-      @include button-variant(
-        $value,
+    @if $color =="light" {
+      @include button-variant($value,
        $value,
        $hover-background: shade-color($value, $btn-hover-bg-shade-amount),
        $hover-border: shade-color($value, $btn-hover-border-shade-amount),
        $active-background: shade-color($value, $btn-active-bg-shade-amount),
-        $active-border: shade-color($value, $btn-active-border-shade-amount)
-      );
-    } @else if $color == "dark" {
-      @include button-variant(
-        $value,
+        $active-border: shade-color($value, $btn-active-border-shade-amount));
+    }
+
+    @else if $color =="dark" {
+      @include button-variant($value,
        $value,
        $hover-background: tint-color($value, $btn-hover-bg-tint-amount),
        $hover-border: tint-color($value, $btn-hover-border-tint-amount),
        $active-background: tint-color($value, $btn-active-bg-tint-amount),
-        $active-border: tint-color($value, $btn-active-border-tint-amount)
-      );
-    } @else {
+        $active-border: tint-color($value, $btn-active-border-tint-amount));
+    }
+
+    @else {
      @include button-variant($value, $value);
    }
  }
@ -159,6 +181,7 @@
    @include button-outline-variant($value);
  }
 }
+
 // scss-docs-end btn-variant-loops


@ -182,6 +205,7 @@
  --#{$prefix}btn-focus-shadow-rgb: #{$btn-link-focus-shadow-rgb};

  text-decoration: $link-decoration;
+
  @if $enable-gradients {
    background-image: none;
  }
@ -213,4 +237,4 @@

 .btn-sm {
  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-border-radius-sm);
-}
+}
--- a/scss/forms/_form-control.scss
+++ b/scss/forms/_form-control.scss
@ -36,12 +36,21 @@
    background-color: $input-focus-bg;
    border-color: $input-focus-border-color;
    outline: 0;
+
    @if $enable-shadows {
      @include box-shadow($input-box-shadow, $input-focus-box-shadow);
-    } @else {
+    }
+
+    @else {
      // Avoid using mixin so we can pass custom focus shadow properly
      box-shadow: $input-focus-box-shadow;
    }
+
+    // High contrast mode fallback - provides visible focus indicator when box-shadow is disabled
+    @media (prefers-contrast: high) {
+      outline: 2px solid;
+      outline-offset: 2px;
+    }
  }

  &::-webkit-date-and-time-value {
@ -56,7 +65,7 @@
    // https://github.com/twbs/bootstrap/issues/23307
    // TODO: we can remove this workaround once https://bugs.webkit.org/show_bug.cgi?id=198959 is resolved
    // Multiply line-height by 1em if it has no unit
-    height: if(unit($input-line-height) == "", $input-line-height * 1em, $input-line-height);
+    height: if(unit($input-line-height)=="", $input-line-height * 1em, $input-line-height);

    // Android Chrome type="date" is taller than the other inputs
    // because of "margin: 1px 24px 1px 4px" inside the shadow DOM
@ -188,6 +197,7 @@ textarea {
    min-height: $input-height-lg;
  }
 }
+
 // stylelint-enable selector-no-qualifying-type

 .form-control-color {
@ -209,6 +219,11 @@ textarea {
    @include border-radius($input-border-radius);
  }

-  &.form-control-sm { height: $input-height-sm; }
-  &.form-control-lg { height: $input-height-lg; }
-}
+  &.form-control-sm {
+    height: $input-height-sm;
+  }
+
+  &.form-control-lg {
+    height: $input-height-lg;
+  }
+}
--- a/test-high-contrast-focus.html
+++ b/test-high-contrast-focus.html
@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>High Contrast Focus Test</title>
+    <link href="dist/css/bootstrap.css" rel="stylesheet">
+    <style>
+        /* Simulate high contrast mode for testing */
+        @media (prefers-contrast: high) {
+            body {
+                background: black;
+                color: white;
+            }
+        }
+    </style>
+</head>
+
+<body>
+    <div class="container mt-5">
+        <h1>High Contrast Focus Indicator Test</h1>
+        <p>This page demonstrates the improved focus indicators for high contrast mode.</p>
+
+        <div class="mb-3">
+            <label for="testInput" class="form-label">Test Input</label>
+            <input type="text" class="form-control" id="testInput" placeholder="Focus on this input">
+        </div>
+
+        <div class="mb-3">
+            <label for="testTextarea" class="form-label">Test Textarea</label>
+            <textarea class="form-control" id="testTextarea" rows="3" placeholder="Focus on this textarea"></textarea>
+        </div>
+
+        <div class="mb-3">
+            <button type="button" class="btn btn-primary">Primary Button</button>
+            <button type="button" class="btn btn-secondary">Secondary Button</button>
+        </div>
+
+        <div class="alert alert-info">
+            <strong>Testing Instructions:</strong>
+            <ul>
+                <li>Tab through the form elements to see focus indicators</li>
+                <li>In normal mode, you'll see the blue box-shadow focus ring</li>
+                <li>In high contrast mode (or when box-shadow is disabled), you'll see a solid outline</li>
+                <li>To test high contrast mode: Enable it in your OS settings or use browser dev tools to simulate it
+                </li>
+            </ul>
+        </div>
+    </div>
+</body>
+
+</html>
Author	SHA1	Message	Date
Shaswat Raj	f5625882e6	Merge 0166e5631e6206101f52c08830ad965a5a731919 into 4189b3075c003b2d5dc9335195be7b750dfc2526	2025-10-01 08:19:44 +03:00
dependabot[bot]	4189b3075c	Build(deps): Bump github/codeql-action in the github-actions group (#41782 ) Bumps the github-actions group with 1 update: [github/codeql-action](https://github.com/github/codeql-action). Updates `github/codeql-action` from 3.30.3 to 3.30.5 - [Release notes](https://github.com/github/codeql-action/releases) - [Changelog](https://github.com/github/codeql-action/blob/main/CHANGELOG.md) - [Commits](`192325c861...3599b3baa1`) --- updated-dependencies: - dependency-name: github/codeql-action dependency-version: 3.30.5 dependency-type: direct:production update-type: version-update:semver-patch dependency-group: github-actions ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2025-09-30 18:01:50 +02:00
Julien Déramond	8cd02aabd1	Build(deps-dev): Bump dependencies (#41780 ) - cross-env ^10.0.0 → ^10.1.0 - globby ^14.1.0 → ^15.0.0	2025-09-29 21:59:14 +02:00
SH20RAJ	0166e5631e	Update RTL CSS map file to reflect recent changes	2025-08-30 09:23:37 +05:30
SH20RAJ	253c7c5f29	feat: improve focus accessibility with high contrast mode support - Add outline fallbacks for form controls in high contrast mode - Add outline fallbacks for button focus states in high contrast mode - Ensure focus indicators remain visible when box-shadow is disabled - Include test file demonstrating accessibility improvements Fixes accessibility issue where focus indicators become invisible in high contrast mode or when users disable box-shadow effects. Changes: - scss/forms/_form-control.scss: Added @media (prefers-contrast: high) with outline fallback - scss/_buttons.scss: Added @media (prefers-contrast: high) with outline fallback for focus-visible - test-high-contrast-focus.html: Test page demonstrating the improvements The compiled CSS now includes: .form-control:focus { /* existing styles / } @media (prefers-contrast: high) { .form-control:focus { outline: 2px solid; outline-offset: 2px; } } .btn:focus-visible { / existing styles */ } @media (prefers-contrast: high) { .btn:focus-visible { outline: 2px solid; outline-offset: 2px; } }	2025-08-30 08:53:48 +05:30