@pnx-mixtape/mxds 0.0.21 → 0.0.23

package/src/Component/Tile/Tile.stories.ts

@@ -1,49 +0,0 @@
-import { Meta, StoryObj } from "@storybook/html-vite"
-import Component from "../Card/card.twig"
-import "../Card/card.css"
-import { MxCardType } from "../Card/Card.stories"
-import { HeadingTypes, ListItemModifiers } from "@pnx-mixtape/ids-shape"
-import { BackgroundStyles, Icons } from "../../enums"
-
-// Deps.
-import Heading from "../../Atom/Heading/heading.twig"
-import Link from "../../Atom/Link/link.twig"
-import Icon from "../../Atom/Icon/icon.twig"
-
-const meta: Meta<MxCardType> = {
-  tags: ["autodocs"],
-  component: Component,
-  args: {
-    title: Heading({
-      title: "Tile title",
-      as: HeadingTypes.THREE,
-    }),
-    link: Link({
-      href: "#",
-      title: "Find out more",
-      more: true,
-    }),
-    content: "<p>Tiles are just block cards without an image.</p>",
-    background: BackgroundStyles.BOX,
-    modifiers: [ListItemModifiers.BLOCK],
-  },
-  argTypes: {
-    background: {
-      options: Object.values(BackgroundStyles),
-      control: "select",
-    },
-  },
-}
-
-export default meta
-type Story = StoryObj<MxCardType>
-
-export const Tile: Story = {}
-
-export const WithIcon: Story = {
-  args: {
-    icon: Icon({
-      icon: Icons.HEART,
-    }),
-  },
-}

package/src/Component/Tile/Tile.stories.tsx

@@ -1,35 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react-vite"
-import Card from "../Card/Card"
-import CardContent from "../Card/Components/CardContent"
-import "../Card/card.css"
-import { AsTags, BackgroundStyles } from "../../enums"
-import Heading from "../../Atom/Heading/Heading"
-import Text from "../../Atom/Text/Text"
-import Link from "../../Atom/Link/Link"
-import { HeadingTypes } from "@pnx-mixtape/ids-shape"
-
-const meta: Meta<typeof Card> = {
-  tags: ["autodocs"],
-  component: Card,
-  argTypes: {
-    as: { options: Object.values(AsTags), control: "select" },
-  },
-  args: {
-    block: true,
-    background: BackgroundStyles.BOX,
-    children: (
-      <CardContent>
-        <Heading as={HeadingTypes.THREE}>Tile title</Heading>
-        <Text>Tiles are just block cards without an image.</Text>
-        <Link more to="http://example.com">
-          Tile link
-        </Link>
-      </CardContent>
-    ),
-  },
-}
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const Tile: Story = {}

package/src/Component/Tile/__snapshots__/Tile.stories.ts.snap

@@ -1,57 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Component/Tile Tile smoke-test 1`] = `
-<div class="mx-page default">
-  <div class="mx-container">
-    <article class="mx-card mx-card--block mx-background--box">
-      <div class="mx-card__content mx-vertical-flow-flex">
-        <h3>
-          Tile title
-        </h3>
-        <div class="mx-text--lede">
-          <p>
-            Tiles are just block cards without an image.
-          </p>
-        </div>
-        <a class="mx-link--more"
-           href="#"
-        >
-          <span>
-            Find out more
-          </span>
-        </a>
-      </div>
-    </article>
-  </div>
-</div>
-`;
-
-exports[`Component/Tile WithIcon smoke-test 1`] = `
-<div class="mx-page default">
-  <div class="mx-container">
-    <article class="mx-card mx-card--block mx-background--box">
-      <div class="mx-card__icon">
-        <span class="mx-icon mx-icon--heart-selected ">
-        </span>
-      </div>
-      <div class="mx-card__content mx-vertical-flow-flex">
-        <h3>
-          Tile title
-        </h3>
-        <div class="mx-text--lede">
-          <p>
-            Tiles are just block cards without an image.
-          </p>
-        </div>
-        <a class="mx-link--more"
-           href="#"
-        >
-          <span>
-            Find out more
-          </span>
-        </a>
-      </div>
-    </article>
-  </div>
-</div>
-`;

package/src/Component/Tile/__snapshots__/Tile.stories.tsx.snap

@@ -1,23 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Component/Tile Tile smoke-test 1`] = `
-<div class="mx-container">
-  <article class="mx-card mx-card--block mx-background--box">
-    <div class="mx-card__content mx-vertical-flow">
-      <h3 class
-          id="tile-title"
-      >
-        Tile title
-      </h3>
-      <p class>
-        Tiles are just block cards without an image.
-      </p>
-      <a href="http://example.com"
-         class="mx-link mx-link--more"
-      >
-        Tile link
-      </a>
-    </div>
-  </article>
-</div>
-`;