@ons/design-system 53.0.0 → 53.0.1

package/components/hero/_macro.njk

@@ -42,9 +42,13 @@
 
             {% if params.button is defined and params.button %}
                 {% from "components/button/_macro.njk" import onsButton %}
+                {% set btnClasses = params.button.classes if params.button.classes is defined and params.button.classes else '' %}
+                {% if skinName == 'dark' %}
+                    {% set btnClasses = btnClasses + ' ons-btn--ghost' %}
+                {% endif %}
                 {{
                     onsButton({
-                        "classes": params.button.classes if params.button.classes is defined and params.button.classes else '',
+                        "classes": btnClasses,
                         "type": 'button',
                         "text": params.button.text,
                         "url": params.button.url

package/components/hero/_macro.spec.js

@@ -158,6 +158,15 @@ describe('macro: hero', () => {
       expect(buttonSpy.occurrences[0]).toHaveProperty('text', 'Get started');
       expect(buttonSpy.occurrences[0]).toHaveProperty('url', '#0');
     });
+
+    it('outputs the correct button class with `dark` theme', () => {
+      const faker = templateFaker();
+      const buttonSpy = faker.spy('button');
+
+      faker.renderComponent('hero', { ...EXAMPLE_HERO_WITH_BUTTON, variants: 'dark' });
+
+      expect(buttonSpy.occurrences[0]).toHaveProperty('classes', ' ons-btn--ghost');
+    });
   });
 
   describe('mode: with pre-title image', () => {

package/layout/_template.njk

@@ -157,6 +157,7 @@
                                 "phase": pageConfig.phase,
                                 "assetsURL": assetsURL,
                                 "serviceLinks": pageConfig.serviceLinks,
+                                "noMasthead": pageConfig.header.noMasthead,
                                 "orgLogo": pageConfig.header.orgLogo,
                                 "orgMobileLogo": pageConfig.header.orgMobileLogo,
                                 "orgLogoAlt": pageConfig.header.orgLogoAlt,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ons/design-system",
   "description": "ONS Design System built CSS, JS, and Nunjucks templates",
-  "version": "53.0.0",
+  "version": "53.0.1",
   "main": "index.js",
   "license": "MIT",
   "author": {