@openeuropa/bcl-theme-default 0.24.0 → 0.25.1

package/bcl-builder.config.js

@@ -107,6 +107,16 @@ module.exports = {
       to: path.resolve(outputFolder, "js"),
       options: { up: true },
     },
+    {
+      from: [
+        path.resolve(
+          nodeModules,
+          "@openeuropa/bcl-bootstrap/bootstrap-icons.svg"
+        ),
+      ],
+      to: path.resolve(outputFolder, "icons"),
+      options: { up: true },
+    },
     {
       from: [
         path.resolve(
@@ -125,12 +135,12 @@ module.exports = {
     {
       from: [`${nodeModules}/@ecl/resources-ec-logo/**/*.svg`],
       to: path.resolve(outputFolder, "logos/ec"),
-      options: { up: 6 },
+      options: { up: 7 },
     },
     {
       from: [`${nodeModules}/@ecl/resources-eu-logo/**/*.svg`],
       to: path.resolve(outputFolder, "logos/eu"),
-      options: { up: 6 },
+      options: { up: 7 },
     },
     {
       from: [

package/css/oe-bcl-default.css

@@ -7035,6 +7035,40 @@ textarea.form-control-lg {
     font-size: 1.5rem;
   }
 }
+.bcl-card-start-col {
+  -ms-flex-preferred-size: 160px;
+      flex-basis: 160px;
+  padding: 0;
+}
+.bcl-card-start-col.bcl-size-small {
+  -ms-flex-preferred-size: 120px;
+      flex-basis: 120px;
+}
+.bcl-card-start-col.bcl-size-large {
+  -ms-flex-preferred-size: 255px;
+      flex-basis: 255px;
+}
+.bcl-card-start-col.bcl-size-extra-large {
+  -ms-flex-preferred-size: 350px;
+      flex-basis: 350px;
+}
+
+.row .bcl-card-start-col {
+  margin-left: calc(var(--bs-gutter-x) * 0.5);
+  margin-right: calc(var(--bs-gutter-x) * 0.5);
+}
+
+@media (max-width: 767.98px) {
+  .bcl-content-banner .bcl-card-start-col {
+    margin: 0 auto;
+    padding: 0 calc(var(--bs-gutter-x) * 0.5);
+  }
+}
+@media (max-width: 991.98px) {
+  .bcl-content-banner .bcl-card-start-col.bcl-size-extra-large {
+    margin: 0 auto;
+  }
+}
 /* stylelint-disable no-descending-specificity */
 a {
   text-underline-offset: 2px;
@@ -14504,6 +14538,17 @@ Due to the split circle of progress-left and progress right, we must use the ani
             transform: rotate(180deg);
   }
 }
+dd {
+  margin-bottom: 0;
+}
+dd > div + div {
+  margin-top: 0.5rem;
+}
+
+dd + dd {
+  margin-top: 0.5rem;
+}
+
 @media (max-width: 767.98px) {
   dd + dt {
     margin-top: 0.75rem;