Merge branch 'main' into patch-1

Author: KODerFunk

.bundlewatch.config.json

@@ -38,7 +38,7 @@
     },
     {
       "path": "./dist/js/bootstrap.bundle.min.js",
-      "maxSize": "23.0 kB"
+      "maxSize": "23.15 kB"
     },
     {
       "path": "./dist/js/bootstrap.esm.js",
@@ -54,7 +54,7 @@
     },
     {
       "path": "./dist/js/bootstrap.min.js",
-      "maxSize": "16.0 kB"
+      "maxSize": "16.1 kB"
     }
   ],
   "ci": {

build/zip-examples.js

@@ -34,6 +34,9 @@ const imgFiles = [
   'bootstrap-logo.svg',
   'bootstrap-logo-white.svg'
 ]
+const staticJsFiles = [
+  'color-modes.js'
+]
 
 sh.config.fatal = true
 
@@ -52,7 +55,8 @@ sh.mkdir('-p', [
   distFolder,
   `${distFolder}/assets/brand/`,
   `${distFolder}/assets/dist/css/`,
-  `${distFolder}/assets/dist/js/`
+  `${distFolder}/assets/dist/js/`,
+  `${distFolder}/assets/js/`
 ])
 
 sh.cp('-Rf', `${docsDir}/examples/*`, distFolder)
@@ -69,6 +73,10 @@ for (const file of imgFiles) {
   sh.cp('-f', `${docsDir}/assets/brand/${file}`, `${distFolder}/assets/brand/`)
 }
 
+for (const file of staticJsFiles) {
+  sh.cp('-f', `${docsDir}/assets/js/${file}`, `${distFolder}/assets/js/`)
+}
+
 sh.rm(`${distFolder}/index.html`)
 
 // get all examples' HTML files

package-lock.json

@@ -82,7 +82,7 @@
     "docs-serve": "hugo server --port 9001 --disableFastRender --printUnusedTemplates",
     "docs-serve-only": "npx sirv-cli _site --port 9001",
     "lockfile-lint": "lockfile-lint --allowed-hosts npm --allowed-schemes https: --empty-hostname false --type npm --path package-lock.json",
-    "update-deps": "ncu -u -x globby,jasmine,karma-browserstack-launcher,karma-rollup-preprocessor,terser && echo Manually update site/assets/js/vendor",
+    "update-deps": "ncu -u -x globby,jasmine,karma-browserstack-launcher,karma-rollup-preprocessor && echo Manually update site/assets/js/vendor",
     "release": "npm-run-all dist release-sri docs-build release-zip*",
     "release-sri": "node build/generate-sri.js",
     "release-version": "node build/change-version.js",
@@ -103,9 +103,9 @@
     "@popperjs/core": "^2.11.7"
   },
   "devDependencies": {
-    "@babel/cli": "^7.21.5",
-    "@babel/core": "^7.22.1",
-    "@babel/preset-env": "^7.22.4",
+    "@babel/cli": "^7.22.5",
+    "@babel/core": "^7.22.5",
+    "@babel/preset-env": "^7.22.5",
     "@popperjs/core": "^2.11.8",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-commonjs": "^25.0.0",
@@ -115,7 +115,7 @@
     "bundlewatch": "^0.3.3",
     "clean-css-cli": "^5.6.2",
     "cross-env": "^7.0.3",
-    "eslint": "^8.42.0",
+    "eslint": "^8.43.0",
     "eslint-config-xo": "^0.43.1",
     "eslint-plugin-html": "^7.1.0",
     "eslint-plugin-import": "^2.27.5",
@@ -142,15 +142,15 @@
     "npm-run-all2": "^6.0.5",
     "postcss": "^8.4.24",
     "postcss-cli": "^10.1.0",
-    "rollup": "^3.23.1",
+    "rollup": "^3.25.1",
     "rollup-plugin-istanbul": "^4.0.0",
     "rtlcss": "^4.1.0",
     "sass": "^1.62.1",
     "sass-true": "^7.0.0",
     "shelljs": "^0.8.5",
-    "stylelint": "^15.7.0",
+    "stylelint": "^15.8.0",
     "stylelint-config-twbs-bootstrap": "^10.0.0",
-    "terser": "5.16.0",
+    "terser": "^5.18.1",
     "vnu-jar": "23.4.11"
   },
   "files": [

package.json

@@ -190,7 +190,7 @@ Take that same HTML, but use `.nav-underline` instead:
 
 ### Fill and justify
 
-Force your `.nav`'s contents to extend the full available width one of two modifier classes. To proportionately fill all available space with your `.nav-item`s, use `.nav-fill`. Notice that all horizontal space is occupied, but not every nav item has the same width.
+Force your `.nav`'s contents to extend the full available width with one of two modifier classes. To proportionately fill all available space with your `.nav-item`s, use `.nav-fill`. Notice that all horizontal space is occupied, but not every nav item has the same width.
 
 {{< example >}}
 <ul class="nav nav-pills nav-fill">

site/content/docs/5.3/components/navs-tabs.md

@@ -157,7 +157,7 @@ const tooltip = new bootstrap.Tooltip('#example', {
 The required markup for a tooltip is only a `data` attribute and `title` on the HTML element you wish to have a tooltip. The generated markup of a tooltip is rather simple, though it does require a position (by default, set to `top` by the plugin).
 
 {{< callout warning >}}
-**Keep tooltips accessible to keyboard and assistive technology users** by only adding them to HTML elements that are traditionally keyboard-focusable and interactive (such as links or form controls). While other HTML elements can be made focusable by adding `tabindex="0"`, this can create annoying and confusing tab stops on non-interactive elements for keyboard users, and most assistive technologies currently do not announce tooltips in this situation. Additionally, do not rely solely on `hover` as the trigger for your tooltips as this will make theme impossible to trigger for keyboard users.
+**Keep tooltips accessible to keyboard and assistive technology users** by only adding them to HTML elements that are traditionally keyboard-focusable and interactive (such as links or form controls). While other HTML elements can be made focusable by adding `tabindex="0"`, this can create annoying and confusing tab stops on non-interactive elements for keyboard users, and most assistive technologies currently do not announce tooltips in this situation. Additionally, do not rely solely on `hover` as the trigger for your tooltips as this will make them impossible to trigger for keyboard users.
 {{< /callout >}}
 
 ```html

site/content/docs/5.3/components/tooltips.md

@@ -42,7 +42,7 @@ Using horizontal margin utilities like `.ms-auto` as spacers:
 {{< example class="bd-example-flex" >}}
 <div class="hstack gap-3">
   <div class="p-2">First item</div>
-  <div class="p-2">Second item</div>
+  <div class="p-2 ms-auto">Second item</div>
   <div class="p-2">Third item</div>
 </div>
 {{< /example >}}
@@ -52,7 +52,7 @@ And with [vertical rules]({{< docsref "/helpers/vertical-rule" >}}):
 {{< example class="bd-example-flex" >}}
 <div class="hstack gap-3">
   <div class="p-2">First item</div>
-  <div class="p-2">Second item</div>
+  <div class="p-2 ms-auto">Second item</div>
   <div class="vr"></div>
   <div class="p-2">Third item</div>
 </div>

site/content/docs/5.3/helpers/stacks.md

@@ -29,14 +29,14 @@
 
 - group: v3.x
   baseurl: "https://getbootstrap.com/docs"
-  description: "Every minor and patch release from v3 is listed below. Last update was v3.4.1."
+  description: "Every minor release from v3 is listed below. Last update was v3.4.1."
   versions:
     - "3.3"
     - "3.4"
 
 - group: v4.x
   baseurl: "https://getbootstrap.com/docs"
-  description: "Our previous major release with its minor releases. Last update was v4.6.0."
+  description: "Our previous major release with its minor releases. Last update was v4.6.2."
   versions:
     - "4.0"
     - "4.1"