diff --git a/.bundlewatch.config.json b/.bundlewatch.config.json index e2ea64a1ec..089067fdad 100644 --- a/.bundlewatch.config.json +++ b/.bundlewatch.config.json @@ -14,23 +14,23 @@ }, { "path": "./dist/css/boosted-reboot.min.css", - "maxSize": "4.25 kB" + "maxSize": "4.5 kB" }, { "path": "./dist/css/boosted-utilities.css", - "maxSize": "12.5 kB" + "maxSize": "12.75 kB" }, { "path": "./dist/css/boosted-utilities.min.css", - "maxSize": "11.75 kB" + "maxSize": "12.0 kB" }, { "path": "./dist/css/boosted.css", - "maxSize": "43.75 kB" + "maxSize": "44.5 kB" }, { "path": "./dist/css/boosted.min.css", - "maxSize": "40.75 kB" + "maxSize": "41.5 kB" }, { "path": "./dist/js/boosted.bundle.js", @@ -38,15 +38,15 @@ }, { "path": "./dist/js/boosted.bundle.min.js", - "maxSize": "25.25 kB" + "maxSize": "25.5 kB" }, { "path": "./dist/js/boosted.esm.js", - "maxSize": "33.25 kB" + "maxSize": "33.0 kB" }, { "path": "./dist/js/boosted.esm.min.js", - "maxSize": "20.5 kB" + "maxSize": "20.25 kB" }, { "path": "./dist/js/boosted.js", diff --git a/.github/dependabot.yml b/.github/dependabot.yml index 5cbdde1ad0..fead396a1e 100644 --- a/.github/dependabot.yml +++ b/.github/dependabot.yml @@ -60,7 +60,7 @@ updates: - dependency-name: "karma-rollup-preprocessor" - dependency-name: "lockfile-lint" - dependency-name: "nodemon" - - dependency-name: "npm-run-all" + - dependency-name: "npm-run-all2" - dependency-name: "postcss" - dependency-name: "postcss-cli" - dependency-name: "rollup" diff --git a/.github/workflows/browserstack.yml b/.github/workflows/browserstack.yml index 97f0e466aa..ccede75eec 100644 --- a/.github/workflows/browserstack.yml +++ b/.github/workflows/browserstack.yml @@ -6,7 +6,7 @@ on: env: FORCE_COLOR: 2 - NODE: 18 + NODE: 20 permissions: contents: read @@ -24,7 +24,7 @@ jobs: persist-credentials: false - name: Set up Node.js - uses: actions/setup-node@v3 + uses: actions/setup-node@v4 with: node-version: "${{ env.NODE }}" cache: npm diff --git a/.github/workflows/bundlewatch.yml b/.github/workflows/bundlewatch.yml index d1346ff414..048fdc5e6d 100644 --- a/.github/workflows/bundlewatch.yml +++ b/.github/workflows/bundlewatch.yml @@ -12,7 +12,7 @@ on: env: FORCE_COLOR: 2 - NODE: 18 + NODE: 20 permissions: contents: read @@ -29,7 +29,7 @@ jobs: persist-credentials: false - name: Set up Node.js - uses: actions/setup-node@v3 + uses: actions/setup-node@v4 with: node-version: "${{ env.NODE }}" cache: npm diff --git a/.github/workflows/calibreapp-image-actions.yml b/.github/workflows/calibreapp-image-actions.yml index 30bef2a28c..1be712e8a2 100644 --- a/.github/workflows/calibreapp-image-actions.yml +++ b/.github/workflows/calibreapp-image-actions.yml @@ -22,7 +22,7 @@ jobs: # allow calibreapp/image-actions to update PRs pull-requests: write steps: - - name: Checkout Repo + - name: Clone repository uses: actions/checkout@v4 with: persist-credentials: false diff --git a/.github/workflows/cspell.yml b/.github/workflows/cspell.yml index bb9986bdee..e31364d313 100644 --- a/.github/workflows/cspell.yml +++ b/.github/workflows/cspell.yml @@ -30,7 +30,7 @@ jobs: persist-credentials: false - name: Run cspell - uses: streetsidesoftware/cspell-action@v3 + uses: streetsidesoftware/cspell-action@v5 with: config: ".cspell.json" files: "**/*.md" diff --git a/.github/workflows/css.yml b/.github/workflows/css.yml index 53d613bf4d..53cd891d8a 100644 --- a/.github/workflows/css.yml +++ b/.github/workflows/css.yml @@ -11,7 +11,7 @@ on: env: FORCE_COLOR: 2 - NODE: 18 + NODE: 20 permissions: contents: read @@ -28,7 +28,7 @@ jobs: persist-credentials: false - name: Set up Node.js - uses: actions/setup-node@v3 + uses: actions/setup-node@v4 with: node-version: "${{ env.NODE }}" cache: npm diff --git a/.github/workflows/docs.yml b/.github/workflows/docs.yml index d86570f583..126bba2d5c 100644 --- a/.github/workflows/docs.yml +++ b/.github/workflows/docs.yml @@ -13,7 +13,7 @@ on: env: FORCE_COLOR: 2 - NODE: 18 + NODE: 20 permissions: contents: read @@ -30,7 +30,7 @@ jobs: persist-credentials: false - name: Set up Node.js - uses: actions/setup-node@v3 + uses: actions/setup-node@v4 with: node-version: "${{ env.NODE }}" cache: npm diff --git a/.github/workflows/js.yml b/.github/workflows/js.yml index 9a73fb3e1c..5112696784 100644 --- a/.github/workflows/js.yml +++ b/.github/workflows/js.yml @@ -11,7 +11,7 @@ on: env: FORCE_COLOR: 2 - NODE: 18 + NODE: 20 permissions: contents: read @@ -33,7 +33,7 @@ jobs: persist-credentials: false - name: Set up Node.js - uses: actions/setup-node@v3 + uses: actions/setup-node@v4 with: node-version: ${{ env.NODE }} cache: npm diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml index 227dae78b5..cbdbf3362c 100644 --- a/.github/workflows/lint.yml +++ b/.github/workflows/lint.yml @@ -12,7 +12,7 @@ on: env: FORCE_COLOR: 2 - NODE: 18 + NODE: 20 permissions: contents: read @@ -29,7 +29,7 @@ jobs: persist-credentials: false - name: Set up Node.js - uses: actions/setup-node@v3 + uses: actions/setup-node@v4 with: node-version: "${{ env.NODE }}" cache: npm diff --git a/.github/workflows/node-sass.yml b/.github/workflows/node-sass.yml index d63f48b1ad..615a4738bb 100644 --- a/.github/workflows/node-sass.yml +++ b/.github/workflows/node-sass.yml @@ -11,7 +11,7 @@ on: env: FORCE_COLOR: 2 - NODE: 18 + NODE: 20 permissions: contents: read @@ -28,7 +28,7 @@ jobs: persist-credentials: false - name: Set up Node.js - uses: actions/setup-node@v3 + uses: actions/setup-node@v4 with: node-version: "${{ env.NODE }}" diff --git a/.github/workflows/pa11y.yml b/.github/workflows/pa11y.yml index e2070d30e8..93354af44c 100644 --- a/.github/workflows/pa11y.yml +++ b/.github/workflows/pa11y.yml @@ -13,7 +13,7 @@ on: env: FORCE_COLOR: 2 - NODE: 18 + NODE: 20 jobs: pa11y: @@ -27,7 +27,7 @@ jobs: persist-credentials: false - name: Set up Node.js - uses: actions/setup-node@v3 + uses: actions/setup-node@v4 with: node-version: "${{ env.NODE }}" @@ -55,7 +55,7 @@ jobs: run: npm run docs-accessibility - name: Upload accessibility results - uses: actions/upload-artifact@v3 + uses: actions/upload-artifact@v4 if: failure() with: name: pa11y-ci-results diff --git a/.github/workflows/percy.yml b/.github/workflows/percy.yml index e3248f4c48..8e10a0b670 100644 --- a/.github/workflows/percy.yml +++ b/.github/workflows/percy.yml @@ -12,7 +12,7 @@ on: env: FORCE_COLOR: 2 - NODE: 18 + NODE: 20 jobs: percy: @@ -25,7 +25,7 @@ jobs: persist-credentials: false - name: Set up Node.js - uses: actions/setup-node@v3 + uses: actions/setup-node@v4 with: node-version: "${{ env.NODE }}" diff --git a/.github/workflows/update-pr-approved.yml b/.github/workflows/update-pr-approved.yml index 249f82fcc6..d6be5ccfa8 100644 --- a/.github/workflows/update-pr-approved.yml +++ b/.github/workflows/update-pr-approved.yml @@ -61,7 +61,7 @@ jobs: } } } - items(first:50) { + items(first:100) { nodes { id content { diff --git a/.github/workflows/update-pr-design-a11y-approved.yml b/.github/workflows/update-pr-design-a11y-approved.yml index 933584eae7..eca726a949 100644 --- a/.github/workflows/update-pr-design-a11y-approved.yml +++ b/.github/workflows/update-pr-design-a11y-approved.yml @@ -39,7 +39,7 @@ jobs: } } } - items(first:50) { + items(first:100) { nodes { id content { diff --git a/.github/workflows/update-pr-ready-review.yml b/.github/workflows/update-pr-ready-review.yml index 67337f0a4c..0faec46aeb 100644 --- a/.github/workflows/update-pr-ready-review.yml +++ b/.github/workflows/update-pr-ready-review.yml @@ -40,7 +40,7 @@ jobs: } } } - items(first:50) { + items(first:100) { nodes { id content { diff --git a/.github/workflows/update-pr-review-in-progress.yml b/.github/workflows/update-pr-review-in-progress.yml index 5261592357..82ed1a59bc 100644 --- a/.github/workflows/update-pr-review-in-progress.yml +++ b/.github/workflows/update-pr-review-in-progress.yml @@ -38,7 +38,7 @@ jobs: } } } - items(first:50) { + items(first:100) { nodes { id content { diff --git a/.storybook/main.js b/.storybook/main.js index d996b9814a..705989b1f2 100644 --- a/.storybook/main.js +++ b/.storybook/main.js @@ -6,7 +6,7 @@ const config = { options: { measure: false } - }, "@storybook/preset-scss"], + }, "@storybook/addon-themes", "@storybook/preset-scss"], "framework": "@storybook/html-webpack5", docs: { autodocs: true diff --git a/.storybook/preview.js b/.storybook/preview.js index 747ba2873d..0a9d9d670c 100644 --- a/.storybook/preview.js +++ b/.storybook/preview.js @@ -1,4 +1,5 @@ import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport'; +import { withThemeByDataAttribute } from '@storybook/addon-themes'; import './storybook.scss'; import prettier from 'prettier/esm/standalone'; import htmlParser from 'prettier/esm/parser-html'; @@ -21,7 +22,17 @@ export const preview = { // Pretty print the Docs code source return match ? prettier.format(match[1].trim(), {printWidth: 120, parser: "html", plugins: [htmlParser]}) : src; } - } - } + }, + }, + decorators: [ + withThemeByDataAttribute({ + themes: { + light: 'light', + dark: 'dark', + }, + defaultTheme: 'light', + attributeName: 'data-bs-theme', + }), + ] } export default preview; diff --git a/LICENSE b/LICENSE index 6a9d9aa3e6..bd6e27bee8 100644 --- a/LICENSE +++ b/LICENSE @@ -1,7 +1,7 @@ The MIT License (MIT) -Copyright (c) 2015-2023 Orange SA -Copyright (c) 2015-2023 The Boosted Authors +Copyright (c) 2015-2024 Orange SA +Copyright (c) 2015-2024 The Boosted Authors Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal diff --git a/NOTICE.txt b/NOTICE.txt index 6d7e5567d1..53cb0ff58e 100644 --- a/NOTICE.txt +++ b/NOTICE.txt @@ -25,7 +25,7 @@ End of the parts list under Monotype Imaging Inc Copyright Parts list under Orange SA Copyright -Copyright (C) 2016 - 2023 Orange SA All rights reserved +Copyright (C) 2016 - 2024 Orange SA All rights reserved The following parts are proprietary information of Orange. You shall not use or display any trade names, trademarks, service marks, products names, illustrations or designs used within the software diff --git a/README.md b/README.md index 6389c4aad9..0f2632fc5d 100644 --- a/README.md +++ b/README.md @@ -190,7 +190,7 @@ Thanks to [Netlify](https://www.netlify.com/) for providing us with Deploy Previ ## Copyright and license -Code and documentation copyright 2011-2023 the [Bootstrap Authors](https://github.com/twbs/bootstrap/graphs/contributors). Code released under the [MIT License](https://github.com/twbs/bootstrap/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/). +Code and documentation copyright 2011-2024 the [Bootstrap Authors](https://github.com/twbs/bootstrap/graphs/contributors). Code released under the [MIT License](https://github.com/twbs/bootstrap/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/). -Boosted code and documentation copyright 2015-2023 the [Boosted Authors](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/graphs/contributors) and [Orange SA.](https://orange.com) Code released under the [MIT License](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/). +Boosted code and documentation copyright 2015-2024 the [Boosted Authors](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/graphs/contributors) and [Orange SA.](https://orange.com) Code released under the [MIT License](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/). diff --git a/build/.pa11yci.json b/build/.pa11yci.json index bcee3dfe2b..0f6303d8b1 100644 --- a/build/.pa11yci.json +++ b/build/.pa11yci.json @@ -15,7 +15,7 @@ "axe" ], "useIncognitoBrowserContext": false, - "hideElements": "iframe, #text-decoration + p + div a.text-decoration-none, .accordion-collapse, #offcanvas, #offcanvasDark, #offcanvasResponsive, #bdSidebar, .overflow-y-scroll, .overflow-y-auto, .overflow-x-scroll, .overflow-x-auto, .table-responsive", + "hideElements": "iframe, #text-decoration + p + div a.text-decoration-none, .accordion-collapse, #offcanvas, #offcanvasDark, #offcanvasResponsive, #bdSidebar, .overflow-y-scroll, .overflow-y-auto, .overflow-x-scroll, .overflow-x-auto, .table-responsive, fieldset.star-rating[disabled]", "ignore": [ "color-contrast" ] diff --git a/build/build-plugins.mjs b/build/build-plugins.mjs index 77e63070c5..252b4b4b0a 100644 --- a/build/build-plugins.mjs +++ b/build/build-plugins.mjs @@ -2,7 +2,7 @@ /*! * Script to build our plugins to use them separately. - * Copyright 2020-2023 The Bootstrap Authors + * Copyright 2020-2024 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ diff --git a/build/change-version.mjs b/build/change-version.mjs index 3c1e706689..30cfcc4561 100644 --- a/build/change-version.mjs +++ b/build/change-version.mjs @@ -2,7 +2,7 @@ /*! * Script to update version number references in the project. - * Copyright 2017-2023 The Bootstrap Authors + * Copyright 2017-2024 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ diff --git a/build/generate-sri.mjs b/build/generate-sri.mjs index 9644033cf6..4492319eb0 100644 --- a/build/generate-sri.mjs +++ b/build/generate-sri.mjs @@ -5,7 +5,7 @@ * Remember to use the same vendor files as the CDN ones, * otherwise the hashes won't match! * - * Copyright 2017-2023 The Bootstrap Authors + * Copyright 2017-2024 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ diff --git a/build/vnu-jar.mjs b/build/vnu-jar.mjs index 594909e627..c1ce8be230 100644 --- a/build/vnu-jar.mjs +++ b/build/vnu-jar.mjs @@ -2,7 +2,7 @@ /*! * Script to run vnu-jar if Java is available. - * Copyright 2017-2023 The Bootstrap Authors + * Copyright 2017-2024 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ diff --git a/build/zip-examples.mjs b/build/zip-examples.mjs index e1d8b0e8a2..5f416d4c3a 100644 --- a/build/zip-examples.mjs +++ b/build/zip-examples.mjs @@ -3,7 +3,7 @@ /*! * Script to create the built examples zip archive; * requires the `zip` command to be present! - * Copyright 2020-2023 The Bootstrap Authors + * Copyright 2020-2024 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/boosted/blob/main/LICENSE) */ diff --git a/hugo.yml b/hugo.yml index ab84621288..e418830773 100644 --- a/hugo.yml +++ b/hugo.yml @@ -70,7 +70,7 @@ params: repo: "https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap" twitter: "getbootstrap" blog: "https://blog.getbootstrap.com/" - icons: "https://system.design.orange.com/0c1af118d/p/65c68d-solaris-icon-library" + icons: "https://oran.ge/icons" bootstrap: "https://getbootstrap.com" ods: web: "https://system.design.orange.com/0c1af118d/n/76065f" diff --git a/js/src/quantity-selector.js b/js/src/quantity-selector.js index 6ad2955f81..92f5ff5f1b 100644 --- a/js/src/quantity-selector.js +++ b/js/src/quantity-selector.js @@ -26,7 +26,7 @@ const EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}` const SELECTOR_STEP_UP_BUTTON = '[data-bs-step="up"]' const SELECTOR_STEP_DOWN_BUTTON = '[data-bs-step="down"]' const SELECTOR_COUNTER_INPUT = '[data-bs-step="counter"]' -const SELECTOR_QUANTITY_SELECTOR = '.input-group.quantity-selector' +const SELECTOR_QUANTITY_SELECTOR = '.quantity-selector' /** * Class definition diff --git a/js/src/util/sanitizer.js b/js/src/util/sanitizer.js index d2b08082ca..3d2883aff3 100644 --- a/js/src/util/sanitizer.js +++ b/js/src/util/sanitizer.js @@ -17,7 +17,10 @@ export const DefaultAllowlist = { br: [], col: [], code: [], + dd: [], div: [], + dl: [], + dt: [], em: [], hr: [], h1: [], diff --git a/js/tests/unit/carousel.spec.js b/js/tests/unit/carousel.spec.js index 7c5ba63f41..6f184b69ff 100644 --- a/js/tests/unit/carousel.spec.js +++ b/js/tests/unit/carousel.spec.js @@ -540,7 +540,7 @@ describe('Carousel', () => { it('should take care of element either passed as a CSS selector or DOM element (Play/Pause button)', () => { fixtureEl.innerHTML = [ '', - '' ].join('') @@ -1181,7 +1181,7 @@ describe('Carousel', () => { it('should add pause class on click on Play/Pause button when pause is on', () => { fixtureEl.innerHTML = [ '', - '' ].join('') @@ -1196,7 +1196,7 @@ describe('Carousel', () => { it('should add play class on click on Play/Pause button when pause is off', () => { fixtureEl.innerHTML = [ '', - '' ].join('') @@ -1222,7 +1222,7 @@ describe('Carousel', () => { '
item 3
', ' ', '', - '' ].join('') @@ -1251,7 +1251,7 @@ describe('Carousel', () => { '
item 3
', ' ', '', - '' ].join('') @@ -1281,7 +1281,7 @@ describe('Carousel', () => { '
item 3
', ' ', '', - '' ].join('') @@ -1315,7 +1315,7 @@ describe('Carousel', () => { '
item 3
', ' ', '', - '' ].join('') @@ -1345,7 +1345,7 @@ describe('Carousel', () => { '
item 3
', ' ', '', - '' ].join('') @@ -1379,7 +1379,7 @@ describe('Carousel', () => { '
item 3
', ' ', '', - '' ].join('') @@ -1409,7 +1409,7 @@ describe('Carousel', () => { '
item 3
', ' ', '', - '' ].join('') @@ -1442,7 +1442,7 @@ describe('Carousel', () => { '
item 3
', ' ', '', - '' ].join('') @@ -1475,7 +1475,7 @@ describe('Carousel', () => { '
item 3
', ' ', '', - '' ].join('') diff --git a/js/tests/unit/quantity-selector.spec.js b/js/tests/unit/quantity-selector.spec.js index 08c47b9d27..5403426e22 100644 --- a/js/tests/unit/quantity-selector.spec.js +++ b/js/tests/unit/quantity-selector.spec.js @@ -81,12 +81,12 @@ describe('QuantitySelector', () => { it('should take care of element either passed as a CSS selector or DOM element (Step Up button)', () => { fixtureEl.innerHTML = [ - '
', + '
', ' ', - ' ', - ' ', '
' @@ -102,12 +102,12 @@ describe('QuantitySelector', () => { it('should take care of element either passed as a CSS selector or DOM element (Step Down button)', () => { fixtureEl.innerHTML = [ - '
', + '
', ' ', - ' ', - ' ', '
' @@ -123,12 +123,12 @@ describe('QuantitySelector', () => { it('should increment by one step on click on Step Up button', () => { fixtureEl.innerHTML = [ - '
', + '
', ' ', - ' ', - ' ', '
' @@ -150,12 +150,12 @@ describe('QuantitySelector', () => { it('should decrement by one step on click on Step Down button', () => { fixtureEl.innerHTML = [ - '
', + '
', ' ', - ' ', - ' ', '
' @@ -177,12 +177,12 @@ describe('QuantitySelector', () => { it('should increment a decimal value by 0.5 step on click on Step Up button and round it', () => { fixtureEl.innerHTML = [ - '
', + '
', ' ', - ' ', - ' ', '
' @@ -200,12 +200,12 @@ describe('QuantitySelector', () => { it('should decrement a decimal value by 1 step on click on Step Down button but not resulting as a negative value', () => { fixtureEl.innerHTML = [ - '
', + '
', ' ', - ' ', - ' ', '
' @@ -225,12 +225,12 @@ describe('QuantitySelector', () => { it('should increment a decimal value by 1 step on click on Step Up button but not resulting as a negative value', () => { fixtureEl.innerHTML = [ - '
', + '
', ' ', - ' ', - ' ', '
' @@ -250,12 +250,12 @@ describe('QuantitySelector', () => { it('should disable click on Step Down button on load to prevent a value out of range', done => { fixtureEl.innerHTML = [ - '
', + '
', ' ', - ' ', - ' ', '
' @@ -278,12 +278,12 @@ describe('QuantitySelector', () => { it('should disable click on Step Up button on load to prevent a value out of range', done => { fixtureEl.innerHTML = [ - '
', + '
', ' ', - ' ', - ' ', '
' diff --git a/js/tests/visual/modal.html b/js/tests/visual/modal.html index 6143bd8089..5473a8c6ce 100644 --- a/js/tests/visual/modal.html +++ b/js/tests/visual/modal.html @@ -13,21 +13,25 @@ -
@@ -136,7 +140,7 @@

Firefox Bug Test

Test result:

- +
@@ -154,7 +158,7 @@

Lorem slowly

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Nulla vitae elit libero, a pharetra augue.

- +
diff --git a/js/tests/visual/scrollspy.html b/js/tests/visual/scrollspy.html index f0d3ae59e9..5562aa0d6d 100644 --- a/js/tests/visual/scrollspy.html +++ b/js/tests/visual/scrollspy.html @@ -11,7 +11,7 @@ {{< /example >}} ## Dark variant -Add `.local-nav-dark` to the `.local-nav` for a dark variant. Don't forget to add `.navbar-dark` to the navbar. +{{< deprecated-in "5.3.3" >}} -{{< example class="bg-dark" >}} - -{{< /example >}} +{{< callout-deprecated-dark-variants "local-nav" >}} ## CSS @@ -65,16 +49,6 @@ Values for the CSS variables are set via Sass, so Sass customization is still su {{< scss-docs name="local-nav-css-vars" file="scss/_local-navigation.scss" >}} -Customization through CSS variables can be seen on the `.local-nav-dark` class where we override specific values without adding duplicate CSS selectors. - -{{< scss-docs name="local-nav-dark-css-vars" file="scss/_local-navigation.scss" >}} - ### Sass variables -Variables for all local navigations: - {{< scss-docs name="local-nav-variables" file="scss/_variables.scss" >}} - -Variables for the [dark local navigation](#dark-variant): - -{{< scss-docs name="local-nav-dark-variables" file="scss/_variables.scss" >}} diff --git a/site/content/docs/5.3/components/modal.md b/site/content/docs/5.3/components/modal.md index b6205de1eb..46620d1a78 100644 --- a/site/content/docs/5.3/components/modal.md +++ b/site/content/docs/5.3/components/modal.md @@ -52,7 +52,7 @@ Below is a _static_ modal example (meaning its `position` and `display` have bee

Modal body text goes here.

- +
@@ -72,7 +72,7 @@ Below is a _static_ modal example (meaning its `position` and `display` have bee

Modal body text goes here.

- +
@@ -98,7 +98,7 @@ Modals may start with a picture. Add `.modal-img` to your `` or `` tag

Modal body text goes here.

- +
@@ -119,7 +119,7 @@ Modals may start with a picture. Add `.modal-img` to your `` or `` tag

Modal body text goes here.

- +
@@ -147,7 +147,7 @@ Toggle a working modal demo by clicking the button below. It will slide down and

Woo-hoo, you're reading this text in a modal!

- +
@@ -178,7 +178,7 @@ Toggle a working modal demo by clicking the button below. It will slide down and ...
- +
@@ -201,7 +201,7 @@ When backdrop is set to static, the modal will not close when clicking outside o

I will not close if you click outside of me. Don't even try to press escape key.

- +
@@ -232,7 +232,7 @@ When backdrop is set to static, the modal will not close when clicking outside o ...
- +
@@ -255,7 +255,7 @@ When modals become too long for the user's viewport or device, they scroll indep

This is some placeholder content to show the scrolling behavior for modals. Instead of repeating the text in the modal, we use an inline style to set a minimum height, thereby extending the length of the overall modal and demonstrating the overflow scrolling. When content becomes longer than the height of the viewport, scrolling will move the modal as needed.

- +
@@ -268,7 +268,7 @@ When modals become too long for the user's viewport or device, they scroll indep -You can also create a scrollable modal that allows scroll the modal body by adding `.modal-dialog-scrollable` to `.modal-dialog`. +You can also create a scrollable modal that allows scrolling the modal body by adding `.modal-dialog-scrollable` to `.modal-dialog`. @@ -318,7 +318,7 @@ Add `.modal-dialog-centered` to `.modal-dialog` to vertically center the modal.

This is a vertically centered modal.

- +
@@ -338,7 +338,7 @@ Add `.modal-dialog-centered` to `.modal-dialog` to vertically center the modal.

Just like that.

- +
@@ -385,7 +385,7 @@ Add `.modal-dialog-centered` to `.modal-dialog` to vertically center the modal.

This link and that link have tooltips on hover.

- +
@@ -448,7 +448,7 @@ Utilize the Boosted grid system within a modal by nesting `.container-fluid` wit
- +
@@ -523,7 +523,7 @@ Below is a live demo followed by example HTML and JavaScript. For more informati
- +
@@ -725,7 +725,7 @@ Please refer to the [Modals](https://system.design.orange.com/0c1af118d/p/16d9f3 ...
- +
@@ -742,7 +742,7 @@ Please refer to the [Modals](https://system.design.orange.com/0c1af118d/p/16d9f3 ...
- +
@@ -759,7 +759,7 @@ Please refer to the [Modals](https://system.design.orange.com/0c1af118d/p/16d9f3 ...
- +
@@ -776,7 +776,7 @@ Please refer to the [Modals](https://system.design.orange.com/0c1af118d/p/16d9f3 ...
- +
@@ -793,7 +793,7 @@ Please refer to the [Modals](https://system.design.orange.com/0c1af118d/p/16d9f3 ...
- +
@@ -810,7 +810,7 @@ Please refer to the [Modals](https://system.design.orange.com/0c1af118d/p/16d9f3 ...
- +
diff --git a/site/content/docs/5.3/components/navbar.md b/site/content/docs/5.3/components/navbar.md index 70638127f5..337afbeee6 100644 --- a/site/content/docs/5.3/components/navbar.md +++ b/site/content/docs/5.3/components/navbar.md @@ -9,7 +9,7 @@ toc: true --- {{< design-callout-alert >}} -This component explains the basic behavior, structure and concepts of navbars from a Bootstrap point of view. Some discrepancies exist with Boosted due to a different HTML structure. +This component explains the basic behavior, structure and concepts of navbars from a Bootstrap point of view. Some discrepancies exist with Boosted due to a different HTML structure. Moreover, Orange navbars have the same rendering in light and dark mode. In order to build an Orange navbar please refer to [Orange navbar]({{< docsref "/components/orange-navbar" >}}). {{< /design-callout-alert >}} @@ -45,7 +45,7 @@ Navbars come with built-in support for a handful of sub-components. Choose from Here's an example of all the sub-components included in a responsive dark-themed navbar that automatically collapses at the `lg` (large) breakpoint. {{< example >}} -