remove large size of card

.changeset/dry-geckos-poke.md

@@ -0,0 +1,10 @@
+---
+"@shopware-ag/meteor-component-library": major
+---
+
+Removed large width of card
+
+The large size of the card has been removed. Container sizes
+like this should be defined by the parent element.
+
+To migrate, add a max-width of `83.125rem` to the parent element.

packages/component-library/src/components/layout/mt-card/mt-card.stories.ts

@@ -104,7 +104,6 @@ export const MinimalStory: StoryObj<MtCardMeta> = {
     headerRight: null,
     hero: false,
     isLoading: false,
-    large: false,
     avatar: null,
     updateInheritance: fn(action("update:inhertitance")),
   },
@@ -192,7 +191,6 @@ export const ExtendedStory: StoryObj<MtCardMeta> = {
     headerRight: "Header right",
     hero: false,
     isLoading: false,
-    large: false,
     avatar: "AVTR",
     tabs: true,
     "context-actions": true,

packages/component-library/src/components/layout/mt-card/mt-card.vue

@@ -141,15 +141,6 @@ export default defineComponent({
       default: false,
     },
 
-    /**
-     * Render the card in a large size
-     */
-    large: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-
     /**
      * Render a inheritance toggle
      */
@@ -194,7 +185,6 @@ export default defineComponent({
     const cardClasses = computed(() => ({
       "mt-card--grid": !!slots.grid,
       "mt-card--hero": !!props.hero,
-      "mt-card--large": props.large,
       "mt-card--has-footer": !!slots.footer,
       "mt-card--is-inherited": !!props.inheritance,
     }));
@@ -309,19 +299,6 @@ export default defineComponent({
   }
 }
 
-.mt-card--large {
-  max-width: 83.125rem;
-
-  & .mt-card__title,
-  & .mt-card__subtitle {
-    width: auto;
-    position: relative;
-    top: 0;
-    left: 0;
-    text-align: left;
-  }
-}
-
 .mt-card__titles {
   display: flex;
   flex-direction: column;