@dpa-id-components/dpa-shared-components 22.0.0-next.13 → 22.0.0-next.14

package/src/components/UiSection/README.md

@@ -1,33 +0,0 @@
-# @deprecated
-Component will be removed in a future update
-# @dpa-shared-components/UiSection
-
-## Usage
-
-```html
-<!-- SomeComponent.vue using UiSection -->
-<template>
-    <UiSection size="small" vertical-padding="small" border-top border-bottom>Section Content</UiSection>
-</template>
-
-<script>
-    import {UiSection} from "@dpa-id-components/dpa-shared-components";
-</script>
-```
-
-## API
-
-### Props
-
-| Name              | Type                                   | Default   | Description                                   |
-|-------------------|----------------------------------------|-----------|-----------------------------------------------|
-| `size`            | `"wide" &#124; "small"`                | `"wide"`  | Determines the spread of the section content. |
-| `verticalPadding` | `"small" &#124; "large" &#124; "none"` | `"large"` | Determines the padding of the section.        |
-| `borderTop`       | `Boolean`                              | `false`   | Displays a top border on the section.         |
-| `BorderBottom`    | `Boolean`                              | `false`   | Displays a bottom border on the section.      |
-
-### Slots
-
-| Name      | Description                                  |
-|-----------|----------------------------------------------|
-| `default` | slot for the rendering the section's content |

package/src/components/UiSection/UiSection.vue

@@ -1,63 +0,0 @@
-<template>
-  <section :class="borderClass" class="w-full border-neutral-pale bg-neutral">
-    <div
-      :class="[sizeClasses[size], paddingClasses[verticalPadding]]"
-      data-testid="inner"
-    >
-      <slot></slot>
-    </div>
-  </section>
-</template>
-<script lang="ts">
-/**
- * @deprecated
- * Please replace with your own component
- */
-export default {
-  name: "UiSection",
-};
-</script>
-<script setup lang="ts">
-import { computed, onMounted } from "vue";
-
-const props = withDefaults(
-  defineProps<{
-    size?: "wide" | "small";
-    verticalPadding?: "small" | "large" | "none";
-    borderTop?: boolean;
-    borderBottom?: boolean;
-  }>(),
-  {
-    size: "wide",
-    verticalPadding: "large",
-    borderTop: false,
-    borderBottom: false,
-  },
-);
-
-const sizeClasses: Record<string, string> = {
-  wide: "w-full  md:px-28 text-neutral-primary lg:flex",
-  small: "w-full lg:mx-auto lg:w-2/3",
-};
-
-const paddingClasses: Record<string, string> = {
-  small: "lg:py-12 pt-8 pb-12",
-  large: "py-24",
-  none: "py-0",
-};
-
-const borderClass = computed(() => {
-  const borderTopClass = props.borderTop ? "border-t" : "";
-  const borderBottomClass = props.borderBottom ? "border-b" : "";
-  return `${borderTopClass} ${borderBottomClass}`;
-});
-
-onMounted(() => {
-  if (window.location.origin.includes("local")) {
-    // eslint-disable-next-line no-console
-    console.warn(
-      "Component is deprecated. It will be removed in a future update.",
-    );
-  }
-});
-</script>

package/src/components/UiSectionDivider/README.md

@@ -1,29 +0,0 @@
-# @deprecated
-Component will be removed in a future update
-# @dpa-shared-components/UiSectionDivider
-
-## Usage
-
-```html
-<!-- SomeComponent.vue using UiSectionDivider -->
-<template>
-    <UiSectionDivider></UiSectionDivider>
-</template>
-
-<script>
-    import {UiSectionDivider} from "@dpa-id-components/dpa-shared-components";
-</script>
-```
-
-## API
-
-### Props
-
-| Name            | Type                     | Default   | Description            |
-|-----------------|--------------------------|-----------|------------------------|
-| `size`          | `"large" &#124; "small"` | `"large"` | Determines the height. |
-| `customClasses` | `String`                 | `""`      | Custom class string.   |
-
-### Slots
-
-This component has no slot

package/src/components/UiSectionDivider/UiSectionDivider.vue

@@ -1,44 +0,0 @@
-<template>
-  <div :class="[sizeClass, customClasses]" class="bg-neutral-whisper" />
-</template>
-<script lang="ts">
-/**
- * @deprecated
- * Please replace with your own component
- */
-export default {
-  name: "UiSectionDivider",
-};
-</script>
-<script lang="ts" setup>
-import { computed, onMounted } from "vue";
-
-const props = withDefaults(
-  defineProps<{
-    size?: "small" | "large";
-    customClasses?: string[] | string;
-  }>(),
-  {
-    customClasses: "",
-    size: "large",
-  },
-);
-
-const sizeClasses: Record<string, string> = {
-  small: "h-px",
-  large: "h-4",
-};
-
-const sizeClass = computed(() => {
-  return sizeClasses[props.size];
-});
-
-onMounted(() => {
-  if (window.location.origin.includes("local")) {
-    // eslint-disable-next-line no-console
-    console.warn(
-      "Component is deprecated. It will be removed in a future update.",
-    );
-  }
-});
-</script>