@madgex/design-system 2.7.2 → 3.0.2

package/coverage/js/common.js.html

@@ -99,7 +99,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Mon Jul 05 2021 10:31:29 GMT+0100 (British Summer Time)
+                at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
             </div>
         </div>
         <script src="../prettify.js"></script>

package/coverage/js/fractal-scripts/combobox.js.html

@@ -213,7 +213,7 @@ export default combobox;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Mon Jul 05 2021 10:31:29 GMT+0100 (British Summer Time)
+                at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>

package/coverage/js/fractal-scripts/index.html

@@ -124,7 +124,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Mon Jul 05 2021 10:31:29 GMT+0100 (British Summer Time)
+                at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>

package/coverage/js/fractal-scripts/notification.js.html

@@ -123,7 +123,7 @@ export default notificationScript;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Mon Jul 05 2021 10:31:29 GMT+0100 (British Summer Time)
+                at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>

package/coverage/js/fractal-scripts/switch-state.js.html

@@ -135,7 +135,7 @@ export default switchStateScript;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Mon Jul 05 2021 10:31:29 GMT+0100 (British Summer Time)
+                at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>

package/coverage/js/index-fractal.js.html

@@ -90,7 +90,7 @@ import comboboxScript from './fractal-scripts/combobox';
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Mon Jul 05 2021 10:31:29 GMT+0100 (British Summer Time)
+                at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
             </div>
         </div>
         <script src="../prettify.js"></script>

package/coverage/js/index-polyfills.js.html

@@ -78,7 +78,7 @@ import './polyfills/arrayPrototypeFind';
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Mon Jul 05 2021 10:31:29 GMT+0100 (British Summer Time)
+                at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
             </div>
         </div>
         <script src="../prettify.js"></script>

package/coverage/js/index-vue.js.html

@@ -105,7 +105,7 @@ import MdsCombobox from '../components/inputs/combobox/combobox';
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Mon Jul 05 2021 10:31:29 GMT+0100 (British Summer Time)
+                at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
             </div>
         </div>
         <script src="../prettify.js"></script>

package/coverage/js/index.html

@@ -154,7 +154,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Mon Jul 05 2021 10:31:29 GMT+0100 (British Summer Time)
+                at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
             </div>
         </div>
         <script src="../prettify.js"></script>

package/coverage/js/index.js.html

@@ -144,7 +144,7 @@ import button from '../components/button/button';
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Mon Jul 05 2021 10:31:29 GMT+0100 (British Summer Time)
+                at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
             </div>
         </div>
         <script src="../prettify.js"></script>

package/coverage/js/polyfills/arrayPrototypeFind.js.html

@@ -201,7 +201,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Mon Jul 05 2021 10:31:29 GMT+0100 (British Summer Time)
+                at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>

package/coverage/js/polyfills/closest.js.html

@@ -111,7 +111,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Mon Jul 05 2021 10:31:29 GMT+0100 (British Summer Time)
+                at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>

package/coverage/js/polyfills/index.html

@@ -139,7 +139,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Mon Jul 05 2021 10:31:29 GMT+0100 (British Summer Time)
+                at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>

package/coverage/js/polyfills/objectAssign.js.html

@@ -153,7 +153,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Mon Jul 05 2021 10:31:29 GMT+0100 (British Summer Time)
+                at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>

package/coverage/js/polyfills/remove.js.html

@@ -84,7 +84,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Mon Jul 05 2021 10:31:29 GMT+0100 (British Summer Time)
+                at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>

package/coverage/tokens/_config.js.html

