css: drop deprecated Boosted variables and change deprecated comments (…

…#2638)

js/src/scrollspy.js

@@ -39,15 +39,15 @@ const SELECTOR_DROPDOWN = '.dropdown'
 const SELECTOR_DROPDOWN_TOGGLE = '.dropdown-toggle'
 
 const Default = {
-  offset: null, // TODO: v6 @deprecated, keep it for backwards compatibility reasons
+  offset: null, // TODO: Bootstrap v6 @deprecated, keep it for backwards compatibility reasons
   rootMargin: '0px 0px -25%',
   smoothScroll: false,
   target: null,
   threshold: [0.1, 0.5, 1]
 }
 
 const DefaultType = {
-  offset: '(number|null)', // TODO v6 @deprecated, keep it for backwards compatibility reasons
+  offset: '(number|null)', // TODO Bootstrap v6 @deprecated, keep it for backwards compatibility reasons
   rootMargin: 'string',
   smoothScroll: 'boolean',
   target: 'element',

js/src/toast.js

@@ -28,7 +28,7 @@ const EVENT_SHOW = `show${EVENT_KEY}`
 const EVENT_SHOWN = `shown${EVENT_KEY}`
 
 const CLASS_NAME_FADE = 'fade'
-const CLASS_NAME_HIDE = 'hide' // @deprecated - kept here only for backwards compatibility
+const CLASS_NAME_HIDE = 'hide' // Bootstrap @deprecated - kept here only for backwards compatibility
 const CLASS_NAME_SHOW = 'show'
 const CLASS_NAME_SHOWING = 'showing'
 
@@ -92,7 +92,7 @@ class Toast extends BaseComponent {
       this._maybeScheduleHide()
     }
 
-    this._element.classList.remove(CLASS_NAME_HIDE) // @deprecated
+    this._element.classList.remove(CLASS_NAME_HIDE) // Bootstrap @deprecated
     reflow(this._element)
     this._element.classList.add(CLASS_NAME_SHOW, CLASS_NAME_SHOWING)
 
@@ -111,7 +111,7 @@ class Toast extends BaseComponent {
     }
 
     const complete = () => {
-      this._element.classList.add(CLASS_NAME_HIDE) // @deprecated
+      this._element.classList.add(CLASS_NAME_HIDE) // Bootstrap @deprecated
       this._element.classList.remove(CLASS_NAME_SHOWING, CLASS_NAME_SHOW)
       EventHandler.trigger(this._element, EVENT_HIDDEN)
     }

scss/_dropdown.scss

@@ -238,7 +238,7 @@
   color: var(--#{$prefix}dropdown-link-color);
 }
 
-// Deprecated in v5.3.3
+// OUDS mod: deprecated in OUDS Web, kept for Bootstrap compatibility
 // Dark dropdowns
 .dropdown-menu-dark {
   --#{$prefix}dropdown-color: #{$dropdown-dark-color};
@@ -254,3 +254,4 @@
   --#{$prefix}dropdown-link-disabled-color: #{$dropdown-dark-link-disabled-color};
   --#{$prefix}dropdown-header-color: #{$dropdown-dark-header-color};
 }
+// End mod

scss/_navbar.scss

@@ -544,7 +544,7 @@
   @include deprecate("`.navbar-light`", "v5.2.0", "v6.0.0", true);
 }
 
-// Deprecated in v5.3.3
+// OUDS mod: deprecated in OUDS Web, kept for Bootstrap compatibility
 // OUDS mod: no `navbar[data-bs-theme="dark"]` selector
 .navbar-dark {
   --#{$prefix}navbar-border-color: #{$navbar-dark-border-color}; // OUDS mod
@@ -557,5 +557,6 @@
   --#{$prefix}navbar-toggler-border-color: #{$navbar-dark-toggler-border-color};
   // OUDS mod: No --#{$prefix}navbar-toggler-icon-bg: #{escape-svg($navbar-dark-toggler-icon-bg)}; since we handle the variant with filter
 }
+// End mod
 
 // OUDS mod: no `@if enable-dark-mode`

scss/_root.scss

@@ -126,7 +126,7 @@
   --#{$prefix}border-radius-lg: #{$border-radius-lg};
   --#{$prefix}border-radius-xl: #{$border-radius-xl};
   --#{$prefix}border-radius-xxl: #{$border-radius-xxl};
-  --#{$prefix}border-radius-2xl: var(--#{$prefix}border-radius-xxl); // Deprecated in v5.3.0 for consistency
+  --#{$prefix}border-radius-2xl: var(--#{$prefix}border-radius-xxl); // Deprecated in Bootstrap v5.3.0 for consistency
   --#{$prefix}border-radius-pill: #{$border-radius-pill};
   // scss-docs-end root-border-var
 

scss/_utilities.scss

@@ -586,9 +586,9 @@ $utilities: map-merge(
       values: map-merge(
         $utilities-text-colors,
         (
-          "muted": var(--#{$prefix}secondary-color), // deprecated
-          "black-50": rgba($black, .5), // deprecated
-          "white-50": rgba($white, .5), // deprecated
+          "muted": var(--#{$prefix}secondary-color), // Deprecated in Bootstrap
+          "black-50": rgba($black, .5), // Deprecated in Bootstrap
+          "white-50": rgba($white, .5), // Deprecated in Bootstrap
           "body-secondary": var(--#{$prefix}secondary-color),
           "body-tertiary": var(--#{$prefix}tertiary-color),
           "body-emphasis": var(--#{$prefix}emphasis-color),

scss/_variables.scss

@@ -418,9 +418,6 @@ $svg-as-custom-props: (
 //// Filters
 // see https://codepen.io/sosuke/pen/Pjoqqp
 $invert-filter:         invert(1) !default;
-// fusv-disable
-$orange-filter:         invert(46%) sepia(60%) saturate(2878%) hue-rotate(6deg) brightness(98%) contrast(104%) !default; // Deprecated in v5.3.3
-// fusv-enable
 // End mod
 
 // Options
@@ -450,12 +447,8 @@ $color-mode-type:             data !default; // `data` or `media-query`
 
 // Prefix for :root CSS variables
 
-$variable-prefix:             bs- !default; // Deprecated in v5.2.0 for the shorter `$prefix`
+$variable-prefix:             bs- !default; // Deprecated in Bootstrap 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`
-$boosted-prefix:              $boosted-variable-prefix !default; // Deprecated in v5.3.0 for the shorter `$prefix`
-// fusv-enable
 
 // Gradient
 //
@@ -642,12 +635,7 @@ $border-radius-xxl:           2rem !default;
 $border-radius-pill:          50rem !default;
 // scss-docs-end border-radius-variables
 // fusv-disable
-$border-radius-2xl:           $border-radius-xxl !default; // Deprecated in v5.3.0
-// fusv-enable
-
-// fusv-disable
-$outline-width:               var(--#{$prefix}border-width) !default; // Deprecated in v5.2.3
-$outline-offset:              $outline-width !default; // Deprecated in v5.2.3
+$border-radius-2xl:           $border-radius-xxl !default; // Deprecated in Bootstrap v5.3.0
 // fusv-enable
 
 // scss-docs-start focus-visible-variables
@@ -826,7 +814,7 @@ $small-font-size:             .875rem !default;
 $sub-sup-font-size:           .75em !default;
 
 // fusv-disable
-$text-muted:                  var(--#{$prefix}secondary-color) !default; // Deprecated in 5.3.0
+$text-muted:                  var(--#{$prefix}secondary-color) !default; // Deprecated in Bootstrap 5.3.0
 // fusv-enable
 
 $initialism-font-size:        $small-font-size !default;
@@ -842,8 +830,8 @@ $hr-margin-y:                 $spacer !default;
 $hr-color:                    inherit !default;
 
 // fusv-disable
-$hr-bg-color:                 null !default; // Deprecated in v5.2.0
-$hr-height:                   null !default; // Deprecated in v5.2.0
+$hr-bg-color:                 null !default; // Deprecated in Bootstrap v5.2.0
+$hr-height:                   null !default; // Deprecated in Bootstrap v5.2.0
 // fusv-enable
 
 $hr-border-color:             null !default; // Allows for inherited colors
@@ -948,7 +936,11 @@ $input-btn-focus-width:       $focus-visible-outer-offset !default; // OUDS mod:
 // OUDS mod: no `$input-btn-focus-color-opacity`
 // OUDS mod: no `$input-btn-focus-color`
 // OUDS mod: no `$input-btn-focus-blur`
+// OUDS mod: deprecated in OUDS Web, kept for Bootstrap compatibility
+// fusv-disable
 $input-btn-focus-box-shadow:  $focus-ring-box-shadow !default;
+// fusv-enable
+// End mod
 
 $input-btn-padding-y-sm:      $spacer * .25 !default;
 $input-btn-padding-x-sm:      $spacer * .5 !default;
@@ -1228,13 +1220,6 @@ $form-star-rating-checked-icon:         escape-svg(url("data:image/svg+xml,<svg
 $form-star-rating-unchecked-icon:       escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'><path fill='transparent' stroke='#{$black}' d='m12.5 4.523 2.016 6.227 6.542-.005-5.296 3.843 2.027 6.224L12.5 16.96l-5.289 3.852 2.027-6.224-5.296-3.843 6.542.005L12.5 4.523Z'/></svg>")) !default;
 $form-star-rating-sm-checked-icon:      escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='#{$black}' stroke='#{$black}' d='M10 3.943 11.54 8.7l4.998-.004-4.046 2.936 1.548 4.755L10 13.444l-4.04 2.943 1.548-4.755-4.046-2.936L8.46 8.7 10 3.943Z'/></svg>")) !default;
 $form-star-rating-sm-unchecked-icon:    escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='transparent' stroke='#{$black}' d='M10 3.943 11.54 8.7l4.998-.004-4.046 2.936 1.548 4.755L10 13.444l-4.04 2.943 1.548-4.755-4.046-2.936L8.46 8.7 10 3.943Z'/></svg>")) !default;
-//fusv-disable
-$form-star-focus-color:                 $black !default; // Deprecated in v5.2.3
-$form-star-focus-outline:               var(--#{$prefix}border-width) solid $form-star-focus-color !default; // Deprecated in v5.2.3
-$form-star-focus-color-dark:            $white !default; // Deprecated in v5.2.3
-$form-star-focus-outline-dark:          var(--#{$prefix}border-width) solid $form-star-focus-color-dark !default; // Deprecated in v5.2.3
-$form-star-focus-box-shadow:            $input-btn-focus-box-shadow !default; // Deprecated in v5.2.3
-//fusv-enable
 
 // End mod
 // scss-docs-end form-check-variables
@@ -1366,10 +1351,12 @@ $form-file-button-hover-bg:       var(--#{$prefix}secondary-bg) !default;
 $form-feedback-margin-top:          $form-text-margin-top !default;
 $form-feedback-font-size:           $small-font-size !default;
 $form-feedback-font-style:          null !default;
+// OUDS mod: deprecated in OUDS Web, kept for Bootstrap compatibility
 // fusv-disable
-$form-feedback-valid-color:         $success !default; // OUDS mod: deprecated in v5.3.0
-$form-feedback-invalid-color:       $danger !default; // OUDS mod: deprecated in v5.3.0
+$form-feedback-valid-color:         $success !default;
+$form-feedback-invalid-color:       $danger !default;
 // fusv-enable
+// End mod
 
 $form-feedback-icon-valid:          var(--#{$prefix}success-icon) !default;
 $form-feedback-icon-invalid:        var(--#{$prefix}error-icon) !default;
@@ -1569,7 +1556,7 @@ $navbar-badge-margin-top:                   .375rem !default;
 // scss-docs-end orange-navbar-variables
 // End mod
 
-// Deprecated in v5.3.3: all `$navbar-dark-*`
+// OUDS mod: deprecated all `$navbar-dark-*` in OUDS Web, kept for Bootstrap compatibility
 $navbar-dark-border-color:          $gray-700 !default; // OUDS mod
 $navbar-dark-color:                 $white !default; // OUDS mod: instead of `rgba($white, .55)`
 $navbar-dark-hover-color:           $supporting-orange !default; // OUDS mod: instead of `rgba($white, .75)`
@@ -1580,7 +1567,7 @@ $navbar-dark-disabled-color:        $gray-700 !default; // OUDS mod: instead of
 $navbar-dark-toggler-border-color:  transparent !default; // OUDS mod: instead of `rgba($white, .1)`
 $navbar-dark-brand-color:           inherit !default; // OUDS mod: instead of `$navbar-dark-active-color`
 $navbar-dark-brand-hover-color:     $navbar-dark-active-color !default;
-
+// End mod
 
 // Dropdowns
 //
@@ -1619,11 +1606,11 @@ $dropdown-header-color:             null !default; // OUDS mod: instead of `$gra
 $dropdown-header-padding-x:         $dropdown-item-padding-x !default;
 $dropdown-header-padding-y:         $spacer !default; // OUDS mod: instead of `$dropdown-padding-y`
 // fusv-disable
-$dropdown-header-padding:           $dropdown-header-padding-y $dropdown-header-padding-x !default; // Deprecated in v5.2.0
+$dropdown-header-padding:           $dropdown-header-padding-y $dropdown-header-padding-x !default; // Deprecated in Bootstrap v5.2.0
 // fusv-enable
 // scss-docs-end dropdown-variables
 
-// Deprecated in v5.3.3: all `$dropdown-dark-*`
+// OUDS mod: deprecated all `$dropdown-dark-*` in OUDS Web, kept for Bootstrap compatibility
 $dropdown-dark-color:               $white !default; // OUDS mod
 $dropdown-dark-bg:                  $black !default; // OUDS mod
 $dropdown-dark-border-color:        $gray-700 !default; // OUDS mod
@@ -1636,6 +1623,7 @@ $dropdown-dark-link-active-color:   $black !default; // OUDS mod
 $dropdown-dark-link-active-bg:      $white !default; // OUDS mod
 $dropdown-dark-link-disabled-color: $gray-700 !default; // OUDS mod
 $dropdown-dark-header-color:        $white !default; // OUDS mod
+// End mod
 
 // Pagination
 
@@ -1658,13 +1646,14 @@ $pagination-margin-start:           0 !default; // OUDS mod: instead of `calc($p
 $pagination-margin-x-first-last:    $spacer * .5 !default; // OUDS mod
 $pagination-border-color:           transparent !default; // OUDS mod: instead of `var(--#{$prefix}border-color)`
 
-// Deprecated in v5.3.3
+// OUDS mod: deprecated all `$pagination-focus-*` in OUDS Web, kept for Bootstrap compatibility
 // fusv-disable
 $pagination-focus-color:            null !default; // OUDS mod
 $pagination-focus-bg:               null !default; // OUDS mod: instead of `var(--#{$prefix}secondary-bg)`
 $pagination-focus-box-shadow:       0 0 0 $focus-visible-inner-width var(--#{$prefix}focus-visible-inner-color) !default; // OUDS mod: no `$focus-ring-box-shadow`
 $pagination-focus-outline:          null !default; // OUDS mod
 // fusv-enable
+// End mod
 
 $pagination-hover-color:            var(--#{$prefix}body-color) !default; // OUDS mod: instead of `var(--#{$prefix}link-hover-color)`
 $pagination-hover-bg:               var(--#{$prefix}secondary-bg) !default; // OUDS mod: instead of `var(--#{$prefix}tertiary-bg)`
@@ -1709,9 +1698,11 @@ $placeholder-opacity-min:           .2 !default;
 // scss-docs-start card-variables
 $card-spacer-top:                   $spacer * .75 !default; // OUDS mod
 $card-spacer-bottom:                $spacer !default; // OUDS mod
+// OUDS mod: deprecated in OUDS Web, kept for Bootstrap compatibility
 // fusv-disable
-$card-spacer-y:                     $spacer !default; // Deprecated in v5.2.3
+$card-spacer-y:                     $spacer !default;
 // fusv-enable
+// End mod
 $card-spacer-x:                     $spacer !default;
 $card-title-spacer-y:               $spacer * .5 !default;
 $card-title-color:                  null !default;
@@ -1751,10 +1742,12 @@ $accordion-body-padding-top:              $spacer !default; // OUDS mod
 $accordion-body-padding-end:              0 !default; // OUDS mod
 $accordion-body-padding-bottom:           $spacer * 1.5 !default; // OUDS mod
 $accordion-body-padding-start:            0 !default; // OUDS mod
+// OUDS mod: deprecated in OUDS Web, kept for Bootstrap compatibility
 // fusv-disable
-$accordion-body-padding-y:                $spacer !default; // Deprecated in Boosted 5.2.3 to divide it in -padding<top | end | bottom |start>
-$accordion-body-padding-x:                $spacer !default; // Deprecated in Boosted 5.2.3 to divide it in -padding<top | end | bottom |start>
+$accordion-body-padding-y:                $spacer !default; // Deprecated in OUDS Web to divide it in -padding<top | end | bottom |start>
+$accordion-body-padding-x:                $spacer !default; // Deprecated in OUDS Web to divide it in -padding<top | end | bottom |start>
 // fusv-enable
+// End mod
 
 $accordion-button-padding-y:              $accordion-padding-y !default;
 $accordion-button-padding-x:              $accordion-padding-x !default;
@@ -1812,7 +1805,7 @@ $tooltip-margin:                    null !default; // TODO: remove this in v6
 $tooltip-arrow-width:               $spacer * .5 !default;
 $tooltip-arrow-height:              $tooltip-arrow-width * .5 !default;
 // fusv-disable
-$tooltip-arrow-color:               null !default; // Deprecated in Boosted 5.2.0 for CSS variables
+$tooltip-arrow-color:               null !default; // Deprecated in Bootstrap 5.2.0 for CSS variables
 // fusv-enable
 // scss-docs-end tooltip-variables
 
@@ -2091,10 +2084,6 @@ $title-bar-letter-spacing-md:       $display2-spacing !default;
 
 $title-bar-font-size-xl:            $display1-size !default;
 $title-bar-letter-spacing-xl:       $display1-spacing !default;
-
-// fusv-disable
-$title-bar-border-color-dark:       $gray-700 !default; // Deprecated in v5.3.3
-// fusv-enable
 // scss-docs-end title-bars-variables
 // End mod
 
@@ -2208,9 +2197,9 @@ $btn-close-border-width:        var(--#{$prefix}border-width) !default; // OUDS
 $btn-close-border-color:        transparent !default; // OUDS mod
 $btn-close-color:               var(--#{$prefix}emphasis-color) !default;
 $btn-close-bg:                  var(--#{$prefix}close-icon) !default; // OUDS mod
-// OUDS mod
+// OUDS mod: deprecated in OUDS Web, kept for Bootstrap compatibility
 // fusv-disable
-$btn-close-focus-shadow:        $btn-focus-box-shadow !default; // Deprecated in v5.3.0
+$btn-close-focus-shadow:        $btn-focus-box-shadow !default;
 // fusv-enable
 // End mod
 
@@ -2255,7 +2244,7 @@ $kbd-padding-x:                     $spacer * .05 !default;
 $kbd-font-size:                     $code-font-size !default;
 $kbd-color:                         var(--#{$prefix}kbd-color, $black) !default;
 $kbd-bg:                            var(--#{$prefix}kbd-bg, $gray-300) !default;
-$nested-kbd-font-weight:            null !default; // Deprecated in v5.2.0, removing in v6
+$nested-kbd-font-weight:            null !default; // Deprecated in Bootstrap v5.2.0, removing in v6
 
 $pre-color:                         var(--#{$prefix}code-color) !default;
 $pre-line-height:                   1.25 !default;
@@ -2297,9 +2286,6 @@ $stepped-process-counter:     step !default; // Used as a counter name
 $stepped-process-bg:          var(--#{$prefix}body-bg) !default;
 
 $step-item-padding:           7px !default;
-// fusv-disable
-$step-item-padding-end:       $step-item-padding * 2 !default; // Deprecated in v5.2.0
-// fusv-enable
 $step-item-margin-end:        var(--#{$prefix}border-width) !default;
 $step-item-bg:                var(--#{$prefix}secondary) !default;
 $step-item-active-bg:         $supporting-orange !default;
@@ -2380,9 +2366,6 @@ $footer-letter-spacing:                   $letter-spacing-base !default;
 $footer-accordion-line-height:            $spacer * 1.45 !default;
 $footer-accordion-active-color:           var(--#{$prefix}primary) !default;
 $footer-accordion-btn-hover-bg:           null !default;
-// fusv-disable
-$footer-nav-link-font-weight:             $font-weight-bold !default; // Deprecated in v5.3.3
-// fusv-enable
 
 $footer-title-content-padding-top:        $spacer * 1.25 !default;
 $footer-title-content-padding-bottom:     $spacer * 1.45 !default;