@react-md/core 1.0.0-next.15 → 1.0.0-next.16

package/src/button/__tests__/__snapshots__/Button.tsx.snap

@@ -1,573 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Button floating action buttons should allow for custom props to be passed to the wrapper span element 1`] = `
-<span
-  class="rmd-fab rmd-fab--bl custom-class-name"
-  style="z-index: 20;"
->
-  <button
-    aria-label="Button"
-    class="rmd-button rmd-button--icon rmd-button--contained rmd-background-container rmd-secondary-container rmd-interaction-surface"
-    type="button"
-  />
-</span>
-`;
-
-exports[`Button floating action buttons should allow for responsive icon with label behavior by enabling the responsive prop and using the SrOnly component 1`] = `
-<button
-  class="rmd-button rmd-button--icon rmd-button--responsive rmd-interaction-surface"
-  type="button"
->
-  <span
-    aria-hidden="true"
-    class="rmd-icon rmd-icon--font material-icons"
-  >
-    favorite
-  </span>
-  <span
-    class="rmd-phone-sr-only"
-  >
-    Label
-  </span>
-</button>
-`;
-
-exports[`Button floating action buttons should default to a secondary themed contained icon button if the floating behavior is enabled 1`] = `
-<span
-  class="rmd-fab rmd-fab--br"
->
-  <button
-    aria-label="Button"
-    class="rmd-button rmd-button--icon rmd-button--contained rmd-background-container rmd-secondary-container rmd-interaction-surface"
-    type="button"
-  />
-</span>
-`;
-
-exports[`Button floating action buttons should default to a secondary themed contained icon button if the floating behavior is enabled 2`] = `
-<span
-  class="rmd-fab rmd-fab--tr"
->
-  <button
-    aria-label="Button"
-    class="rmd-button rmd-button--icon rmd-button--contained rmd-background-container rmd-secondary-container rmd-interaction-surface"
-    type="button"
-  />
-</span>
-`;
-
-exports[`Button floating action buttons should default to a secondary themed contained icon button if the floating behavior is enabled 3`] = `
-<span
-  class="rmd-fab rmd-fab--tl"
->
-  <button
-    aria-label="Button"
-    class="rmd-button rmd-button--icon rmd-primary-color rmd-outline rmd-primary-outline rmd-interaction-surface"
-    type="button"
-  />
-</span>
-`;
-
-exports[`Button floating action buttons should default to a secondary themed contained icon button if the floating behavior is enabled 4`] = `
-<span
-  class="rmd-fab rmd-fab--tl"
->
-  <button
-    class="rmd-button rmd-button--text rmd-outline rmd-greyscale-outline rmd-interaction-surface"
-    type="button"
-  >
-    <span>
-      Content
-    </span>
-  </button>
-</span>
-`;
-
-exports[`Button floating action buttons should support the small and large icon button sizes which also defaults to the icon buttonType for convenience 1`] = `
-<button
-  class="rmd-button rmd-button--icon rmd-button--small rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Button
-  </span>
-</button>
-`;
-
-exports[`Button floating action buttons should support the small and large icon button sizes which also defaults to the icon buttonType for convenience 2`] = `
-<button
-  class="rmd-button rmd-button--icon rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Button
-  </span>
-</button>
-`;
-
-exports[`Button floating action buttons should support the small and large icon button sizes which also defaults to the icon buttonType for convenience 3`] = `
-<button
-  class="rmd-button rmd-button--icon rmd-button--large rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Button
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 1`] = `
-<button
-  class="rmd-button rmd-button--text rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 2`] = `
-<button
-  class="rmd-button rmd-button--text rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 3`] = `
-<button
-  class="rmd-button rmd-button--text rmd-outline rmd-greyscale-outline rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 4`] = `
-<button
-  class="rmd-button rmd-button--text rmd-button--contained rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 5`] = `
-<button
-  class="rmd-button rmd-button--text rmd-primary-color rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 6`] = `
-<button
-  class="rmd-button rmd-button--text rmd-primary-color rmd-outline rmd-primary-outline rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 7`] = `
-<button
-  class="rmd-button rmd-button--text rmd-button--contained rmd-background-container rmd-primary-container rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 8`] = `
-<button
-  class="rmd-button rmd-button--text rmd-secondary-color rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 9`] = `
-<button
-  class="rmd-button rmd-button--text rmd-secondary-color rmd-outline rmd-secondary-outline rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 10`] = `
-<button
-  class="rmd-button rmd-button--text rmd-button--contained rmd-background-container rmd-secondary-container rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 11`] = `
-<button
-  class="rmd-button rmd-button--text rmd-warning-color rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 12`] = `
-<button
-  class="rmd-button rmd-button--text rmd-warning-color rmd-outline rmd-warning-outline rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 13`] = `
-<button
-  class="rmd-button rmd-button--text rmd-button--contained rmd-background-container rmd-warning-container rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 14`] = `
-<button
-  class="rmd-button rmd-button--text rmd-error-color rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 15`] = `
-<button
-  class="rmd-button rmd-button--text rmd-error-color rmd-outline rmd-error-outline rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 16`] = `
-<button
-  class="rmd-button rmd-button--text rmd-button--contained rmd-background-container rmd-error-container rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 17`] = `
-<button
-  aria-disabled="true"
-  class="rmd-button rmd-button--text rmd-button--disabled rmd-text-disabled-color rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 18`] = `
-<button
-  aria-disabled="true"
-  class="rmd-button rmd-button--text rmd-button--disabled rmd-text-disabled-color rmd-outline rmd-greyscale-outline rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 19`] = `
-<button
-  aria-disabled="true"
-  class="rmd-button rmd-button--text rmd-button--disabled rmd-text-disabled-color rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 20`] = `
-<button
-  class="rmd-button rmd-button--icon rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 21`] = `
-<button
-  class="rmd-button rmd-button--icon rmd-outline rmd-greyscale-outline rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 22`] = `
-<button
-  class="rmd-button rmd-button--icon rmd-button--contained rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 23`] = `
-<button
-  class="rmd-button rmd-button--icon rmd-primary-color rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 24`] = `
-<button
-  class="rmd-button rmd-button--icon rmd-primary-color rmd-outline rmd-primary-outline rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 25`] = `
-<button
-  class="rmd-button rmd-button--icon rmd-button--contained rmd-background-container rmd-primary-container rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 26`] = `
-<button
-  class="rmd-button rmd-button--icon rmd-secondary-color rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 27`] = `
-<button
-  class="rmd-button rmd-button--icon rmd-secondary-color rmd-outline rmd-secondary-outline rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 28`] = `
-<button
-  class="rmd-button rmd-button--icon rmd-button--contained rmd-background-container rmd-secondary-container rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 29`] = `
-<button
-  class="rmd-button rmd-button--icon rmd-warning-color rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 30`] = `
-<button
-  class="rmd-button rmd-button--icon rmd-warning-color rmd-outline rmd-warning-outline rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 31`] = `
-<button
-  class="rmd-button rmd-button--icon rmd-button--contained rmd-background-container rmd-warning-container rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 32`] = `
-<button
-  class="rmd-button rmd-button--icon rmd-error-color rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 33`] = `
-<button
-  class="rmd-button rmd-button--icon rmd-error-color rmd-outline rmd-error-outline rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 34`] = `
-<button
-  class="rmd-button rmd-button--icon rmd-button--contained rmd-background-container rmd-error-container rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 35`] = `
-<button
-  aria-disabled="true"
-  class="rmd-button rmd-button--icon rmd-button--disabled rmd-text-disabled-color rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 36`] = `
-<button
-  aria-disabled="true"
-  class="rmd-button rmd-button--icon rmd-button--disabled rmd-text-disabled-color rmd-outline rmd-greyscale-outline rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should allow for the different themes 37`] = `
-<button
-  aria-disabled="true"
-  class="rmd-button rmd-button--icon rmd-button--disabled rmd-text-disabled-color rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should apply the correct styling, HTML attributes, and allow a ref 1`] = `
-<button
-  class="rmd-button rmd-button--text rmd-interaction-surface"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should apply the correct styling, HTML attributes, and allow a ref 2`] = `
-<button
-  class="rmd-button rmd-button--text rmd-interaction-surface custom-class-name"
-  style="color: white;"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`Button should wrap text children in span elements to enable higher contrast unless the higher contrast is disabled 1`] = `
-<button
-  class="rmd-button rmd-button--text rmd-interaction-surface"
-  type="button"
->
-  Content
-</button>
-`;
-
-exports[`Button should wrap text children in span elements to enable higher contrast unless the higher contrast is disabled 2`] = `
-<button
-  class="rmd-button rmd-button--text rmd-interaction-surface"
-  type="button"
->
-  <strong>
-    Strong Content
-  </strong>
-</button>
-`;

