From 78778c5fc1c81032d921a04b2e41ede224e844b8 Mon Sep 17 00:00:00 2001 From: "louismaxime.piton" Date: Wed, 5 Jul 2023 12:06:01 +0200 Subject: [PATCH 1/5] wip --- js/src/carousel.js | 2 +- scss/_alert.scss | 2 +- scss/_buttons.scss | 14 +++++++------- scss/_carousel.scss | 8 ++++---- scss/_root.scss | 18 ++++++++--------- scss/_tags.scss | 4 ++-- scss/_toasts.scss | 2 +- scss/_variables.scss | 34 ++++++++++++++++----------------- scss/forms/_form-check.scss | 6 +++--- scss/helpers/_chevron-link.scss | 2 +- scss/mixins/_buttons.scss | 2 +- 11 files changed, 47 insertions(+), 47 deletions(-) diff --git a/js/src/carousel.js b/js/src/carousel.js index d2879536a4..39fd02dbc1 100644 --- a/js/src/carousel.js +++ b/js/src/carousel.js @@ -72,7 +72,7 @@ const SELECTOR_CAROUSEL_PAUSE_TEXT = 'data-bs-pause-text' // Boosted mod const SELECTOR_CAROUSEL_DEFAULT_PLAY_TEXT = 'Play Carousel' // Boosted mod const SELECTOR_CAROUSEL_DEFAULT_PAUSE_TEXT = 'Pause Carousel' // Boosted mod -const PREFIX_CUSTOM_PROPS = 'o-' // Boosted mod: should match `$boosted-prefix` in scss/_variables.scss +const PREFIX_CUSTOM_PROPS = 'bs-' // Boosted mod: should match `$prefix` in scss/_variables.scss const KEY_TO_DIRECTION = { [ARROW_LEFT_KEY]: DIRECTION_RIGHT, diff --git a/scss/_alert.scss b/scss/_alert.scss index 65876bcb80..5e01e29347 100644 --- a/scss/_alert.scss +++ b/scss/_alert.scss @@ -141,7 +141,7 @@ --#{$prefix}alert-icon-size: #{$alert-icon-size-sm}; --#{$prefix}alert-btn-close-offset: #{$alert-btn-close-offset-sm}; // scss-docs-end alert-sm-css-vars - --#{$boosted-prefix}icon-spacing: #{$btn-close-padding-sm}; + --#{$prefix}icon-spacing: #{$btn-close-padding-sm}; .alert-icon { margin: var(--#{$prefix}alert-icon-margin-y) 0; diff --git a/scss/_buttons.scss b/scss/_buttons.scss index 3690eef657..9440db33d6 100644 --- a/scss/_buttons.scss +++ b/scss/_buttons.scss @@ -20,7 +20,7 @@ --#{$prefix}btn-box-shadow: #{$btn-box-shadow}; --#{$prefix}btn-disabled-opacity: #{$btn-disabled-opacity}; --#{$prefix}btn-focus-box-shadow: 0 0 0 #{$btn-focus-width} var(--#{$prefix}btn-focus-shadow-rgb); // Boosted mod - --#{$boosted-prefix}icon-spacing: #{$btn-icon-padding-x}; // Boosted mod + --#{$prefix}icon-spacing: #{$btn-icon-padding-x}; // Boosted mod // scss-docs-end btn-css-vars display: inline-flex; // Boosted mod @@ -222,7 +222,7 @@ // Boosted mod: icon button .btn-icon { - padding: var(--#{$boosted-prefix}icon-spacing); + padding: var(--#{$prefix}icon-spacing); } // End mod @@ -230,15 +230,15 @@ .btn-social { --#{$prefix}btn-border-color: currentcolor; --#{$prefix}btn-hover-color: #{$white}; - --#{$prefix}btn-hover-bg: var(--#{$boosted-prefix}network-color, #{$black}); - --#{$prefix}btn-hover-border-color: var(--#{$boosted-prefix}network-color, #{$black}); + --#{$prefix}btn-hover-bg: var(--#{$prefix}network-color, #{$black}); + --#{$prefix}btn-hover-border-color: var(--#{$prefix}network-color, #{$black}); --#{$prefix}btn-active-color: #{$white}; --#{$prefix}btn-active-bg: #{$black}; --#{$prefix}btn-active-border-color: #{$black}; --#{$prefix}btn-disabled-color: #{$gray-500}; --#{$prefix}btn-disabled-bg: transparent; @include border-radius(50%, 50%); - @include button-icon(var(--#{$boosted-prefix}network-logo)); + @include button-icon(var(--#{$prefix}network-logo)); &.btn-inverse { --#{$prefix}btn-color: #{$white}; @@ -253,8 +253,8 @@ $network: map-get($btn-social-networks, $name); .btn-#{$name} { - --#{$boosted-prefix}network-color: #{map-get($network, "color")}; - --#{$boosted-prefix}network-logo: #{escape-svg(url("data:image/svg+xml,#{map-get($network, "icon")}"))}; + --#{$prefix}network-color: #{map-get($network, "color")}; + --#{$prefix}network-logo: #{escape-svg(url("data:image/svg+xml,#{map-get($network, "icon")}"))}; &::before { mask-size: if(map-has-key($network, "size"), map-get($network, "size"), null); diff --git a/scss/_carousel.scss b/scss/_carousel.scss index 24ba1e50e4..ed5c3dec46 100644 --- a/scss/_carousel.scss +++ b/scss/_carousel.scss @@ -86,7 +86,7 @@ .carousel-control-prev, .carousel-control-next { - --#{$boosted-prefix}control-bg: #{rgba($carousel-indicator-active-bg, .5)}; // Boosted mod + --#{$prefix}control-bg: #{rgba($carousel-indicator-active-bg, .5)}; // Boosted mod position: absolute; top: 0; bottom: 0; @@ -108,7 +108,7 @@ // Hover state - Boosted mod: no focus state &:hover { - --#{$boosted-prefix}control-bg: #{color-contrast($carousel-indicator-active-bg)}; // Boosted mod + --#{$prefix}control-bg: #{color-contrast($carousel-indicator-active-bg)}; // Boosted mod color: color-contrast($carousel-control-color); text-decoration: none; opacity: $carousel-control-hover-opacity; @@ -122,7 +122,7 @@ } &:active { - --#{$boosted-prefix}control-bg: #{$carousel-control-icon-active-bg}; + --#{$prefix}control-bg: #{$carousel-control-icon-active-bg}; color: $carousel-control-color; } @@ -151,7 +151,7 @@ .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; - background-color: var(--#{$boosted-prefix}control-bg); // Boosted mod + background-color: var(--#{$prefix}control-bg); // Boosted mod @include button-icon($carousel-control-icon-bg, $carousel-control-icon-width, $size: $carousel-control-icon-size, $position: subtract(50%, $spacer * .1) 50%); // Boosted mod @include border-radius(50%, 50%); } diff --git a/scss/_root.scss b/scss/_root.scss index fd17dcdbd8..237c0fad5f 100644 --- a/scss/_root.scss +++ b/scss/_root.scss @@ -40,7 +40,7 @@ // Boosted mod @each $icon, $svg in $svg-as-custom-props { - --#{$boosted-prefix}#{$icon}-icon: #{escape-svg($svg)}; + --#{$prefix}#{$icon}-icon: #{escape-svg($svg)}; } // End mod @@ -151,13 +151,13 @@ --#{$prefix}link-hover-color-rgb: #{to-rgb($link-hover-color-inverted)}; --#{$prefix}focus-visible-inner-color: #{$focus-visible-inner-color-inverted}; --#{$prefix}focus-visible-outer-color: #{$focus-visible-outer-color-inverted}; - --#{$boosted-prefix}caption-color: #{$table-caption-color-inverted}; + --#{$prefix}caption-color: #{$table-caption-color-inverted}; --#{$prefix}code-color: #{$code-color-inverted}; --#{$prefix}highlight-color: #{$mark-color-inverted}; --#{$prefix}highlight-bg: #{$mark-bg-inverted}; - --#{$boosted-prefix}kbd-color: #{$kbd-color-inverted}; - --#{$boosted-prefix}kbd-bg: #{$kbd-bg-inverted}; - --#{$boosted-prefix}pre-color: #{$pre-color-inverted}; + --#{$prefix}kbd-color: #{$kbd-color-inverted}; + --#{$prefix}kbd-bg: #{$kbd-bg-inverted}; + --#{$prefix}pre-color: #{$pre-color-inverted}; // stylelint-disable-next-line scss/selector-no-redundant-nesting-selector [class*="bg-"]:not(&):not(.bg-transparent) { @@ -168,13 +168,13 @@ --#{$prefix}link-hover-color-rgb: #{to-rgb($link-hover-color)}; --#{$prefix}focus-visible-inner-color: #{$focus-visible-inner-color}; --#{$prefix}focus-visible-outer-color: #{$focus-visible-outer-color}; - --#{$boosted-prefix}caption-color: #{$table-caption-color}; + --#{$prefix}caption-color: #{$table-caption-color}; --#{$prefix}code-color: #{$code-color}; --#{$prefix}highlight-color: #{$mark-color}; --#{$prefix}highlight-bg: #{$mark-bg}; - --#{$boosted-prefix}kbd-color: #{$kbd-color}; - --#{$boosted-prefix}kbd-bg: #{$kbd-bg}; - --#{$boosted-prefix}pre-color: #{$pre-color}; + --#{$prefix}kbd-color: #{$kbd-color}; + --#{$prefix}kbd-bg: #{$kbd-bg}; + --#{$prefix}pre-color: #{$pre-color}; } } // End mod diff --git a/scss/_tags.scss b/scss/_tags.scss index a0064b5997..03e173a13b 100644 --- a/scss/_tags.scss +++ b/scss/_tags.scss @@ -69,8 +69,8 @@ min-height: subtract(var(--#{$prefix}tag-close-size), .625rem); content: ""; background-color: currentcolor; - -webkit-mask: escape-svg(var(--#{$boosted-prefix}close-icon)) no-repeat 50% / subtract(var(--#{$prefix}tag-close-size), .625rem); // stylelint-disable-line property-no-vendor-prefix - mask: escape-svg(var(--#{$boosted-prefix}close-icon)) no-repeat 50% / subtract(var(--#{$prefix}tag-close-size), .625rem); + -webkit-mask: escape-svg(var(--#{$prefix}close-icon)) no-repeat 50% / subtract(var(--#{$prefix}tag-close-size), .625rem); // stylelint-disable-line property-no-vendor-prefix + mask: escape-svg(var(--#{$prefix}close-icon)) no-repeat 50% / subtract(var(--#{$prefix}tag-close-size), .625rem); } &:hover, diff --git a/scss/_toasts.scss b/scss/_toasts.scss index c7a9802155..5e31bff00e 100644 --- a/scss/_toasts.scss +++ b/scss/_toasts.scss @@ -62,7 +62,7 @@ @include border-top-radius(calc(var(--#{$prefix}toast-border-radius) - var(--#{$prefix}toast-border-width))); .btn-close { - --#{$boosted-prefix}icon-spacing: #{$btn-close-padding-sm}; // Boosted mod + --#{$prefix}icon-spacing: #{$btn-close-padding-sm}; // Boosted mod margin-right: calc(-.5 * var(--#{$prefix}toast-padding-x)); // stylelint-disable-line function-disallowed-list margin-left: var(--#{$prefix}toast-padding-x); } diff --git a/scss/_variables.scss b/scss/_variables.scss index b9ed6d4e66..14b76576fa 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -447,8 +447,8 @@ $color-mode-type: data !default; // `data` or `media-query` $variable-prefix: bs- !default; // Deprecated in v5.2.0 for the shorter `$prefix` $prefix: $variable-prefix !default; -$boosted-variable-prefix: o- !default; // Deprecated in v5.2.0 for the shorter `$boosted-prefix` -$boosted-prefix: $boosted-variable-prefix !default; +$boosted-variable-prefix: o- !default; // Deprecated in v5.2.0 for the shorter `$prefix` +$prefix: $boosted-variable-prefix !default; // Gradient // @@ -909,7 +909,7 @@ $table-striped-columns-order: even !default; $table-group-separator-color: currentcolor !default; -$table-caption-color: var(--#{$boosted-prefix}caption-color, var(--#{$prefix}emphasis-color)) !default; // Boosted mod: instead of `var(--#{$prefix}secondary-color)` +$table-caption-color: var(--#{$prefix}caption-color, var(--#{$prefix}emphasis-color)) !default; // Boosted mod: instead of `var(--#{$prefix}secondary-color)` $table-caption-color-inverted: var(--#{$prefix}body-bg) !default; // Boosted mod $table-caption-padding-y: .75rem !default; // Boosted mod @@ -1156,7 +1156,7 @@ $form-check-input-focus-box-shadow: $focus-ring-box-shadow !default; $form-check-input-checked-color: $component-active-color !default; $form-check-input-checked-bg-color: $component-active-bg !default; $form-check-input-checked-border-color: $form-check-input-checked-bg-color !default; -$form-check-input-checked-bg-image: var(--#{$boosted-prefix}check-icon) !default; +$form-check-input-checked-bg-image: var(--#{$prefix}check-icon) !default; $form-check-input-disabled-color: $gray-900 !default; // Boosted mod $form-check-radio-checked-bg-image: url("data:image/svg+xml,") !default; @@ -1190,7 +1190,7 @@ $form-star-focus-box-shadow: $input-btn-focus-box-shadow !default; // Depre // Boosted mod: no $form-switch-color $form-switch-width: $spacer * 3 !default; // Boosted mod $form-switch-padding-start: $form-switch-width + .625rem !default; // Boosted mod -$form-switch-bg-image: var(--#{$boosted-prefix}close-icon) !default; // Boosted mod +$form-switch-bg-image: var(--#{$prefix}close-icon) !default; // Boosted mod $form-switch-bg-position: right .5rem top 50% !default; // Boosted mod $form-switch-bg-size: .75rem !default; // Boosted mod $form-switch-bg-square-size: add(1rem, $spacer * .5) !default; // Boosted mod @@ -1303,8 +1303,8 @@ $form-feedback-valid-color: $success !default; // Boosted mod: deprecate $form-feedback-invalid-color: $danger !default; // Boosted mod: deprecated in v5.3.0 // fusv-enable -$form-feedback-icon-valid: var(--#{$boosted-prefix}success-icon) !default; -$form-feedback-icon-invalid: var(--#{$boosted-prefix}error-icon) !default; +$form-feedback-icon-valid: var(--#{$prefix}success-icon) !default; +$form-feedback-icon-invalid: var(--#{$prefix}error-icon) !default; $form-feedback-icon-size: add($spacer * .25, $spacer * .5) !default; // Boosted mod $form-feedback-line-height: $line-height-sm !default; // Boosted mod // scss-docs-end form-feedback-variables @@ -1606,7 +1606,7 @@ $pagination-transition: $transition-focus !default; // Boosted mod $pagination-padding-end: 1.125rem !default; -$pagination-icon: var(--#{$boosted-prefix}chevron-icon) !default; +$pagination-icon: var(--#{$prefix}chevron-icon) !default; $pagination-icon-size: subtract($spacer * 2, calc(var(--#{$prefix}border-width) * 2)) !default; // stylelint-disable-line function-disallowed-list $pagination-icon-width: add(.5rem, 1px) !default; $pagination-icon-height: subtract(1rem, 1px) !default; @@ -1925,10 +1925,10 @@ $alert-border-width: var(--#{$prefix}border-width) !default; // Boosted mod $alert-padding-sm: $spacer * .5 !default; $alert-icons: ( - "success": var(--#{$boosted-prefix}success-icon), + "success": var(--#{$prefix}success-icon), "info": escape-svg($info-icon), "warning": escape-svg($warning-icon), - "danger": var(--#{$boosted-prefix}error-icon) + "danger": var(--#{$prefix}error-icon) ) !default; $alert-logo-size: add($spacer * .5, 1rem) !default; $alert-logo-size-sm: add(1rem, 1px) !default; @@ -2110,7 +2110,7 @@ $carousel-caption-spacer: $spacer * 3 !default; $carousel-control-icon-width: 2.5rem !default; // Boosted mod $carousel-control-icon-size: 1rem 1.5rem !default; -$carousel-control-icon-bg: var(--#{$boosted-prefix}chevron-icon) !default; +$carousel-control-icon-bg: var(--#{$prefix}chevron-icon) !default; $carousel-control-icon-active-bg: $component-active-bg !default; $carousel-control-pause-indicators-spacing: 10px !default; @@ -2154,11 +2154,11 @@ $spinner-border-width-lg: calc(var(--#{$prefix}border-width) * 4) !default; // B // scss-docs-start close-variables $btn-close-width: $spacer !default; // Boosted mod $btn-close-height: $btn-close-width !default; -$btn-close-padding: var(--#{$boosted-prefix}icon-spacing, #{$btn-icon-padding-x}) !default; // Boosted mod +$btn-close-padding: var(--#{$prefix}icon-spacing, #{$btn-icon-padding-x}) !default; // Boosted mod $btn-close-border-width: var(--#{$prefix}border-width) !default; // Boosted mod $btn-close-border-color: transparent !default; // Boosted mod $btn-close-color: var(--#{$prefix}emphasis-color) !default; -$btn-close-bg: var(--#{$boosted-prefix}close-icon) !default; // Boosted mod +$btn-close-bg: var(--#{$prefix}close-icon) !default; // Boosted mod // Boosted mod // fusv-disable $btn-close-focus-shadow: $btn-focus-box-shadow !default; // Deprecated in v5.3.0 @@ -2215,13 +2215,13 @@ $code-color-inverted: $gray-600 !default; $kbd-padding-y: $spacer * .05 !default; $kbd-padding-x: $spacer * .05 !default; $kbd-font-size: $code-font-size !default; -$kbd-color: var(--#{$boosted-prefix}kbd-color, $black) !default; +$kbd-color: var(--#{$prefix}kbd-color, $black) !default; $kbd-color-inverted: $white !default; -$kbd-bg: var(--#{$boosted-prefix}kbd-bg, $gray-300) !default; +$kbd-bg: var(--#{$prefix}kbd-bg, $gray-300) !default; $kbd-bg-inverted: $gray-900 !default; $nested-kbd-font-weight: null !default; // Deprecated in v5.2.0, removing in v6 -$pre-color: var(--#{$boosted-prefix}pre-color, $gray-900) !default; +$pre-color: var(--#{$prefix}pre-color, $gray-900) !default; $pre-color-inverted: $gray-300 !default; $pre-line-height: 1.25 !default; // End mod @@ -2246,7 +2246,7 @@ $back-to-top-link-offset-top-xl: subtract(100vh, $spacer * 5) !default; $back-to-top-title-offset-right: add(100%, var(--#{$prefix}border-width)) !default; $back-to-top-title-padding: subtract($btn-padding-y, 1px) $btn-padding-x add($btn-padding-y, 1px) !default; $back-to-top-title-bg-color: $white !default; -$back-to-top-icon: var(--#{$boosted-prefix}chevron-icon) !default; +$back-to-top-icon: var(--#{$prefix}chevron-icon) !default; $back-to-top-icon-width: add(.5rem, 1px) !default; $back-to-top-icon-height: subtract(1rem, 1px) !default; // scss-docs-end back-to-top diff --git a/scss/forms/_form-check.scss b/scss/forms/_form-check.scss index 9db1bf6457..c09108246b 100644 --- a/scss/forms/_form-check.scss +++ b/scss/forms/_form-check.scss @@ -153,7 +153,7 @@ .form-switch { // Boosted mod - --#{$boosted-prefix}switch-gradient: #{linear-gradient(to right, $black $form-switch-bg-square-size, transparent)}; + --#{$prefix}switch-gradient: #{linear-gradient(to right, $black $form-switch-bg-square-size, transparent)}; min-height: $form-switch-width * .5; padding-left: $form-switch-padding-start; @@ -166,7 +166,7 @@ height: $form-switch-width * .5; margin-left: $form-switch-padding-start * -1; background-color: $white; // Boosted mod - background-image: var(--#{$prefix}form-switch-bg), var(--#{$boosted-prefix}switch-gradient); // Boosted mod: extra param `var(--#{$boosted-prefix}switch-gradient)` + background-image: var(--#{$prefix}form-switch-bg), var(--#{$prefix}switch-gradient); // Boosted mod: extra param `var(--#{$prefix}switch-gradient)` filter: $invert-filter; // Boosted mod background-position: $form-switch-bg-position, 0 0; background-size: $form-switch-bg-size, $form-switch-bg-square-size 100%; // Get a 1px separation @@ -202,7 +202,7 @@ } &:not(:disabled) { - --#{$boosted-prefix}switch-gradient: #{linear-gradient(to right, $white $form-switch-bg-square-size, transparent)}; + --#{$prefix}switch-gradient: #{linear-gradient(to right, $white $form-switch-bg-square-size, transparent)}; } } diff --git a/scss/helpers/_chevron-link.scss b/scss/helpers/_chevron-link.scss index c74ccb46d9..f71d495396 100644 --- a/scss/helpers/_chevron-link.scss +++ b/scss/helpers/_chevron-link.scss @@ -10,7 +10,7 @@ margin-left: $linked-chevron-margin-left; vertical-align: middle; content: ""; - background-image: var(--#{$boosted-prefix}chevron-icon); + background-image: var(--#{$prefix}chevron-icon); background-repeat: no-repeat; transform: $linked-chevron-transform; } diff --git a/scss/mixins/_buttons.scss b/scss/mixins/_buttons.scss index 9d0f6adeb5..c72def16a1 100644 --- a/scss/mixins/_buttons.scss +++ b/scss/mixins/_buttons.scss @@ -42,7 +42,7 @@ // scss-docs-start btn-size-mixin @mixin button-size($padding-y, $padding-x, $font-size, $border-radius, $line-height: null, $icon-spacing: $btn-icon-padding-x, $letter-spacing: $letter-spacing-base) { - --#{$boosted-prefix}icon-spacing: #{$icon-spacing}; // Boosted mod: used for icons + --#{$prefix}icon-spacing: #{$icon-spacing}; // Boosted mod: used for icons --#{$prefix}btn-padding-y: #{$padding-y}; --#{$prefix}btn-padding-x: #{$padding-x}; @include rfs($font-size, --#{$prefix}btn-font-size); From 3157b71c18af6851fb23087e3b4e564d3ff8f9c0 Mon Sep 17 00:00:00 2001 From: "louismaxime.piton" Date: Wed, 5 Jul 2023 15:53:45 +0200 Subject: [PATCH 2/5] wip --- scss/_variables.scss | 4 +++- site/content/docs/5.3/migration.md | 9 +++++++++ 2 files changed, 12 insertions(+), 1 deletion(-) diff --git a/scss/_variables.scss b/scss/_variables.scss index 14b76576fa..e4b6fd4f5f 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -447,8 +447,10 @@ $color-mode-type: data !default; // `data` or `media-query` $variable-prefix: bs- !default; // Deprecated in v5.2.0 for the shorter `$prefix` $prefix: $variable-prefix !default; +// fusv-disable $boosted-variable-prefix: o- !default; // Deprecated in v5.2.0 for the shorter `$prefix` -$prefix: $boosted-variable-prefix !default; +$boosted-prefix: $boosted-variable-prefix !default; // Deprecated in v6.0.0 +// fusv-enable // Gradient // diff --git a/site/content/docs/5.3/migration.md b/site/content/docs/5.3/migration.md index 425afbea98..4ea0296287 100644 --- a/site/content/docs/5.3/migration.md +++ b/site/content/docs/5.3/migration.md @@ -258,6 +258,15 @@ Learn more by reading the new [color modes documentation]({{< docsref "/customiz - `@mixin caret()` has a new interface including a new optional parameters. +-
+ Breaking Remove $boosted-prefix in favor of $prefix. Please check and replace all occurrences in your code. + + ```diff + - $boosted-prefix // or `o-` + + $prefix // or `bs-` + ``` +
+ -
Breaking Because of the dark mode we've renamed our dark variant Sass variables; $*-dark in $*-inverted
    From a6c394cdcd5d620b80554c44513c6767b787e483 Mon Sep 17 00:00:00 2001 From: "louismaxime.piton" Date: Wed, 5 Jul 2023 18:01:46 +0200 Subject: [PATCH 3/5] Update migration guide --- js/tests/unit/carousel.spec.js | 6 +++--- scss/_tags.scss | 1 - scss/mixins/_buttons.scss | 1 - site/content/docs/5.3/migration.md | 33 ++++++++++++++++++++++++++++-- 4 files changed, 34 insertions(+), 7 deletions(-) diff --git a/js/tests/unit/carousel.spec.js b/js/tests/unit/carousel.spec.js index d22813de35..df32a49309 100644 --- a/js/tests/unit/carousel.spec.js +++ b/js/tests/unit/carousel.spec.js @@ -1619,7 +1619,7 @@ describe('Carousel', () => { }) // Boosted mod - it('should set --o-carousel-interval custom property on indicator if data-bs-interval is provided', () => { + it('should set --bs-carousel-interval custom property on indicator if data-bs-interval is provided', () => { fixtureEl.innerHTML = [ '