OEL-4327: Add module-friendly BCL entry and declare partial deps.

src/themes/default/src/scss/_accordion.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 .accordion-button {
   &:focus-visible {
     box-shadow: none;

src/themes/default/src/scss/_alert.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 .alert-light {
   border-color: $light;
   background: $white;

src/themes/default/src/scss/_badge.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 // Standalone badges
 .badge {
   font-size: $badge-font-size;

src/themes/default/src/scss/_banners.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 /* stylelint-disable no-descending-specificity, declaration-no-important */
 // Banners
 .bcl-banner {

src/themes/default/src/scss/_bcl-theme.scss

@@ -0,0 +1,12 @@
+// Shared Sass dependencies for BCL components.
+// This file keeps using @import internally because Bootstrap 5 still relies on the global scope.
+// Consumers should @use this file to ensure the legacy globals are available without errors.
+@import "@openeuropa/bcl-bootstrap/scss/functions";
+@import "@openeuropa/bcl-bootstrap/scss/variables";
+@import "@openeuropa/bcl-bootstrap/scss/maps";
+@import "@openeuropa/bcl-bootstrap/scss/mixins";
+@import "@openeuropa/bcl-bootstrap/scss/utilities";
+
+@import "base/colors";
+@import "base/variables";
+@import "base/mixins";

src/themes/default/src/scss/_blockquote.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 //Blockquote
 .blockquote-footer {
   color: $text-muted;

src/themes/default/src/scss/_breadcrumb.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 @include media-breakpoint-down(md) {
   .breadcrumb-item + .breadcrumb-item {
     padding-left: 0;

src/themes/default/src/scss/_button.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 // Button
 .btn {
   display: inline-flex;

src/themes/default/src/scss/_card.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 .card {
   border-color: $gray-300;
 }

src/themes/default/src/scss/_carousel.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 // stylelint-disable no-descending-specificity
 $indicator-size: 8px;
 

src/themes/default/src/scss/_circular-progress-bar.scss

@@ -1,5 +1,7 @@
 @use "sass:math";
 
+@import "./bcl-theme";
+
 //styling
 $borderWidth: 12px;
 $animationTime: 1s;

src/themes/default/src/scss/_collapse.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 [data-bs-toggle="collapse"] {
   &[aria-expanded="false"] .text-collapsed {
     display: none;

src/themes/default/src/scss/_description_list.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 dd {
   margin-bottom: 0;
 

src/themes/default/src/scss/_footer.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 // stylelint-disable declaration-no-important, no-descending-specificity
 
 $footer-border-color: #adb5bd !default;

src/themes/default/src/scss/_gallery.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 .bcl-gallery {
   .bcl-gallery__thumbnails {
     border-radius: $border-radius;

src/themes/default/src/scss/_header.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 // header
 $header-background: #004494 !default;
 $header-background-start: #039 !default;

src/themes/default/src/scss/_icon.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 // icon
 
 $icon: (

src/themes/default/src/scss/_inpage-navigation.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 /* stylelint-disable no-descending-specificity */
 .bcl-sidebar:has(> .bcl-inpage-navigation) {
   position: sticky;

src/themes/default/src/scss/_input.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 /* stylelint-disable no-duplicate-selectors, selector-no-qualifying-type, no-descending-specificity */
 
 $default-border-color: $gray-600;

src/themes/default/src/scss/_language-list.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 // stylelint-disable no-descending-specificity
 
 .bcl-language-list {

src/themes/default/src/scss/_mega-menu.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 /* stylelint-disable no-descending-specificity, declaration-no-important */
 
 /* -------------------------------------

src/themes/default/src/scss/_multiselect-2.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 /* stylelint-disable selector-no-qualifying-type,
    selector-max-class, selector-max-compound-selectors,
    no-descending-specificity,

src/themes/default/src/scss/_multiselect.scss

@@ -1,11 +1,13 @@
+@import "./bcl-theme";
+
+$primary-color: $primary;
+@import "slim-select/src/slim-select/slimselect.scss";
+
 /* stylelint-disable selector-no-qualifying-type,
    selector-max-class, selector-max-compound-selectors,
    no-descending-specificity,
    function-calc-no-unspaced-operator,
 */
-@use "slim-select/src/slim-select/slimselect.scss" with (
-  $primary-color: $primary
-);
 
 // Multiselect Spacers
 $multiselect-spacers: (

src/themes/default/src/scss/_pagination-v2.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 // Pagination V2 overrides scoped to `.pagination-v2`.
 .pagination-v2 {
   // Keep the navigation landmark borderless to match Bootstrap defaults.

src/themes/default/src/scss/_pagination.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 /* stylelint-disable no-descending-specificity */
 .pagination {
   flex-wrap: wrap;

src/themes/default/src/scss/_reset.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 // General reset
 body {
   // needed for full-width banner

src/themes/default/src/scss/_search-form.scss

@@ -1,5 +1,7 @@
 @use "sass:math";
 
+@import "./bcl-theme";
+
 // Search form Spacers
 $search-spacers: (
   "icon-spacer-left": map-get($spacers, 3),

src/themes/default/src/scss/_spinners.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 .spinner-border-lg {
   width: 3rem;
   height: 3rem;

src/themes/default/src/scss/_tabs.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 // stylelint-disable no-descending-specificity
 .nav {
   &.bcl__nav {

src/themes/default/src/scss/_timeline.scss

@@ -1,3 +1,5 @@
+@import "./bcl-theme";
+
 /* stylelint-disable declaration-no-important */
 // timeline
 .bcl-timeline {

src/themes/default/src/scss/base/_layout.scss

@@ -1,3 +1,5 @@
+@import "../bcl-theme";
+
 @include media-breakpoint-down(md) {
   .bcl-sidebar {
     .dropdown-toggle,

src/themes/default/src/scss/base/_utilities.scss

@@ -1,3 +1,5 @@
+@import "../bcl-theme";
+
 $utilities: map-merge(
   $utilities,
   (

src/themes/default/src/scss/color_scheme/_alert.scss

@@ -1,9 +1,11 @@
+@use "sass:math";
+
+@import "@openeuropa/bcl-theme-default/src/scss/bcl-theme";
+
 // Color scheme - Alert
 
 // No longer using $alert-bg-scale, $alert-border-scale, $alert-color-scale variables because they are deprecated in bootstrap 5.3.x
 
-@use "sass:math";
-
 @mixin generate-alerts($color, $value) {
   $bg: shift-color($value, -80%);
   $border: shift-color($value, -70%);

src/themes/default/src/scss/color_scheme/_background.scss

@@ -1,3 +1,5 @@
+@import "@openeuropa/bcl-theme-default/src/scss/bcl-theme";
+
 // Color scheme - Background
 
 @mixin generate-background($color, $value) {

src/themes/default/src/scss/color_scheme/_badges.scss

@@ -1,3 +1,5 @@
+@import "@openeuropa/bcl-theme-default/src/scss/bcl-theme";
+
 // Color scheme - List Group
 
 @mixin generate-badges($color, $value) {

src/themes/default/src/scss/color_scheme/_buttons.scss

@@ -1,3 +1,5 @@
+@import "@openeuropa/bcl-theme-default/src/scss/bcl-theme";
+
 // Color scheme - buttons
 
 @mixin generate-buttons($color, $value) {

src/themes/default/src/scss/color_scheme/_link.scss

@@ -1,3 +1,5 @@
+@import "@openeuropa/bcl-theme-default/src/scss/bcl-theme";
+
 @mixin generate-link($color, $value) {
   // Links
   $link-hover-color: shift-color($value, $link-shade-percentage);

src/themes/default/src/scss/color_scheme/_list_group.scss

@@ -1,7 +1,9 @@
-// Color scheme - List Group
-
 @use "sass:math";
 
+@import "@openeuropa/bcl-theme-default/src/scss/bcl-theme";
+
+// Color scheme - List Group
+
 @mixin generate-list-group($color, $value) {
   $bg: shift-color($value, -80%);
   $text: $value;

src/themes/default/src/scss/color_scheme/_text.scss

@@ -1,3 +1,5 @@
+@import "@openeuropa/bcl-theme-default/src/scss/bcl-theme";
+
 // Color scheme - Text
 
 @mixin generate-text($color, $value) {

src/themes/default/src/scss/color_scheme/_utilities.scss

@@ -1,3 +1,5 @@
+@import "@openeuropa/bcl-theme-default/src/scss/bcl-theme";
+
 // Color scheme - utilities
 
 @mixin generate-utilities($color, $value) {

src/themes/default/src/scss/color_scheme/generator.scss

@@ -1,3 +1,14 @@
+@import "@openeuropa/bcl-theme-default/src/scss/bcl-theme";
+@import "@openeuropa/bcl-theme-default/src/scss/color-scheme-variables";
+@import "@openeuropa/bcl-theme-default/src/scss/color_scheme/background";
+@import "@openeuropa/bcl-theme-default/src/scss/color_scheme/text";
+@import "@openeuropa/bcl-theme-default/src/scss/color_scheme/link";
+@import "@openeuropa/bcl-theme-default/src/scss/color_scheme/alert";
+@import "@openeuropa/bcl-theme-default/src/scss/color_scheme/buttons";
+@import "@openeuropa/bcl-theme-default/src/scss/color_scheme/list_group";
+@import "@openeuropa/bcl-theme-default/src/scss/color_scheme/badges";
+@import "@openeuropa/bcl-theme-default/src/scss/color_scheme/utilities";
+
 @each $scheme-name, $scheme-array in $colors-schemes {
   .#{$scheme-name} {
     $theme-colors-rgb: map-loop($scheme-array, to-rgb, "$value");