Issue #3470144: Starterkit changes between 10.2.4 and 11.0.1

bootstrap5.info.yml

@@ -4,7 +4,7 @@ description: 'Theme with Bootstrap 5 css library'
 core_version_requirement: ^9.4 || ^10
 'base theme': stable9
 starterkit: true
-generator: 'starterkit_theme:10.2.4'
+generator: 'starterkit_theme:10.3.2'
 
 libraries:
   - bootstrap5/base

css/components/details.css

@@ -14,9 +14,6 @@ details {
 details > .details-wrapper {
   padding: 0.5em 1.5em;
 }
-/* @todo Regression: The summary of noncollapsible details are no longer
-     vertically aligned with the .details-wrapper in browsers without native
-     details support. */
 summary {
   padding: 0.2em 0.5em;
   cursor: pointer;

css/components/dialog.css

@@ -13,7 +13,8 @@
   background: #fff;
 }
 
-@media all and (max-width: 48em) { /* 768px */
+@media all and (max-width: 48em) {
+  /* 768px */
   .ui-dialog {
     width: 92% !important;
   }

css/components/messages.css

@@ -7,9 +7,9 @@
   padding: 15px 20px 15px 35px; /* LTR */
   word-wrap: break-word;
   border: 1px solid;
-  border-width: 1px 1px 1px 0;  /* LTR */
+  border-width: 1px 1px 1px 0; /* LTR */
   border-radius: 2px;
-  background: no-repeat 10px 17px;  /* LTR */
+  background: no-repeat 10px 17px; /* LTR */
   overflow-wrap: break-word;
 }
 [dir="rtl"] .messages {
@@ -32,7 +32,7 @@
 }
 .messages--status {
   color: #325e1c;
-  border-color: #c9e1bd #c9e1bd #c9e1bd transparent;  /* LTR */
+  border-color: #c9e1bd #c9e1bd #c9e1bd transparent; /* LTR */
   background-color: #f3faef;
   background-image: url(../../images/icons/check.svg);
   box-shadow: -8px 0 0 #77b259; /* LTR */
@@ -44,7 +44,7 @@
 }
 .messages--warning {
   color: #734c00;
-  border-color: #f4daa6 #f4daa6 #f4daa6 transparent;  /* LTR */
+  border-color: #f4daa6 #f4daa6 #f4daa6 transparent; /* LTR */
   background-color: #fdf8ed;
   background-image: url(../../images/icons/warning.svg);
   box-shadow: -8px 0 0 #e09600; /* LTR */
@@ -55,7 +55,7 @@
 }
 .messages--error {
   color: #a51b00;
-  border-color: #f9c9bf #f9c9bf #f9c9bf transparent;  /* LTR */
+  border-color: #f9c9bf #f9c9bf #f9c9bf transparent; /* LTR */
   background-color: #fcf4f2;
   background-image: url(../../images/icons/error.svg);
   box-shadow: -8px 0 0 #e62600; /* LTR */

css/components/progress.css

@@ -23,9 +23,7 @@
   border: 1px #07629a solid;
   border-radius: 10em;
   background: #057ec9;
-  background-image:
-    linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)),
-    linear-gradient(to right bottom, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), linear-gradient(to right bottom, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
   background-size: 40px 40px;
 }
 [dir="rtl"] .progress__bar {
@@ -47,6 +45,14 @@
  * Progress bar animations.
  */
 @keyframes animate-stripes {
-  0% { background-position: 0 0, 0 0; }
-  100% { background-position: 0 0, -80px 0; }
+  0% {
+    background-position:
+      0 0,
+      0 0;
+  }
+  100% {
+    background-position:
+      0 0,
+      -80px 0;
+  }
 }

templates/content/node.html.twig

@@ -56,12 +56,6 @@
  * - view_mode: View mode; for example, "teaser" or "full".
  * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
  * - page: Flag for the full page state. Will be true if view_mode is 'full'.
- * - readmore: Flag for more state. Will be true if the teaser content of the
- *   node cannot hold the main body content.
- * - logged_in: Flag for authenticated user status. Will be true when the
- *   current user is a logged-in member.
- * - is_admin: Flag for admin user status. Will be true when the current user
- *   is an administrator.
  *
  * @see template_preprocess_node()
  *

templates/dataset/table.html.twig

@@ -30,6 +30,8 @@
  *     - content: The string to display in the table cell.
  *     - active_table_sort: A boolean indicating whether the cell is the active
          table sort.
+ *     - header: Boolean indicating whether the cell should be rendered as a
+ *       header (<th>) or not (<td>).
  * - footer: Table footer rows, in the same format as the rows variable.
  * - empty: The message to display in an extra row if table does not have
  *   any rows.

templates/form/container.html.twig

@@ -5,9 +5,9 @@
  *
  * Used for grouped form items. Can also be used as a theme wrapper for any
  * renderable element, to surround it with a <div> and HTML attributes.
- * See \Drupal\Core\Render\Element\RenderElement for more
+ * See \Drupal\Core\Render\Element\RenderElementBase for more
  * information on the #theme_wrappers render array property, and
- * \Drupal\Core\Render\Element\container for usage of the container render
+ * \Drupal\Core\Render\Element\Container for usage of the container render
  * element.
  *
  * Available variables:

templates/navigation/pager.html.twig

@@ -5,6 +5,7 @@
  *
  * Available variables:
  * - heading_id: Pagination heading ID.
+ * - pagination_heading_level: The heading level to use for the pager.
  * - items: List of pager items.
  *   The list is keyed by the following elements:
  *   - first: Item for the first page; not present on the first page of results.
@@ -32,7 +33,7 @@
 #}
 {% if items %}
   <nav class="pager"  role="navigation" aria-labelledby="{{ heading_id }}" aria-label="{{ 'Pagination'|t }}">
-    <h4 id="{{ heading_id }}" class="visually-hidden">{{ 'Pagination'|t }}</h4>
+    <{{ pagination_heading_level }} id="{{ heading_id }}" class="visually-hidden">{{ 'Pagination'|t }}</{{ pagination_heading_level }}>
     <ul class="pagination js-pager__items">
       {# Print first item if we are not on the first page. #}
       {% if items.first %}
@@ -68,7 +69,7 @@
           {% endif %}
           <a href="{{ item.href }}" title="{{ title }}"{{ item.attributes.addCLass('page-link')|without('href', 'title') }}>
             <span class="visually-hidden">
-              {{ current == key ? 'Current page'|t : 'Page'|t }}
+              {{ 'Page'|t }}
             </span>
             {{- key -}}
           </a>

templates/views/views-mini-pager.html.twig

@@ -5,6 +5,7 @@
  *
  * Available variables:
  * - heading_id: Pagination heading ID.
+ * - pagination_heading_level: The heading level to use for the pager.
  * - items: List of pager items.
  *
  * @see template_preprocess_views_mini_pager()
@@ -12,7 +13,7 @@
 #}
 {% if items.previous or items.next %}
   <nav class="pager" role="navigation" aria-labelledby="{{ heading_id }}">
-    <h4 id="{{ heading_id }}" class="pager__heading visually-hidden">{{ 'Pagination'|t }}</h4>
+    <{{ pagination_heading_level }} id="{{ heading_id }}" class="pager__heading visually-hidden">{{ 'Pagination'|t }}</{{ pagination_heading_level }}>
     <ul class="pager__items js-pager__items">
       {% if items.previous %}
         <li class="pager__item pager__item--previous">

templates/views/views-view-table.html.twig

@@ -38,7 +38,7 @@
     'views-view-table',
     'cols-' ~ header|length,
     responsive ? 'responsive-enabled',
-    sticky ? 'sticky-enabled',
+    sticky ? 'sticky-header',
   ]
 %}
 <table{{ attributes.addClass(classes) }}>