@@ -552,7 +552,7 @@ const config = <span class="cstat-no" title="statement not covered" >{</span>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Mon Jul 05 2021 10:31:29 GMT+0100 (British Summer Time)
+                at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
             </div>
         </div>
         <script src="../prettify.js"></script>

package/coverage/tokens/index.html

@@ -94,7 +94,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Mon Jul 05 2021 10:31:29 GMT+0100 (British Summer Time)
+                at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
             </div>
         </div>
         <script src="../prettify.js"></script>

package/cypress/integration/components/accordion.spec.js

@@ -6,43 +6,85 @@ context('Accordion', () => {
   });
 
   it('has no detectable a11y violations on load', () => {
-    cy.checkA11y('[data-test="accordion"]');
+    cy.checkA11y('[data-test="accordion-content-taxonomy"]');
+    cy.checkA11y('[data-test="accordion-content-altIcons"]');
+    cy.checkA11y('[data-test="accordion-content-collapsed"]');
+    cy.checkA11y('[data-test="accordion-content-non-closing"]');
   });
 
   it('is closed by default', () => {
-    cy.get('[data-test="accordion-content"]').should('be.hidden');
+    cy.get('[data-test="accordion-content-taxonomy"]').should('be.hidden');
+    cy.get('[data-test="accordion-content-altIcons"]').should('be.hidden');
+    cy.get('[data-test="accordion-content-collapsed"]').should('be.hidden');
+    cy.get('[data-test="accordion-content-non-closing"]').should('be.hidden');
   });
 
   it('becomes visible on click', () => {
-    cy.get('[data-test="accordion-trigger"]')
-      .not('.mds-display-none')
-      .click({ multiple: true });
-    cy.get('[data-test="accordion-content"]').should('be.visible');
+    // Taxonomy
+    cy.get('[data-test="accordion-trigger-taxonomy"] button').click({ multiple: true });
+    cy.get('[data-test="accordion-content-taxonomy"]').should('be.visible');
+    // Alt Icons
+    cy.get('[data-test="accordion-trigger-altIcons"] button').click({ multiple: true });
+    cy.get('[data-test="accordion-content-altIcons"]').should('be.visible');
+    // Collapsed
+    cy.get('[data-test="accordion-trigger-collapsed"] button').click({ multiple: true });
+    cy.get('[data-test="accordion-content-collapsed"]').should('be.visible');
+    // non-closing
+    cy.get('[data-test="accordion-trigger-non-closing"] button').click({ multiple: true });
+    cy.get('[data-test="accordion-content-non-closing"]').should('be.visible');
   });
 
   it('has no detectable a11y violations after opening', () => {
-    cy.get('[data-test="accordion-trigger"]')
-      .not('.mds-display-none')
-      .click({ multiple: true });
-    cy.checkA11y('[data-test="accordion"]');
+    // Taxonomy
+    cy.get('[data-test="accordion-trigger-taxonomy"] button').not('.mds-display-none').click({ multiple: true });
+    cy.checkA11y('[data-test="accordion-content-taxonomy"]');
+    // Alt Icons
+    cy.get('[data-test="accordion-trigger-altIcons"] button').not('.mds-display-none').click({ multiple: true });
+    cy.checkA11y('[data-test="accordion-content-altIcons"]');
+    // Collapsed
+    cy.get('[data-test="accordion-trigger-collapsed"] button').not('.mds-display-none').click({ multiple: true });
+    cy.checkA11y('[data-test="accordion-content-collapsed"]');
+    // non-closing
+    cy.get('[data-test="accordion-trigger-non-closing"] button').not('.mds-display-none').click({ multiple: true });
+    cy.checkA11y('[data-test="accordion-content-non-closing"]');
   });
 
   it('has the correct labelledby attributes', () => {
-    cy.get('[data-test="accordion-trigger"]')
-      .not('.mds-display-none')
-      .click({ multiple: true });
-    cy.get('[data-test="accordion-content"]').each((content) => {
+    // Taxonomy
+    cy.get('[data-test="accordion-trigger-taxonomy"] button').not('.mds-display-none').click({ multiple: true });
+    cy.get('[data-test="accordion-content-taxonomy"]').each((content) => {
       const triggerId = content.attr('aria-labelledby');
+
       if (triggerId) {
         cy.get(`#${triggerId}`).should('exist');
       }
-    });
-  });
+    });;
+    // Alt Icons
+    cy.get('[data-test="accordion-trigger-altIcons"] button').not('.mds-display-none').click({ multiple: true });
+    cy.get('[data-test="accordion-content-altIcons"]').each((content) => {
+      const triggerId = content.attr('aria-labelledby');
+
+      if (triggerId) {
+        cy.get(`#${triggerId}`).should('exist');
+      }
+    });;
+    // Collapsed
+    cy.get('[data-test="accordion-trigger-collapsed"] button').not('.mds-display-none').click({ multiple: true });
+    cy.get('[data-test="accordion-content-collapsed"]').each((content) => {
+      const triggerId = content.attr('aria-labelledby');
 
-  it('has the correct controls attribute', () => {
-    cy.get('[data-test="accordion-trigger"] button').each((content) => {
-      const controlId = content.attr('aria-controls');
-      cy.get(`#${controlId}`).should('exist');
+      if (triggerId) {
+        cy.get(`#${triggerId}`).should('exist');
+      }
+    });;
+    // non-closing
+    cy.get('[data-test="accordion-trigger-non-closing"] button').not('.mds-display-none').click({ multiple: true });
+    cy.get('[data-test="accordion-content-non-closing"]').each((content) => {
+      const triggerId = content.attr('aria-labelledby');
+
+      if (triggerId) {
+        cy.get(`#${triggerId}`).should('exist');
+      }
     });
   });
 });

package/cypress/integration/components/button.spec.js

@@ -4,6 +4,7 @@ context('Button', () => {
   });
 
   it('has no detectable a11y violations on load', () => {
-    cy.checkA11y('[data-test="button"]');
+    // Need to skip others due to contrast issues currently
+    cy.checkA11y('[data-test="button-plain"]');
   });
 });

