@ons/design-system 67.0.4 → 67.0.6

package/components/access-code/example-access-code-error.njk

@@ -58,28 +58,25 @@ layout: ~
         "classes": "ons-u-mb-xl"
     }) }}
 
-    <h2>If you don’t have an access code</h2>
+    <h2>If you do not have an access code</h2>
     <p>
-        You can <a href="#0">request a new access code</a> to start a new study if you have lost or not received an access code. This can be sent to you by text or post.
+        If you have lost or not received an access code, you can <a href="#0">request a new access code</a>.
+        This can be sent to you by text or post.
     </p>
 
     {% set content %}
-        <p>If you need to answer separately from the people you live with, you can <a href='#0'>request an individual access code</a> to start a separate study.</p>
+        <p>If you need to answer separately from the people you live with, you can <a href="#0">request an individual access code</a>.</p>
         {% call onsPanel({
                 "type": "warn"
             })
         %}
-            Someone in your household must still complete a study using a household access code
+            Someone in your household must still complete a study using this household access code
         {% endcall %}
     {% endset %}
 
     {% call onsDetails({
             "id": "details-access-code-error",
-            "title": "Need to answer separately from your household?",
-            "button": {
-                "close": "Hide this",
-                "contextSuffix": "content"
-            }
+        "title": "Need to answer separately from your household?"
         })
     %}
         {{ content | safe }}

package/components/access-code/example-access-code.njk

@@ -34,28 +34,25 @@ layout: ~
         "classes": "ons-u-mb-xl"
     }) }}
 
-    <h2>If you don’t have an access code</h2>
+    <h2>If you do not have an access code</h2>
     <p>
-        You can <a href="#0">request a new access code</a> to start a new study if you have lost or not received an access code. This can be sent to you by text or post.
+        If you have lost or not received an access code, you can <a href="#0">request a new access code</a>.
+        This can be sent to you by text or post.
     </p>
 
     {% set content %}
-        <p>If you need to answer separately from the people you live with, you can <a href='#0'>request an individual access code</a> to start a separate study.</p>
+        <p>If you need to answer separately from the people you live with, you can <a href="#0">request an individual access code</a>.</p>
         {% call onsPanel({
                 type: "warn"
             })
         %}
-            Someone in your household must still complete a study using a household access code
+            Someone in your household must still complete a study using this household access code
         {% endcall %}
     {% endset %}
 
     {% call onsDetails({
-            id: "details",
-            title: "Need to answer separately from your household?",
-            button: {
-                "close": "Hide this",
-                "contextSuffix": "content"
-            }
+        "id": "details",
+        "title": "Need to answer separately from your household?"
         })
     %}
         {{ content | safe }}

package/components/char-check-limit/character-limit.js

@@ -44,11 +44,11 @@ export default class CharLimit {
 
   track(remaining) {
     if (remaining < 1) {
-      trackEvent('send', {
-        hitType: 'event',
-        eventCategory: 'Error',
-        eventAction: 'Textarea limit reached',
-        eventLabel: `Limit of ${this.maxLength} reached/exceeded`,
+      trackEvent({
+        event_type: 'event',
+        event_category: 'Error',
+        event_action: 'Textarea limit reached',
+        event_label: `Limit of ${this.maxLength} reached/exceeded`,
       });
     }
   }

package/components/navigation/_navigation.scss

@@ -47,12 +47,14 @@
     border-left: 4px solid transparent;
     display: block;
     margin: 0 0 0.2rem;
-    &--active {
+    &--active,
+    &:hover {
       border-color: var(--ons-color-white);
     }
 
     .ons-navigation--sub-mobile & {
-      &--active {
+      &--active,
+      &:hover {
         border-color: var(--ons-color-branded);
         li {
           border: 0;