@ons/design-system 70.0.8 → 70.0.10

package/components/hero/_macro.njk

@@ -3,10 +3,10 @@
     {# Set number of columns used for hero content after medium breakpoint #}
     {% set detailsColumns = params.detailsColumns | default ('8') %}
 
-    <section class="ons-hero ons-grid--gutterless{% if params.variants %}{% if params.variants is not string %}{% for variant in params.variants %} ons-hero--{{ variant }}{% endfor %}{% else %} ons-hero--{{ params.variants }}{% endif %}{% endif %}">
-
+    <section
+        class="ons-hero ons-grid--gutterless{% if params.variants and params.variants is not string %}{% for variant in params.variants %}{{ ' ' }}ons-hero--{{ variant }}{% endfor %}{% else %}{{ ' ' }}ons-hero--{{ params.variants }}{% endif %}"
+    >
         <div class="ons-hero__container ons-container{{ ' ons-container--wide' if params.wide }}">
-
             <div class="ons-hero__details ons-grid__col ons-col-{{ detailsColumns }}@m ons-col-10@s@m">
                 <header>
                     <h1 class="ons-hero__title ons-u-fs-xxxl">{{ params.title }}</h1>
@@ -21,7 +21,7 @@
 
                 {% if params.button %}
                     {% from "components/button/_macro.njk" import onsButton %}
-                    {% set btnClasses = params.button.classes if params.button.classes else '' %}
+                    {% set btnClasses = params.button.classes if params.button.classes %}
                     {% if params.variants and 'dark' in params.variants %}
                         {% set btnClasses = btnClasses + ' ons-btn--ghost' %}
                     {% endif %}
@@ -35,17 +35,12 @@
                     }}
                 {% endif %}
                 {% if caller %}
-                    <div class="ons-hero__additional-content">
-                        {{- caller() -}}
-                    </div>
+                    <div class="ons-hero__additional-content">{{- caller() -}}</div>
                 {% endif %}
             </div>
             {% if params.html %}
-                <div class="ons-hero__additional-html">
-                    {{- params.html | safe -}}
-                </div>
+                <div class="ons-hero__additional-html">{{- params.html | safe -}}</div>
             {% endif %}
         </div>
-
     </section>
 {% endmacro %}

package/components/hero/example-hero-dark.njk

@@ -1,6 +1,7 @@
 ---
-"fullWidth": true
+'fullWidth': true
 ---
+
 {% from "components/hero/_macro.njk" import onsHero %}
 {{
     onsHero({

package/components/hero/example-hero-default.njk

@@ -1,6 +1,7 @@
 ---
-"fullWidth": true
+'fullWidth': true
 ---
+
 {% from "components/hero/_macro.njk" import onsHero %}
 {{
     onsHero({