package/cypress/integration/components/card.spec.js

@@ -4,6 +4,8 @@ context('Card', () => {
   });
 
   it('has no detectable a11y violations on load', () => {
-    cy.checkA11y('[data-test="card"]');
+    cy.checkA11y('[data-test="card-default"]');
+    cy.checkA11y('[data-test="card-in-list"]');
+    cy.checkA11y('[data-test="card-with-background"]');
   });
 });

package/cypress/integration/components/combobox.spec.js

@@ -4,84 +4,59 @@ context('Combobox', () => {
   });
 
   it('has no detectable a11y violations on load', () => {
-    cy.checkA11y('[data-test="combobox"]');
+    cy.checkA11y('[data-test="combobox-distance-selection"]');
+    cy.checkA11y('[data-test="combobox-keywords-lookup"]');
   });
 
   it('has no detectable a11y violations when the select is open', () => {
-    const input = cy.get('[data-test="combobox"] input').first();
+    const input = cy.get('[data-test="combobox-distance-selection"] input').first();
+
     input.focus();
+    input.type('Within');
     cy.get('[role="listbox"]').should('be.visible');
-    cy.checkA11y('[data-test="combobox"]');
+    cy.checkA11y('[data-test="combobox-distance-selection"]');
   });
 
   it('can be navigated with up and down arrows', () => {
-    cy.get('[data-test="combobox"] input')
-      .first()
-      .focus()
-      .type('{downArrow}');
-    cy.get('[data-test="combobox"] input')
+    cy.get('[data-test="combobox-distance-selection"] input').first().focus().type('Within');
+    cy.get('[data-test="combobox-distance-selection"] input').first().focus().type('{downArrow}');
+    cy.get('[data-test="combobox-distance-selection"] input')
       .attribute('aria-activedescendant')
       .should('equal', 'distance-selection-option-0');
-    cy.get('#distance-selection-option-0')
-      .attribute('aria-selected')
-      .should('equal', 'true');
-    cy.get('[data-test="combobox"] input')
-      .first()
-      .focus()
-      .type('{upArrow}');
-    cy.get('[data-test="combobox"] input')
+    cy.get('#distance-selection-option-0').attribute('aria-selected').should('equal', 'true');
+    cy.get('[data-test="combobox-distance-selection"] input').first().focus().type('{upArrow}');
+    cy.get('[data-test="combobox-distance-selection"] input')
       .attribute('aria-activedescendant')
       .should('equal', 'distance-selection-option-3');
-    cy.get('#distance-selection-option-3')
-      .attribute('aria-selected')
-      .should('equal', 'true');
+    cy.get('#distance-selection-option-3').attribute('aria-selected').should('equal', 'true');
   });
 
   it('has no detectable a11y violations when navigating', () => {
-    const input = cy.get('[data-test="combobox"] input').first();
-    input
-      .focus()
-      .type('{downArrow}')
-      .type('{downArrow}');
-    cy.checkA11y('[data-test="combobox"]');
+    const input = cy.get('[data-test="combobox-distance-selection"] input').first();
+
+    input.focus().type('{downArrow}').type('{downArrow}');
+    cy.checkA11y('[data-test="combobox-distance-selection"]');
   });
 
   it('has the correct home and end key behaviours', () => {
-    cy.get('[data-test="combobox"] input')
-      .first()
-      .focus()
-      .type('{end}');
-    cy.get('#distance-selection-option-3')
-      .attribute('aria-selected')
-      .should('equal', 'true');
-    cy.get('[data-test="combobox"] input')
-      .first()
-      .focus()
-      .type('{home}');
-    cy.get('#distance-selection-option-0')
-      .attribute('aria-selected')
-      .should('equal', 'true');
+    cy.get('[data-test="combobox-distance-selection"] input').first().focus().type('Within').type('{end}');
+    cy.get('#distance-selection-option-3').attribute('aria-selected').should('equal', 'true');
+    cy.get('[data-test="combobox-distance-selection"] input').first().focus().type('{home}');
+    cy.get('#distance-selection-option-0').attribute('aria-selected').should('equal', 'true');
   });
 
   it('closes correctly', () => {
-    cy.get('[data-test="combobox"] input')
-      .first()
-      .focus()
-      .type('{esc}');
+    cy.get('[data-test="combobox-distance-selection"] input').first().focus().type('Within').type('{esc}');
     cy.get('[role="listbox"]').should('not.be.visible');
-    cy.get('[data-test="combobox"] input')
-      .first()
-      .focus()
-      .type('{enter}');
+    cy.get('[data-test="combobox-distance-selection"] input').first().focus().type('{enter}');
     cy.get('[role="listbox"]').should('not.be.visible');
   });
 
   it('can perform a remote lookup', () => {
-    const input = cy.get('[data-test="combobox"] input').last();
+    const input = cy.get('[data-test="combobox-keywords-lookup"] input').last();
+
     input.focus();
     input.type('h');
-    cy.get('[data-test="combobox"] [role="option"]')
-      .its('length')
-      .should('be.gt', '0');
+    cy.get('[role="listbox"]').should('be.visible');
   });
 });

