Issue #3473099: Fix the base CSS classname 'stock-status' => 'product-availability'

templates/commerce-product-availability-product-availability-default.html.twig

@@ -22,13 +22,13 @@
 
 {% set attributes = create_attribute() %}
 {% set classes = [
-  'stock-status',
-  availability_status ? ('stock-status--' ~ availability_indicator)|clean_class,
+  'product-availability',
+  availability_status ? ('product-availability--' ~ availability_indicator)|clean_class,
 ] %}
 
 {% set delivery_time_label %}
   {% block delivery_time_label %}
-    <strong class="stock-status__delivery-time-label">{{ 'Estimated delivery'|t ~ ': ' }}</strong>
+    <strong class="product-availability__delivery-time-label">{{ 'Estimated delivery'|t ~ ': ' }}</strong>
   {% endblock delivery_time_label %}
 {% endset %}
 
@@ -36,22 +36,22 @@
   <div{{ attributes.addClass(classes) }}>
     {% if availability_status %}
       {% block availability_status %}
-        <div class="stock-status__availability-status">
-          <strong class="stock-status__availability-status-label">{{ 'Stock status'|t ~ ': ' }}</strong>
-          <span class="stock-status__availability-status-value">
+        <div class="product-availability__availability-status">
+          <strong class="product-availability__availability-status-label">{{ 'Stock status'|t ~ ': ' }}</strong>
+          <span class="product-availability__availability-status-value">
             {% if availability_indicator %}
-              <span class="stock-status__availability-status-icon stock-status__availability-status-icon--{{ availability_indicator|clean_class }}">&#9951;</span>
+              <span class="product-availability__availability-status-icon product-availability__availability-status-icon--{{ availability_indicator|clean_class }}">&#9951;</span>
             {% endif %}
-            <span class="stock-status__availability-status-string">{{ availability_status_label }}</span>
+            <span class="product-availability__availability-status-string">{{ availability_status_label }}</span>
           </span>
         </div>
       {% endblock availability_status %}
     {% endif %}
     {% if availability_date %}
       {% block availability_date %}
-        <div class="stock-status__availability-date">
-          <strong class="stock-status__availability-date-label">{{ 'Available on'|t ~ ': ' }}</strong>
-          <time{{ attributes.addClass('stock-status__availability-date-value') }}>{{ availability_date }}</time>
+        <div class="product-availability__availability-date">
+          <strong class="product-availability__availability-date-label">{{ 'Available on'|t ~ ': ' }}</strong>
+          <time{{ attributes.addClass('product-availability__availability-date-value') }}>{{ availability_date }}</time>
         </div>
       {% endblock availability_date %}
     {% endif %}
@@ -59,19 +59,19 @@
       {% if min_delivery_period and max_delivery_period %}
         {# Show as timespan #}
         {% block delivery_period_timespan %}
-          <div class="stock-status__delivery-time stock-status__delivery-time--timespan">
+          <div class="product-availability__delivery-time product-availability__delivery-time--timespan">
             {{ delivery_time_label }}
-            <div class="stock-status__delivery-time-value">
-              <span class="stock-status__delivery-time-min">{{- min_delivery_period -}}</span>-<span class="stock-status__delivery-time-max">{{- max_delivery_period -}}</span><span class="stock-status__delivery-time-suffix"> {{ 'days'|t }}</span>
+            <div class="product-availability__delivery-time-value">
+              <span class="product-availability__delivery-time-min">{{- min_delivery_period -}}</span>-<span class="product-availability__delivery-time-max">{{- max_delivery_period -}}</span><span class="product-availability__delivery-time-suffix"> {{ 'days'|t }}</span>
             </div>
           </div>
         {% endblock delivery_period_timespan %}
       {% else %}
         {% if min_delivery_period %}
           {% block delivery_period_min %}
-            <div class="stock-status__delivery-time stock-status__delivery-time--min">
+            <div class="product-availability__delivery-time product-availability__delivery-time--min">
               {{ delivery_time_label }}
-              <div class="stock-status__delivery-time-value">
+              <div class="product-availability__delivery-time-value">
                 {{ min_delivery_period }} {{ 'days'|t }}
               </div>
             </div>
@@ -79,9 +79,9 @@
         {% endif %}
         {% if max_delivery_period %}
           {% block delivery_period_max %}
-            <div class="stock-status__delivery-time stock-status__delivery-time--max">
+            <div class="product-availability__delivery-time product-availability__delivery-time--max">
               {{ delivery_time_label }}
-              <div class="stock-status__delivery-time-value">
+              <div class="product-availability__delivery-time-value">
                 {{ max_delivery_period }} {{ 'days'|t }}
               </div>
             </div>