@muenchen/muc-patternlab-vue 1.13.0-beta.7 → 1.13.0-beta.8

package/src/components/Intro/MucIntro.vue

@@ -1,70 +0,0 @@
-<script setup lang="ts">
-defineProps<{
-  /**
-   * Title of the Intro
-   */
-  title: string;
-  /**
-   * Tagline of the Intro (above the title)
-   */
-  tagline: string;
-  /**
-   * Toggle to show a divider between title and body
-   */
-  divider: boolean;
-}>();
-
-defineSlots<{
-  /**
-   * Body of the Intro.
-   */
-  default(): any;
-}>();
-</script>
-
-<template>
-  <div
-    class="m-intro m-intro-static-image"
-    style="background-color: var(--color-neutrals-blue-xlight)"
-  >
-    <div class="container">
-      <div class="muc-intro-content">
-        <div>
-          <p
-            v-if="tagline"
-            class="m-intro-vertical__tagline"
-          >
-            {{ tagline }}
-          </p>
-          <h1 class="m-intro-vertical__title">
-            {{ title }}
-          </h1>
-        </div>
-
-        <div
-          v-if="divider"
-          class="muc-divider"
-        />
-
-        <div class="m-intro-vertical__content">
-          <p style="padding-bottom: 32px">
-            <slot />
-          </p>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.muc-divider {
-  margin-top: 8px;
-  margin-bottom: 16px;
-}
-
-@media screen and (width >992px) {
-  .muc-intro-content {
-    width: 66.6%;
-  }
-}
-</style>

package/src/components/Intro/index.ts

@@ -1,3 +0,0 @@
-import MucIntro from "./MucIntro.vue";
-
-export { MucIntro };

package/src/components/Link/MucLink.stories.ts

@@ -1,36 +0,0 @@
-import { fn } from "@storybook/test";
-
-import MucLink from "./MucLink.vue";
-
-export default {
-  component: MucLink,
-  title: "MucLink",
-  tags: ["autodocs"],
-  // 👇 Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked
-  args: { onClick: fn() },
-  parameters: {
-    docs: {
-      description: {
-        component: `The \`muc-link\` component is a wrapper commponent for a standard html-a tag.
-
-[🔗 Patternlab-Docs](https://patternlab.muenchen.space/?p=viewall-elements-links)
-`,
-      },
-    },
-  },
-};
-
-export const Weather = {
-  args: {
-    label: "Generic link label",
-  },
-};
-
-export const LinkWithIcon = {
-  args: {
-    icon: "youtube",
-    label: "youtube",
-    href: "https://www.youtube.com",
-    noUnderline: true,
-  },
-};

package/src/components/Link/MucLink.vue

@@ -1,74 +0,0 @@
-<template>
-  <a
-    :href="href"
-    :target="target"
-    class="m-link"
-    :class="reversedUnderlineClass"
-  >
-    {{ label }}
-    <slot name="icon">
-      <muc-icon
-        v-if="icon"
-        :icon="icon"
-        class="icon icon--after"
-      />
-    </slot>
-  </a>
-</template>
-
-<script setup lang="ts">
-import { computed } from "vue";
-
-import { MucIcon } from "../Icon";
-
-const props = withDefaults(
-  defineProps<{
-    /**
-     * Text shown as the link
-     */
-    label: string;
-
-    /**
-     * href to link to
-     */
-    href?: string;
-
-    /**
-     * Optional icon displayed behind the text
-     */
-    icon?: string;
-
-    /**
-     * Target on the link
-     */
-    target?: string;
-
-    /**
-     * Removes the underline from the label text
-     */
-    noUnderline?: boolean;
-  }>(),
-  {
-    noUnderline: false,
-    href: "#",
-    target: "_blank",
-  }
-);
-
-defineSlots<{
-  /**
-   * Icon slots overrides chosen prop icon.
-   * The icon can be displayed infront or behind the label with these classes: icon--after | icon--before
-   */
-  icon(): void;
-}>();
-
-/**
- * Computed class to remove the underline if chosen.
- */
-const reversedUnderlineClass = computed(() =>
-  props.noUnderline ? "m-link--reversed-underline" : ""
-);
-</script>
-
-<style scoped></style>

package/src/components/Link/index.ts

@@ -1,3 +0,0 @@
-import MucLink from "./MucLink.vue";
-
-export { MucLink };

package/src/components/index.ts

@@ -1,43 +0,0 @@
-import { MucBanner } from "./Banner";
-import { MucButton } from "./Button";
-import { MucCallout } from "./Callout";
-import { MucCard, MucCardContainer } from "./Card";
-import { MucComment, MucCommentText } from "./Comment/";
-import { MucDivider } from "./Divider";
-import {
-  MucCheckbox,
-  MucCheckboxGroup,
-  MucCounter,
-  MucErrorList,
-  MucInput,
-  MucRadioButton,
-  MucRadioButtonGroup,
-  MucSelect,
-  MucTextArea,
-} from "./Form";
-import { MucIcon } from "./Icon";
-import { MucIntro } from "./Intro";
-import { MucLink } from "./Link";
-
-export {
-  MucButton,
-  MucBanner,
-  MucIntro,
-  MucCallout,
-  MucCard,
-  MucCardContainer,
-  MucComment,
-  MucCommentText,
-  MucRadioButton,
-  MucRadioButtonGroup,
-  MucInput,
-  MucTextArea,
-  MucCheckboxGroup,
-  MucCheckbox,
-  MucSelect,
-  MucErrorList,
-  MucIcon,
-  MucDivider,
-  MucLink,
-  MucCounter,
-};

package/src/composables/useOnClickOutside.ts

@@ -1,24 +0,0 @@
-import { onBeforeUnmount, onMounted } from "vue";
-
-export default function useOnClickOutside(component: any, callback: any) {
-  if (!component) return;
-  const listener = (event: any) => {
-    if (
-      event.target !== component.value &&
-      event.composedPath().includes(component.value)
-    ) {
-      return;
-    }
-    if (typeof callback === "function") {
-      callback();
-    }
-  };
-  onMounted(() => {
-    window.addEventListener("click", listener);
-  });
-  onBeforeUnmount(() => {
-    window.removeEventListener("click", listener);
-  });
-
-  return { listener };
-}

package/src/index.ts

@@ -1,14 +0,0 @@
-import { type App } from "vue";
-
-import * as components from "./components";
-
-function install(app: App) {
-  for (const key in components) {
-    // @ts-expect-error
-    app.component(key, components[key]);
-  }
-}
-
-export default { install };
-
-export * from "./components";