package/src/button/__tests__/__snapshots__/ButtonUnstyled.tsx.snap

@@ -1,22 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ButtonUnstyled should apply the correct styling, HTML attributes, and allow a ref 1`] = `
-<button
-  class="rmd-button-unstyled"
-  type="button"
->
-  Content
-</button>
-`;
-
-exports[`ButtonUnstyled should apply the correct styling, HTML attributes, and allow a ref 2`] = `
-<button
-  class="rmd-button-unstyled custom-class-name"
-  style="color: white;"
-  type="button"
->
-  Content
-</button>
-`;
-
-exports[`ButtonUnstyled styling utility class should be callable without any arguments 1`] = `"rmd-button-unstyled"`;

package/src/button/__tests__/__snapshots__/TooltippedButton.tsx.snap

@@ -1,26 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`TooltippedButton should apply the correct styling, HTML attributes, and allow a ref 1`] = `
-<button
-  class="rmd-button rmd-button--icon rmd-interaction-surface"
-  id=":r0:"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;
-
-exports[`TooltippedButton should apply the correct styling, HTML attributes, and allow a ref 2`] = `
-<button
-  class="rmd-button rmd-button--icon rmd-interaction-surface custom-class-name"
-  id=":r0:"
-  style="color: white;"
-  type="button"
->
-  <span>
-    Content
-  </span>
-</button>
-`;

