@react-md/core 1.0.0-next.7 → 1.0.0-next.9

package/src/form/__tests__/__snapshots__/FileInput.tsx.snap

@@ -12,7 +12,7 @@ exports[`FileInput should apply the correct styling, HTMLAttributes, and allow a
     file_upload
   </span>
   <span
-    class="rmd-typography rmd-typography--body-1 rmd-sr-only"
+    class="rmd-sr-only"
   >
     Upload
   </span>
@@ -37,7 +37,7 @@ exports[`FileInput should apply the correct styling, HTMLAttributes, and allow a
     file_upload
   </span>
   <span
-    class="rmd-typography rmd-typography--body-1 rmd-sr-only"
+    class="rmd-sr-only"
   >
     Upload
   </span>
@@ -63,7 +63,7 @@ exports[`FileInput should render as an icon button unless children are provided
     file_upload
   </span>
   <span
-    class="rmd-typography rmd-typography--body-1 rmd-sr-only"
+    class="rmd-sr-only"
   >
     Upload
   </span>
@@ -87,7 +87,7 @@ exports[`FileInput should render as an icon button unless children are provided
     file_upload
   </span>
   <span
-    class="rmd-typography rmd-typography--body-1 rmd-sr-only"
+    class="rmd-sr-only"
   >
     Upload
   </span>
@@ -165,7 +165,7 @@ exports[`FileInput should support all the  button themes 1`] = `
     file_upload
   </span>
   <span
-    class="rmd-typography rmd-typography--body-1 rmd-sr-only"
+    class="rmd-sr-only"
   >
     Upload
   </span>
@@ -189,7 +189,7 @@ exports[`FileInput should support all the  button themes 2`] = `
     file_upload
   </span>
   <span
-    class="rmd-typography rmd-typography--body-1 rmd-sr-only"
+    class="rmd-sr-only"
   >
     Upload
   </span>
@@ -213,7 +213,7 @@ exports[`FileInput should support all the  button themes 3`] = `
     file_upload
   </span>
   <span
-    class="rmd-typography rmd-typography--body-1 rmd-sr-only"
+    class="rmd-sr-only"
   >
     Upload
   </span>
@@ -237,7 +237,7 @@ exports[`FileInput should support all the  button themes 4`] = `
     file_upload
   </span>
   <span
-    class="rmd-typography rmd-typography--body-1 rmd-sr-only"
+    class="rmd-sr-only"
   >
     Upload
   </span>
@@ -261,7 +261,7 @@ exports[`FileInput should support all the  button themes 5`] = `
     file_upload
   </span>
   <span
-    class="rmd-typography rmd-typography--body-1 rmd-sr-only"
+    class="rmd-sr-only"
   >
     Upload
   </span>
@@ -285,7 +285,7 @@ exports[`FileInput should support all the  button themes 6`] = `
     file_upload
   </span>
   <span
-    class="rmd-typography rmd-typography--body-1 rmd-sr-only"
+    class="rmd-sr-only"
   >
     Upload
   </span>
@@ -309,7 +309,7 @@ exports[`FileInput should support all the  button themes 7`] = `
     file_upload
   </span>
   <span
-    class="rmd-typography rmd-typography--body-1 rmd-sr-only"
+    class="rmd-sr-only"
   >
     Upload
   </span>
@@ -333,7 +333,7 @@ exports[`FileInput should support all the  button themes 8`] = `
     file_upload
   </span>
   <span
-    class="rmd-typography rmd-typography--body-1 rmd-sr-only"
+    class="rmd-sr-only"
   >
     Upload
   </span>
@@ -357,7 +357,7 @@ exports[`FileInput should support all the  button themes 9`] = `
     file_upload
   </span>
   <span
-    class="rmd-typography rmd-typography--body-1 rmd-sr-only"
+    class="rmd-sr-only"
   >
     Upload
   </span>
@@ -381,7 +381,7 @@ exports[`FileInput should support all the  button themes 10`] = `
     file_upload
   </span>
   <span
-    class="rmd-typography rmd-typography--body-1 rmd-sr-only"
+    class="rmd-sr-only"
   >
     Upload
   </span>
@@ -405,7 +405,7 @@ exports[`FileInput should support all the  button themes 11`] = `
     file_upload
   </span>
   <span
-    class="rmd-typography rmd-typography--body-1 rmd-sr-only"
+    class="rmd-sr-only"
   >
     Upload
   </span>
@@ -429,7 +429,7 @@ exports[`FileInput should support all the  button themes 12`] = `
     file_upload
   </span>
   <span
-    class="rmd-typography rmd-typography--body-1 rmd-sr-only"
+    class="rmd-sr-only"
   >
     Upload
   </span>
@@ -453,7 +453,7 @@ exports[`FileInput should support all the  button themes 13`] = `
     file_upload
   </span>
   <span
-    class="rmd-typography rmd-typography--body-1 rmd-sr-only"
+    class="rmd-sr-only"
   >
     Upload
   </span>
@@ -477,7 +477,7 @@ exports[`FileInput should support all the  button themes 14`] = `
     file_upload
   </span>
   <span
-    class="rmd-typography rmd-typography--body-1 rmd-sr-only"
+    class="rmd-sr-only"
   >
     Upload
   </span>
@@ -501,7 +501,7 @@ exports[`FileInput should support all the  button themes 15`] = `
     file_upload
   </span>
   <span
-    class="rmd-typography rmd-typography--body-1 rmd-sr-only"
+    class="rmd-sr-only"
   >
     Upload
   </span>
@@ -525,7 +525,7 @@ exports[`FileInput should support all the  button themes 16`] = `
     file_upload
   </span>
   <span
-    class="rmd-typography rmd-typography--body-1 rmd-sr-only"
+    class="rmd-sr-only"
   >
     Upload
   </span>
@@ -549,7 +549,7 @@ exports[`FileInput should support all the  button themes 17`] = `
     file_upload
   </span>
   <span
-    class="rmd-typography rmd-typography--body-1 rmd-sr-only"
+    class="rmd-sr-only"
   >
     Upload
   </span>
@@ -573,7 +573,7 @@ exports[`FileInput should support all the  button themes 18`] = `
     file_upload
   </span>
   <span
-    class="rmd-typography rmd-typography--body-1 rmd-sr-only"
+    class="rmd-sr-only"
   >
     Upload
   </span>
@@ -598,7 +598,7 @@ exports[`FileInput should update the default SrOnly text to be phoneOnly when th
     file_upload
   </span>
   <span
-    class="rmd-typography rmd-typography--body-1 rmd-phone-sr-only"
+    class="rmd-phone-sr-only"
   >
     Upload
   </span>

package/src/form/__tests__/__snapshots__/MenuItemCheckbox.tsx.snap

@@ -0,0 +1,96 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`MenuItemCheckbox should allow for a custom unchecked and checked icon 1`] = `
+<li
+  aria-checked="false"
+  class="rmd-list-item rmd-list-item--medium rmd-interaction-surface rmd-checkbox-menu-item rmd-menu-item-input-toggle"
+  id="menu-item-:r1:"
+  role="menuitemcheckbox"
+  tabindex="-1"
+>
+  <span
+    class="rmd-list-item__text"
+  >
+    Checkbox
+  </span>
+  <span
+    class="rmd-checkbox rmd-input-toggle rmd-icon--after rmd-list-item__addon rmd-menu-item-input-toggle__icon"
+  />
+</li>
+`;
+
+exports[`MenuItemCheckbox should allow for a custom unchecked and checked icon 2`] = `
+<li
+  aria-checked="true"
+  class="rmd-list-item rmd-list-item--medium rmd-interaction-surface rmd-checkbox-menu-item rmd-menu-item-input-toggle"
+  id="menu-item-:r1:"
+  role="menuitemcheckbox"
+  tabindex="-1"
+>
+  <span
+    class="rmd-list-item__text"
+  >
+    Checkbox
+  </span>
+  <span
+    class="rmd-checkbox rmd-input-toggle rmd-input-toggle--active rmd-icon--after rmd-list-item__addon rmd-menu-item-input-toggle__icon"
+  >
+    <span
+      data-testid="checked"
+    />
+  </span>
+</li>
+`;
+
+exports[`MenuItemCheckbox should apply the correct styling, HTMLAttributes, and allow a ref 1`] = `
+<li
+  aria-checked="false"
+  class="rmd-list-item rmd-list-item--medium rmd-interaction-surface rmd-checkbox-menu-item rmd-menu-item-input-toggle"
+  id="menu-item-:r0:"
+  role="menuitemcheckbox"
+  tabindex="-1"
+>
+  <span
+    class="rmd-checkbox rmd-input-toggle rmd-icon--before rmd-list-item__addon rmd-list-item__addon--before rmd-menu-item-input-toggle__icon"
+  >
+    <span
+      aria-hidden="true"
+      class="rmd-icon rmd-icon--font material-icons"
+    >
+      check_box_outline_blank
+    </span>
+  </span>
+  <span
+    class="rmd-list-item__text"
+  >
+    Checkbox
+  </span>
+</li>
+`;
+
+exports[`MenuItemCheckbox should apply the correct styling, HTMLAttributes, and allow a ref 2`] = `
+<li
+  aria-checked="false"
+  class="rmd-list-item rmd-list-item--medium rmd-interaction-surface rmd-checkbox-menu-item rmd-menu-item-input-toggle custom-class-name"
+  id="menu-item-:r0:"
+  role="menuitemcheckbox"
+  style="color: white;"
+  tabindex="-1"
+>
+  <span
+    class="rmd-checkbox rmd-input-toggle rmd-icon--before rmd-list-item__addon rmd-list-item__addon--before rmd-menu-item-input-toggle__icon"
+  >
+    <span
+      aria-hidden="true"
+      class="rmd-icon rmd-icon--font material-icons"
+    >
+      check_box_outline_blank
+    </span>
+  </span>
+  <span
+    class="rmd-list-item__text"
+  >
+    Checkbox
+  </span>
+</li>
+`;

package/src/form/__tests__/__snapshots__/MenuItemRadio.tsx.snap

@@ -0,0 +1,96 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`MenuItemRadio should allow for a custom unchecked and checked icon 1`] = `
+<li
+  aria-checked="false"
+  class="rmd-list-item rmd-list-item--medium rmd-interaction-surface rmd-radio-menu-item rmd-menu-item-input-toggle"
+  id="menu-item-:r1:"
+  role="menuitemradio"
+  tabindex="-1"
+>
+  <span
+    class="rmd-list-item__text"
+  >
+    Radio
+  </span>
+  <span
+    class="rmd-radio rmd-input-toggle rmd-icon--after rmd-list-item__addon rmd-menu-item-input-toggle__icon"
+  />
+</li>
+`;
+
+exports[`MenuItemRadio should allow for a custom unchecked and checked icon 2`] = `
+<li
+  aria-checked="true"
+  class="rmd-list-item rmd-list-item--medium rmd-interaction-surface rmd-radio-menu-item rmd-menu-item-input-toggle"
+  id="menu-item-:r1:"
+  role="menuitemradio"
+  tabindex="-1"
+>
+  <span
+    class="rmd-list-item__text"
+  >
+    Radio
+  </span>
+  <span
+    class="rmd-radio rmd-input-toggle rmd-input-toggle--active rmd-icon--after rmd-list-item__addon rmd-menu-item-input-toggle__icon"
+  >
+    <span
+      data-testid="checked"
+    />
+  </span>
+</li>
+`;
+
+exports[`MenuItemRadio should apply the correct styling, HTMLAttributes, and allow a ref 1`] = `
+<li
+  aria-checked="false"
+  class="rmd-list-item rmd-list-item--medium rmd-interaction-surface rmd-radio-menu-item rmd-menu-item-input-toggle"
+  id="menu-item-:r0:"
+  role="menuitemradio"
+  tabindex="-1"
+>
+  <span
+    class="rmd-radio rmd-input-toggle rmd-icon--before rmd-list-item__addon rmd-list-item__addon--before rmd-menu-item-input-toggle__icon"
+  >
+    <span
+      aria-hidden="true"
+      class="rmd-icon rmd-icon--font material-icons"
+    >
+      radio_button_unchecked
+    </span>
+  </span>
+  <span
+    class="rmd-list-item__text"
+  >
+    Radio
+  </span>
+</li>
+`;
+
+exports[`MenuItemRadio should apply the correct styling, HTMLAttributes, and allow a ref 2`] = `
+<li
+  aria-checked="false"
+  class="rmd-list-item rmd-list-item--medium rmd-interaction-surface rmd-radio-menu-item rmd-menu-item-input-toggle custom-class-name"
+  id="menu-item-:r0:"
+  role="menuitemradio"
+  style="color: white;"
+  tabindex="-1"
+>
+  <span
+    class="rmd-radio rmd-input-toggle rmd-icon--before rmd-list-item__addon rmd-list-item__addon--before rmd-menu-item-input-toggle__icon"
+  >
+    <span
+      aria-hidden="true"
+      class="rmd-icon rmd-icon--font material-icons"
+    >
+      radio_button_unchecked
+    </span>
+  </span>
+  <span
+    class="rmd-list-item__text"
+  >
+    Radio
+  </span>
+</li>
+`;