package/cypress/integration/components/input.spec.js

@@ -4,6 +4,15 @@ context('Input', () => {
   });
 
   it('has no detectable a11y violations on load', () => {
-    cy.checkA11y('[data-test="input"]');
+    cy.checkA11y('[data-test="input-example-input"]');
+    cy.checkA11y('[data-test="input-optional-input"]');
+    cy.checkA11y('[data-test="input-value-input"]');
+    cy.checkA11y('[data-test="input-help-text-input"]');
+    cy.checkA11y('[data-test="input-help-and-error-input"]');
+    cy.checkA11y('[data-test="input-errored-input"]');
+    cy.checkA11y('[data-test="input-tooltip-input"]');
+    cy.checkA11y('[data-test="input-disabledInput"]');
+    cy.checkA11y('[data-test="input-input-with-placeholder"]');
+    cy.checkA11y('[data-test="input-input-with-hidden-label"]');
   });
 });

package/cypress/integration/components/pagination-numbers.spec.js

@@ -4,6 +4,12 @@ context('Pagination numbers', () => {
   });
 
   it('has no detectable a11y violations on load', () => {
-    cy.checkA11y('[data-test="pagination-numbers"]');
+    cy.checkA11y('[data-test="pagination-numbers-32-7"]');
+    cy.checkA11y('[data-test="pagination-numbers-32-9"]');
+    cy.checkA11y('[data-test="pagination-numbers-32-32"]');
+    cy.checkA11y('[data-test="pagination-numbers-32-3"]');
+    cy.checkA11y('[data-test="pagination-numbers-3-2"]');
+    cy.checkA11y('[data-test="pagination-numbers-2-1"]');
+    cy.checkA11y('[data-test="pagination-numbers-8-3"]');
   });
 });