package/src/button/__tests__/__snapshots__/buttonStyles.ts.snap

@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`button should be callable without any arguments 1`] = `"rmd-button rmd-button--text rmd-interaction-surface"`;
-
-exports[`button should force the buttonType to icon if the iconSize option exists 1`] = `"rmd-button rmd-button--icon rmd-button--small rmd-interaction-surface"`;
-
-exports[`button should force the buttonType to icon if the iconSize option exists 2`] = `"rmd-button rmd-button--icon rmd-interaction-surface"`;
-
-exports[`button should force the buttonType to icon if the iconSize option exists 3`] = `"rmd-button rmd-button--icon rmd-button--large rmd-interaction-surface"`;
-
-exports[`button should force the buttonType to icon if the iconSize option exists 4`] = `"rmd-button rmd-button--icon rmd-button--large rmd-interaction-surface"`;

package/src/button/__tests__/buttonStyles.ts

@@ -1,15 +0,0 @@
-import { describe, expect, it } from "@jest/globals";
-import { button } from "../buttonStyles.js";
-
-describe("button", () => {
-  it("should be callable without any arguments", () => {
-    expect(button()).toMatchSnapshot();
-  });
-
-  it("should force the buttonType to icon if the iconSize option exists", () => {
-    expect(button({ iconSize: "small" })).toMatchSnapshot();
-    expect(button({ iconSize: "normal" })).toMatchSnapshot();
-    expect(button({ iconSize: "large" })).toMatchSnapshot();
-    expect(button({ iconSize: "large", buttonType: "text" })).toMatchSnapshot();
-  });
-});