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

package/src/chip/__tests__/__snapshots__/Chip.tsx.snap

@@ -1,597 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Chip selectable chips should allow for a custom selectedIcon 1`] = `
-<button
-  class="rmd-chip rmd-chip--solid rmd-interaction-surface"
-  type="button"
->
-  <span
-    aria-hidden="true"
-    class="rmd-icon rmd-icon--font material-icons rmd-max-width-transition"
-  >
-    favorite
-  </span>
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-</button>
-`;
-
-exports[`Chip selectable chips should allow for a custom selectedIcon 2`] = `
-<button
-  aria-pressed="true"
-  class="rmd-chip rmd-chip--selected rmd-chip--solid rmd-chip--left-addon rmd-interaction-surface"
-  type="button"
->
-  <span
-    aria-hidden="true"
-    class="rmd-icon rmd-icon--font material-icons rmd-max-width-transition rmd-max-width-transition--visible"
-  >
-    favorite
-  </span>
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-</button>
-`;
-
-exports[`Chip selectable chips should allow for a custom selectedIcon 3`] = `
-<button
-  class="rmd-chip rmd-chip--solid rmd-interaction-surface"
-  type="button"
->
-  Text
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-</button>
-`;
-
-exports[`Chip selectable chips should allow for a custom selectedIcon 4`] = `
-<button
-  aria-pressed="true"
-  class="rmd-chip rmd-chip--selected rmd-chip--solid rmd-chip--left-addon rmd-interaction-surface"
-  type="button"
->
-  Text
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-</button>
-`;
-
-exports[`Chip selectable chips should allow for a custom selectedIcon 5`] = `
-<button
-  class="rmd-chip rmd-chip--solid rmd-interaction-surface"
-  type="button"
->
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-  Text
-</button>
-`;
-
-exports[`Chip selectable chips should allow for a custom selectedIcon 6`] = `
-<button
-  aria-pressed="true"
-  class="rmd-chip rmd-chip--selected rmd-chip--solid rmd-chip--right-addon rmd-interaction-surface"
-  type="button"
->
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-  Text
-</button>
-`;
-
-exports[`Chip selectable chips should apply rmd-display-none to the icon if the disableIconTransition prop is enabled 1`] = `
-<button
-  class="rmd-chip rmd-chip--solid rmd-interaction-surface"
-  type="button"
->
-  <span
-    aria-hidden="true"
-    class="rmd-icon rmd-icon--font material-icons rmd-display-none"
-  >
-    check
-  </span>
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-</button>
-`;
-
-exports[`Chip selectable chips should apply rmd-display-none to the icon if the disableIconTransition prop is enabled 2`] = `
-<button
-  aria-pressed="true"
-  class="rmd-chip rmd-chip--selected rmd-chip--solid rmd-chip--left-addon rmd-interaction-surface"
-  type="button"
->
-  <span
-    aria-hidden="true"
-    class="rmd-icon rmd-icon--font material-icons"
-  >
-    check
-  </span>
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-</button>
-`;
-
-exports[`Chip selectable chips should apply rmd-display-none to the icon if the disableIconTransition prop is enabled 3`] = `
-<button
-  class="rmd-chip rmd-chip--solid rmd-interaction-surface"
-  type="button"
->
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-  <span
-    aria-hidden="true"
-    class="rmd-icon rmd-icon--font material-icons rmd-display-none"
-  >
-    check
-  </span>
-</button>
-`;
-
-exports[`Chip selectable chips should apply rmd-display-none to the icon if the disableIconTransition prop is enabled 4`] = `
-<button
-  aria-pressed="true"
-  class="rmd-chip rmd-chip--selected rmd-chip--solid rmd-chip--right-addon rmd-interaction-surface"
-  type="button"
->
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-  <span
-    aria-hidden="true"
-    class="rmd-icon rmd-icon--font material-icons"
-  >
-    check
-  </span>
-</button>
-`;
-
-exports[`Chip selectable chips should apply the selected icon when the selectedThemed prop is not true 1`] = `
-<button
-  class="rmd-chip rmd-chip--solid rmd-interaction-surface"
-  type="button"
->
-  <span
-    aria-hidden="true"
-    class="rmd-icon rmd-icon--font material-icons rmd-max-width-transition"
-  >
-    check
-  </span>
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-</button>
-`;
-
-exports[`Chip selectable chips should apply the selected icon when the selectedThemed prop is not true 2`] = `
-<button
-  aria-pressed="true"
-  class="rmd-chip rmd-chip--selected rmd-chip--solid rmd-chip--left-addon rmd-interaction-surface"
-  type="button"
->
-  <span
-    aria-hidden="true"
-    class="rmd-icon rmd-icon--font material-icons rmd-max-width-transition rmd-max-width-transition--visible"
-  >
-    check
-  </span>
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-</button>
-`;
-
-exports[`Chip selectable chips should apply the selected icon when the selectedThemed prop is not true 3`] = `
-<button
-  class="rmd-chip rmd-chip--solid rmd-interaction-surface"
-  type="button"
->
-  <span
-    aria-hidden="true"
-    class="rmd-icon rmd-icon--font material-icons"
-  >
-    favorite
-  </span>
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-</button>
-`;
-
-exports[`Chip selectable chips should apply the selected icon when the selectedThemed prop is not true 4`] = `
-<button
-  aria-pressed="true"
-  class="rmd-chip rmd-chip--selected rmd-chip--solid rmd-chip--left-addon rmd-interaction-surface"
-  type="button"
->
-  <span
-    aria-hidden="true"
-    class="rmd-icon rmd-icon--font material-icons"
-  >
-    favorite
-  </span>
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-</button>
-`;
-
-exports[`Chip selectable chips should apply the selected icon when the selectedThemed prop is not true 5`] = `
-<button
-  class="rmd-chip rmd-chip--solid rmd-chip--left-addon rmd-interaction-surface"
-  type="button"
->
-  <span
-    aria-hidden="true"
-    class="rmd-icon rmd-icon--font material-icons"
-  >
-    favorite
-  </span>
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-  <span
-    aria-hidden="true"
-    class="rmd-icon rmd-icon--font material-icons rmd-max-width-transition"
-  >
-    check
-  </span>
-</button>
-`;
-
-exports[`Chip selectable chips should apply the selected icon when the selectedThemed prop is not true 6`] = `
-<button
-  aria-pressed="true"
-  class="rmd-chip rmd-chip--selected rmd-chip--solid rmd-chip--left-addon rmd-chip--right-addon rmd-interaction-surface"
-  type="button"
->
-  <span
-    aria-hidden="true"
-    class="rmd-icon rmd-icon--font material-icons"
-  >
-    favorite
-  </span>
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-  <span
-    aria-hidden="true"
-    class="rmd-icon rmd-icon--font material-icons rmd-max-width-transition rmd-max-width-transition--visible"
-  >
-    check
-  </span>
-</button>
-`;
-
-exports[`Chip selectable chips should apply the selected icon when the selectedThemed prop is not true 7`] = `
-<button
-  class="rmd-chip rmd-chip--solid rmd-chip--right-addon rmd-interaction-surface"
-  type="button"
->
-  <span
-    aria-hidden="true"
-    class="rmd-icon rmd-icon--font material-icons rmd-max-width-transition"
-  >
-    check
-  </span>
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-  <span
-    aria-hidden="true"
-    class="rmd-icon rmd-icon--font material-icons"
-  >
-    favorite
-  </span>
-</button>
-`;
-
-exports[`Chip selectable chips should apply the selected icon when the selectedThemed prop is not true 8`] = `
-<button
-  aria-pressed="true"
-  class="rmd-chip rmd-chip--selected rmd-chip--solid rmd-chip--left-addon rmd-chip--right-addon rmd-interaction-surface"
-  type="button"
->
-  <span
-    aria-hidden="true"
-    class="rmd-icon rmd-icon--font material-icons rmd-max-width-transition rmd-max-width-transition--visible"
-  >
-    check
-  </span>
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-  <span
-    aria-hidden="true"
-    class="rmd-icon rmd-icon--font material-icons"
-  >
-    favorite
-  </span>
-</button>
-`;
-
-exports[`Chip selectable chips should apply the selected icon when the selectedThemed prop is not true 9`] = `
-<button
-  class="rmd-chip rmd-chip--solid rmd-interaction-surface"
-  type="button"
->
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-  <span
-    aria-hidden="true"
-    class="rmd-icon rmd-icon--font material-icons"
-  >
-    favorite
-  </span>
-</button>
-`;
-
-exports[`Chip selectable chips should apply the selected icon when the selectedThemed prop is not true 10`] = `
-<button
-  aria-pressed="true"
-  class="rmd-chip rmd-chip--selected rmd-chip--solid rmd-chip--right-addon rmd-interaction-surface"
-  type="button"
->
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-  <span
-    aria-hidden="true"
-    class="rmd-icon rmd-icon--font material-icons"
-  >
-    favorite
-  </span>
-</button>
-`;
-
-exports[`Chip should allow for addons to appear before and after the children 1`] = `
-<button
-  class="rmd-chip rmd-chip--solid rmd-chip--left-addon rmd-chip--right-addon rmd-interaction-surface"
-  type="button"
->
-  <span
-    aria-hidden="true"
-    class="rmd-icon rmd-icon--font material-icons"
-  >
-    favorite
-  </span>
-  <span
-    class="rmd-chip__content"
-  >
-    Content
-  </span>
-  <span
-    aria-hidden="true"
-    class="rmd-icon rmd-icon--font material-icons"
-  >
-    close
-  </span>
-</button>
-`;
-
-exports[`Chip should apply the correct styling, HTML attributes, and allow a ref 1`] = `
-<button
-  class="rmd-chip rmd-chip--solid rmd-interaction-surface"
-  type="button"
->
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-</button>
-`;
-
-exports[`Chip should apply the correct styling, HTML attributes, and allow a ref 2`] = `
-<button
-  class="rmd-chip rmd-chip--solid rmd-interaction-surface custom-class-name"
-  style="color: white;"
-  type="button"
->
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-</button>
-`;
-
-exports[`Chip should apply the correct styling, HTML attributes, and allow a ref 3`] = `
-<button
-  class="rmd-chip rmd-chip--solid rmd-chip--disabled rmd-text-disabled-color rmd-interaction-surface"
-  disabled=""
-  style=""
-  type="button"
->
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-</button>
-`;
-
-exports[`Chip should apply the correct styling, HTML attributes, and allow a ref 4`] = `
-<button
-  class="rmd-chip rmd-chip--outline rmd-interaction-surface"
-  style=""
-  type="button"
->
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-</button>
-`;
-
-exports[`Chip should apply the correct styling, HTML attributes, and allow a ref 5`] = `
-<button
-  class="rmd-chip rmd-chip--outline rmd-chip--disabled rmd-text-disabled-color rmd-interaction-surface"
-  disabled=""
-  style=""
-  type="button"
->
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-</button>
-`;
-
-exports[`Chip should apply the pressed class name while raisable 1`] = `
-<button
-  class="rmd-chip rmd-chip--solid rmd-chip--pressed rmd-pressed rmd-interaction-surface"
-  type="button"
->
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-</button>
-`;
-
-exports[`Chip should apply the pressed class name while raisable 2`] = `
-<button
-  class="rmd-chip rmd-chip--solid rmd-interaction-surface"
-  type="button"
->
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-</button>
-`;
-
-exports[`Chip should apply the pressed class name while raisable 3`] = `
-<button
-  class="rmd-chip rmd-chip--solid rmd-pressed rmd-interaction-surface"
-  type="button"
->
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-</button>
-`;
-
-exports[`Chip should apply the pressed class name while raisable 4`] = `
-<button
-  class="rmd-chip rmd-chip--solid rmd-interaction-surface"
-  type="button"
->
-  <span
-    class="rmd-chip__content"
-  >
-    Chip
-  </span>
-</button>
-`;
-
-exports[`Chip should render as a span when the noninteractive prop is enabled 1`] = `
-<span
-  class="rmd-chip rmd-chip--solid"
-  data-testid="chip"
->
-  <span
-    class="rmd-chip__content"
-  >
-    Content
-  </span>
-</span>
-`;
-
-exports[`Chip should render as a span when the noninteractive prop is enabled 2`] = `
-<button
-  class="rmd-chip rmd-chip--solid rmd-interaction-surface"
-  data-testid="chip"
-  type="button"
->
-  <span
-    class="rmd-chip__content"
-  >
-    Content
-  </span>
-</button>
-`;
-
-exports[`Chip should wrap the children in an additional span unless the disableContentWrap prop is enabled 1`] = `
-<button
-  class="rmd-chip rmd-chip--solid rmd-interaction-surface"
-  type="button"
->
-  <span
-    class="rmd-chip__content content-class-name custom-class-name"
-    style="color: red;"
-  >
-    Content
-  </span>
-</button>
-`;
-
-exports[`Chip should wrap the children in an additional span unless the disableContentWrap prop is enabled 2`] = `
-<button
-  class="rmd-chip rmd-chip--solid rmd-interaction-surface"
-  type="button"
->
-  <span
-    style=""
-  >
-    Content
-  </span>
-</button>
-`;

package/src/chip/__tests__/__snapshots__/styles.ts.snap

@@ -1,5 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`chip should be callable without any arguments 1`] = `"rmd-chip rmd-chip--solid"`;
-
-exports[`chipContent should be callable without any arguments 1`] = `"rmd-chip__content"`;

package/src/chip/__tests__/styles.ts

@@ -1,14 +0,0 @@
-import { describe, expect, it } from "@jest/globals";
-import { chip, chipContent } from "../styles.js";
-
-describe("chip", () => {
-  it("should be callable without any arguments", () => {
-    expect(chip()).toMatchSnapshot();
-  });
-});
-
-describe("chipContent", () => {
-  it("should be callable without any arguments", () => {
-    expect(chipContent()).toMatchSnapshot();
-  });
-});