refactor(editor): Move editor-ui and design-system to frontend dir (no-changelog) (#13564)

packages/frontend/editor-ui/src/components/CollectionWorkflowCard.vue

@@ -0,0 +1,50 @@
+<script lang="ts" setup>
+defineProps<{
+	loading: boolean;
+	title?: string;
+}>();
+</script>
+
+<template>
+	<n8n-card :class="$style.card" v-bind="$attrs">
+		<template v-if="!loading && title" #header>
+			<span :class="$style.title" v-text="title" />
+		</template>
+		<n8n-loading :loading="loading" :rows="3" variant="p" />
+		<template v-if="!loading" #footer>
+			<slot name="footer" />
+		</template>
+	</n8n-card>
+</template>
+
+<style lang="scss" module>
+.card {
+	min-width: 235px;
+	height: 140px;
+	margin-right: var(--spacing-2xs);
+	cursor: pointer;
+
+	&:last-child {
+		margin-right: var(--spacing-5xs);
+	}
+
+	&:hover {
+		box-shadow: 0 2px 4px rgba(68, 28, 23, 0.07);
+	}
+
+	> div {
+		height: 100%;
+	}
+}
+
+.title {
+	display: -webkit-box;
+	-webkit-line-clamp: 4;
+	-webkit-box-orient: vertical;
+	font-size: var(--font-size-s);
+	line-height: var(--font-line-height-regular);
+	font-weight: var(--font-weight-bold);
+	overflow: hidden;
+	white-space: normal;
+}
+</style>