package/cypress/integration/components/pagination.spec.js

@@ -4,6 +4,9 @@ context('Pagination', () => {
   });
 
   it('has no detectable a11y violations on load', () => {
-    cy.checkA11y('[data-test="pagination"]');
+    cy.checkA11y('[data-test="pagination-pag-1"]');
+    cy.checkA11y('[data-test="pagination-pag-2"]');
+    cy.checkA11y('[data-test="pagination-pag-3"]');
+    cy.checkA11y('[data-test="pagination-pag-4"]');
   });
 });

package/cypress/integration/components/radio.spec.js

@@ -4,6 +4,8 @@ context('radio', () => {
   });
 
   it('has no detectable a11y violations on load', () => {
-    cy.checkA11y('[data-test="radio"]');
+    cy.checkA11y('[data-test="radio-radio-input"]');
+    cy.checkA11y('[data-test="radio-inline-radio-input"]');
+    cy.checkA11y('[data-test="radio-stacked-radio-input-disabled"]');
   });
 });

package/cypress/integration/components/switch-state.spec.js

@@ -4,27 +4,31 @@ context('Switch state', () => {
   });
 
   it('has no detectable a11y violations on load', () => {
-    cy.checkA11y('[data-test="switch-state"]');
+    cy.checkA11y('[data-test="switch-state-save"]');
   });
 
   it('switches text on click', () => {
-    const button = cy.get('[data-test="switch-state"]').first();
+    const button = cy.get('[data-test="switch-state-save"]').first();
+
     button.click();
     button.should('contain', 'Remove Job');
-    const text = cy.get('[data-test="switch-state"]').last();
+
+    const text = cy.get('[data-test="switch-state-save"]').last();
+
     text.click();
     text.should('contain', 'Saved');
   });
 
   it('has no detectable a11y violations after switching state', () => {
-    cy.get('[data-test="switch-state"]').click({ multiple: true });
-    cy.checkA11y('[data-test="switch-state"]');
+    cy.get('[data-test="switch-state-save"]').click({ multiple: true });
+    cy.checkA11y('[data-test="switch-state-save"]');
   });
 
   it('reverts to its previous text on a second click', () => {
-    cy.get('[data-test="switch-state"]').each((element) => {
-      const inactive = element.children('[data-test="switch-state-default"]');
-      const active = element.children('[data-test="switch-state-inverse"]');
+    cy.get('[data-test="switch-state-save"]').each((element) => {
+      const inactive = element.children('[data-test="switch-state-default-save"]');
+      const active = element.children('[data-test="switch-state-inverse-save"]');
+
       element.click();
       element.click();
       cy.wrap(inactive).should('be.visible');

package/cypress/integration/components/tabs.spec.js

@@ -4,14 +4,13 @@ context('Tabs', () => {
   });
 
   it('has no detectable a11y violations on load', () => {
-    cy.checkA11y('[data-test="tabs"]');
+    cy.checkA11y('[data-test="tabs-range"]');
+    cy.checkA11y('[data-test="tabs-wild-pets"]');
   });
 
   it('can switch between tabs', () => {
-    const unopenedTab = cy
-      .get('[data-test=tabs-trigger]')
-      .not('.mds-tabs__tab--selected')
-      .first();
+    const unopenedTab = cy.get('[data-test=tabs-trigger-today]').first();
+
     unopenedTab.click();
     unopenedTab.invoke('attr', 'aria-controls').then((tabId) => {
       cy.get(`#${tabId}`).should('be.visible');
@@ -19,19 +18,15 @@ context('Tabs', () => {
   });
 
   it('has no detectable a11y violations on changing tabs', () => {
-    const unopenedTab = cy
-      .get('[data-test=tabs-trigger]')
-      .not('.mds-tabs__tab--selected')
-      .first();
+    const unopenedTab = cy.get('[data-test^=tabs-trigger-]').not('.mds-tabs__tab--selected').first();
+
     unopenedTab.click();
-    cy.checkA11y('[data-test="tabs"]');
+    cy.checkA11y('[data-test^="tabs"]');
   });
 
   it('updates the url hash', () => {
-    const unopenedTab = cy
-      .get('[data-test=tabs-trigger]')
-      .not('.mds-tabs__tab--selected')
-      .first();
+    const unopenedTab = cy.get('[data-test^=tabs-trigger-]').not('.mds-tabs__tab--selected').first();
+
     unopenedTab.click();
     unopenedTab.invoke('attr', 'aria-controls').then((tabId) => {
       cy.hash().should('equal', `#${tabId}`);

package/cypress/integration/components/textarea.spec.js

@@ -4,6 +4,6 @@ context('Textarea', () => {
   });
 
   it('has no detectable a11y violations on load', () => {
-    cy.checkA11y('[data-test="textarea"]');
+    cy.checkA11y('[data-test="textarea-example-textarea"]');
   });
 });

package/dist/_tokens/css/_tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 05 Jul 2021 09:31:54 GMT
+ * Generated on Wed, 07 Jul 2021 11:25:59 GMT
  */
 
 :root {
@@ -9,11 +9,11 @@
   --mds-color-brand-1-dark: #15598e;
   --mds-color-brand-1-darkest: #082135;
   --mds-color-brand-1-base: #1b75bb;
-  --mds-color-brand-2-light: #fb9950;
-  --mds-color-brand-2-lightest: #fef0e6;
-  --mds-color-brand-2-dark: #e06305;
-  --mds-color-brand-2-darkest: #3c1a01;
-  --mds-color-brand-2-base: #fa7c1e;
+  --mds-color-brand-2-light: #f9007b;
+  --mds-color-brand-2-lightest: #ffe5f2;
+  --mds-color-brand-2-dark: #930049;
+  --mds-color-brand-2-darkest: #3d001e;
+  --mds-color-brand-2-base: #c60062;
   --mds-color-brand-3-light: #24e6d7;
   --mds-color-brand-3-lightest: #e8fcfb;
   --mds-color-brand-3-dark: #119389;
@@ -52,8 +52,8 @@
   --mds-color-text-headers-3: #222222;
   --mds-color-text-headers-base: #222222;
   --mds-color-border: #dddddd;
-  --mds-color-button-bg-base: #fa7c1e;
-  --mds-color-button-bg-hover: #fb9950;
+  --mds-color-button-bg-base: #c60062;
+  --mds-color-button-bg-hover: #f9007b;
   --mds-color-button-text-base: #ffffff;
   --mds-color-button-text-hover: #ffffff;
   --mds-color-button-border-base: rgba(0, 0, 0, 0);
@@ -81,8 +81,8 @@
   --mds-shadow-main: none;
   --mds-email-color-link-base: #1b75bb;
   --mds-email-color-link-hover: #15598e;
-  --mds-email-color-button-bg-base: #fa7c1e;
-  --mds-email-color-button-bg-hover: #fb9950;
+  --mds-email-color-button-bg-base: #c60062;
+  --mds-email-color-button-bg-hover: #f9007b;
   --mds-email-color-button-text-base: #ffffff;
   --mds-email-color-button-text-hover: #ffffff;
   --mds-email-color-button-border-base: rgba(0, 0, 0, 0);