@iqual/nuxt-icms 1.0.2

package/components/Blokkli/SingleTestimonial/index.vue

@@ -0,0 +1,20 @@
+<template>
+  <ParagraphSingleTestimonial v-bind="props" :blokkliData="blokkliData" />
+</template>
+
+<script lang="ts" setup>
+import type { ParagraphIcmsLayoutTestimonialFragment } from '#graphql-operations'
+
+const props = defineProps<ParagraphIcmsLayoutTestimonialFragment>()
+
+const blokkliData = defineBlokkli({
+  bundle: 'icms_layout_testimonial',
+  globalOptions: [
+    'spacingBottom',
+    'spacingTop',
+    'colorScheme',
+    'buttonAlignment',
+  ],
+})
+
+</script>

package/components/Blokkli/Table/icon-blokkli-option-large-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/Table/icon-blokkli-option-large-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="3.5" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/Table/icon-blokkli-option-no-spacing.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/></svg>

package/components/Blokkli/Table/icon-blokkli-option-small-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/Table/icon-blokkli-option-small-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="5.92" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/Table/icon.svg

@@ -0,0 +1,5 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.75" y="4.75" width="24.5" height="24.5" rx="1.25" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M26 27H27C28.1046 27 29 26.1046 29 25V3C29 1.89543 28.1046 1 27 1H5C3.89543 1 3 1.89543 3 3V4" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M13 11.75V21.6667C13 21.8214 12.9385 21.9697 12.8291 22.0791C12.7197 22.1885 12.5714 22.25 12.4167 22.25H8.91667C8.60725 22.25 8.3105 22.1271 8.09171 21.9083C7.87292 21.6895 7.75 21.3928 7.75 21.0833V12.9167C7.75 12.6072 7.87292 12.3105 8.09171 12.0917C8.3105 11.8729 8.60725 11.75 8.91667 11.75H17.0833C17.3928 11.75 17.6895 11.8729 17.9083 12.0917C18.1271 12.3105 18.25 12.6072 18.25 12.9167V16.4167C18.25 16.5714 18.1885 16.7197 18.0791 16.8291C17.9697 16.9385 17.8214 17 17.6667 17H7.75M15.3333 21.0833L16.5 22.25L18.8333 19.9167" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/components/Blokkli/Table/index.vue

@@ -0,0 +1,15 @@
+<template>
+  <ParagraphTable v-bind="props" :blokkliData="blokkliData" />
+</template>
+
+<script lang="ts" setup>
+import type { ParagraphIcmsLayoutTableFragment } from '#graphql-operations'
+
+const props = defineProps<ParagraphIcmsLayoutTableFragment>()
+
+const blokkliData = defineBlokkli({
+  bundle: 'icms_layout_table',
+  globalOptions: ['spacingBottom', 'spacingTop', 'colorScheme'],
+})
+
+</script>

package/components/Blokkli/Tabs/Element/icon.svg

@@ -0,0 +1,3 @@
+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.6 23C23.2365 23 23.847 22.7521 24.2971 22.3108C24.7471 21.8696 25 21.2711 25 20.6471V8.88235C25 8.25831 24.7471 7.65983 24.2971 7.21857C23.847 6.77731 23.2365 6.52941 22.6 6.52941H13.12C12.7186 6.53327 12.3227 6.43837 11.9684 6.25339C11.6141 6.06841 11.3128 5.79927 11.092 5.47059L10.12 4.05882C9.90147 3.73349 9.60397 3.46645 9.2542 3.28164C8.90443 3.09684 8.51333 3.00006 8.116 3H3.4C2.76348 3 2.15303 3.2479 1.70294 3.68916C1.25286 4.13042 1 4.7289 1 5.35294V20.6471C1 21.2711 1.25286 21.8696 1.70294 22.3108C2.15303 22.7521 2.76348 23 3.4 23H22.6Z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/components/Blokkli/Tabs/Element/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <ParagraphTabsElement v-bind="props" :blokkliData="blokkliData" />
+</template>
+
+<script lang="ts" setup>
+import type { ParagraphIcmsTabElementFragment } from '#graphql-operations'
+
+const props = defineProps<ParagraphIcmsTabElementFragment>()
+
+const blokkliData = defineBlokkli({
+  bundle: 'icms_tab_element',
+})
+
+</script>

package/components/Blokkli/Tabs/Layout/icon-blokkli-option-large-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/Tabs/Layout/icon-blokkli-option-large-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="3.5" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/Tabs/Layout/icon-blokkli-option-no-spacing.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/></svg>

package/components/Blokkli/Tabs/Layout/icon-blokkli-option-small-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/Tabs/Layout/icon-blokkli-option-small-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="5.92" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/Tabs/Layout/icon.svg

@@ -0,0 +1,5 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.75" y="4.75" width="24.5" height="24.5" rx="1.25" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M26 27H27C28.1046 27 29 26.1046 29 25V3C29 1.89543 28.1046 1 27 1H5C3.89543 1 3 1.89543 3 3V4" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M18.6 23C18.9713 23 19.3274 22.8513 19.5899 22.5865C19.8525 22.3217 20 21.9627 20 21.5882V14.5294C20 14.155 19.8525 13.7959 19.5899 13.5311C19.3274 13.2664 18.9713 13.1176 18.6 13.1176H13.07C12.8359 13.12 12.6049 13.063 12.3982 12.952C12.1915 12.841 12.0158 12.6796 11.887 12.4824L11.32 11.6353C11.1925 11.4401 11.019 11.2799 10.8149 11.169C10.6109 11.0581 10.3828 11 10.151 11H7.4C7.0287 11 6.6726 11.1487 6.41005 11.4135C6.1475 11.6783 6 12.0373 6 12.4118V21.5882C6 21.9627 6.1475 22.3217 6.41005 22.5865C6.6726 22.8513 7.0287 23 7.4 23H18.6Z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/components/Blokkli/Tabs/Layout/index.vue

@@ -0,0 +1,20 @@
+<template>
+  <ParagraphTabsLayout v-bind="props" :blokkliData="blokkliData" />
+</template>
+
+<script lang="ts" setup>
+import type { ParagraphIcmsLayoutTabsFragment } from '#graphql-operations'
+
+const props = defineProps<ParagraphIcmsLayoutTabsFragment>()
+
+const blokkliData = defineBlokkli({
+  bundle: 'icms_layout_tabs',
+  globalOptions: [
+    'spacingBottom',
+    'spacingTop',
+    'colorScheme',
+    'buttonAlignment',
+  ],
+})
+
+</script>

package/components/Blokkli/Team/Element/icon.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.2 16V14.4444C12.2 13.6193 11.8629 12.828 11.2627 12.2446C10.6626 11.6611 9.84869 11.3333 9 11.3333H4.2C3.35131 11.3333 2.53737 11.6611 1.93726 12.2446C1.33714 12.828 1 13.6193 1 14.4444V16M17 15.9999V14.4444C16.9995 13.755 16.7635 13.0854 16.3291 12.5406C15.8947 11.9958 15.2865 11.6067 14.6 11.4344M12.2 2.10102C12.8883 2.27237 13.4984 2.66157 13.9341 3.20726C14.3698 3.75296 14.6063 4.42411 14.6063 5.11491C14.6063 5.80571 14.3698 6.47686 13.9341 7.02256C13.4984 7.56825 12.8883 7.95745 12.2 8.1288M9.8 5.11111C9.8 6.82933 8.36731 8.22222 6.6 8.22222C4.83269 8.22222 3.4 6.82933 3.4 5.11111C3.4 3.39289 4.83269 2 6.6 2C8.36731 2 9.8 3.39289 9.8 5.11111Z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/components/Blokkli/Team/Element/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <ParagraphTeamElement v-bind="props" :blokkliData="blokkliData" />
+</template>
+
+<script lang="ts" setup>
+import type { ParagraphIcmsTeamElementFragment } from '#graphql-operations'
+
+const props = defineProps<ParagraphIcmsTeamElementFragment>()
+
+const blokkliData = defineBlokkli({
+  bundle: 'icms_team_element',
+})
+
+</script>

package/components/Blokkli/Team/Layout/icon-blokkli-option-large-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/Team/Layout/icon-blokkli-option-large-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="3.5" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/Team/Layout/icon-blokkli-option-no-spacing.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/></svg>

package/components/Blokkli/Team/Layout/icon-blokkli-option-small-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/Team/Layout/icon-blokkli-option-small-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="5.92" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/Team/Layout/icon.svg

@@ -0,0 +1,5 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.75" y="4.75" width="24.5" height="24.5" rx="1.25" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M26 27H27C28.1046 27 29 26.1046 29 25V3C29 1.89543 28.1046 1 27 1H5C3.89543 1 3 1.89543 3 3V4" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M15.8 23V21.6667C15.8 20.9594 15.505 20.2811 14.9799 19.781C14.4548 19.281 13.7426 19 13 19H8.8C8.05739 19 7.3452 19.281 6.8201 19.781C6.295 20.2811 6 20.9594 6 21.6667V23M20 22.9999V21.6666C19.9995 21.0757 19.793 20.5018 19.413 20.0348C19.0329 19.5678 18.5007 19.2343 17.9 19.0866M15.8 11.0866C16.4023 11.2335 16.9361 11.5671 17.3173 12.0348C17.6986 12.5025 17.9055 13.0778 17.9055 13.6699C17.9055 14.262 17.6986 14.8373 17.3173 15.305C16.9361 15.7728 16.4023 16.1064 15.8 16.2533M13.7 13.6667C13.7 15.1394 12.4464 16.3333 10.9 16.3333C9.3536 16.3333 8.1 15.1394 8.1 13.6667C8.1 12.1939 9.3536 11 10.9 11C12.4464 11 13.7 12.1939 13.7 13.6667Z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/components/Blokkli/Team/Layout/index.vue

@@ -0,0 +1,15 @@
+<template>
+  <ParagraphTeamLayout v-bind="props" :blokkliData="blokkliData" />
+</template>
+
+<script lang="ts" setup>
+import type { ParagraphIcmsLayoutTeamFragment } from '#graphql-operations'
+
+const props = defineProps<ParagraphIcmsLayoutTeamFragment>()
+
+const blokkliData = defineBlokkli({
+  bundle: 'icms_layout_team',
+  globalOptions: ['spacingBottom', 'spacingTop', 'colorScheme'],
+})
+
+</script>

package/components/Blokkli/Teasers/icon-blokkli-option-large-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/Teasers/icon-blokkli-option-large-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="3.5" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/Teasers/icon-blokkli-option-no-spacing.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/></svg>

package/components/Blokkli/Teasers/icon-blokkli-option-small-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/Teasers/icon-blokkli-option-small-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="5.92" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/Teasers/icon.svg

@@ -0,0 +1,6 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<title>Teasers (layout)</title>
+<rect x="0.75" y="4.75" width="24.5" height="24.5" rx="1.25" fill="none" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M26 27H27C28.1046 27 29 26.1046 29 25V3C29 1.89543 28.1046 1 27 1H5C3.89543 1 3 1.89543 3 3V4" fill="none" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M11.8 20.6H8.8C8.32261 20.6 7.86477 20.4104 7.52721 20.0728C7.18964 19.7352 7 19.2774 7 18.8V18.2M11.8 20.6L10 22.4M11.8 20.6L10 18.8M14.2 11C14.5183 11 14.8235 11.1264 15.0485 11.3515C15.2736 11.5765 15.4 11.8817 15.4 12.2V14.6C15.4 14.9183 15.2736 15.2235 15.0485 15.4485C14.8235 15.6736 14.5183 15.8 14.2 15.8M17.8 11C18.1183 11 18.4235 11.1264 18.6485 11.3515C18.8736 11.5765 19 11.8817 19 12.2V14.6C19 14.9183 18.8736 15.2235 18.6485 15.4485C18.4235 15.6736 18.1183 15.8 17.8 15.8M15.4 18.2H17.8C18.4627 18.2 19 18.7373 19 19.4V21.8C19 22.4627 18.4627 23 17.8 23H15.4C14.7373 23 14.2 22.4627 14.2 21.8V19.4C14.2 18.7373 14.7373 18.2 15.4 18.2ZM8.2 11H10.6C11.2627 11 11.8 11.5373 11.8 12.2V14.6C11.8 15.2627 11.2627 15.8 10.6 15.8H8.2C7.53726 15.8 7 15.2627 7 14.6V12.2C7 11.5373 7.53726 11 8.2 11Z" fill="none" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/components/Blokkli/Teasers/index.vue

@@ -0,0 +1,15 @@
+<template>
+  <ParagraphTeasers v-bind="props" :blokkliData="blokkliData" />
+</template>
+
+<script lang="ts" setup>
+import type { ParagraphIcmsLayoutTeasersFragment } from '#graphql-operations'
+
+const props = defineProps<ParagraphIcmsLayoutTeasersFragment>()
+
+const blokkliData = defineBlokkli({
+  bundle: 'icms_layout_teasers',
+  globalOptions: ['spacingBottom', 'spacingTop', 'colorScheme'],
+})
+
+</script>

package/components/Blokkli/Testimonial/Element/icon.svg

@@ -0,0 +1,3 @@
+<svg width="30" height="30" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 8.24009V9.04009C16.9919 10.6547 16.4954 12.2292 15.5758 13.5564C14.6561 14.8836 13.3564 15.9014 11.8475 16.4761C10.3385 17.0508 8.69097 17.1555 7.12143 16.7763C5.5519 16.3971 4.13383 15.5519 3.05367 14.3517C1.9735 13.1515 1.28179 11.6526 1.06947 10.0519C0.857151 8.45128 1.13416 6.82384 1.86409 5.38356C2.59402 3.94329 3.74269 2.7576 5.1591 1.98236C6.57552 1.20713 8.19336 0.878649 9.79996 1.0401M5.79993 10.64C5.79993 10.64 6.99994 12.24 8.99995 12.24C11 12.24 12.2 10.64 12.2 10.64M6.59993 6.64004H6.60794M11.4 6.64004H11.408M12.2 3.44004H17M14.6 1.04004V5.84004" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/components/Blokkli/Testimonial/Element/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <ParagraphTestimonialElement v-bind="props" :blokkliData="blokkliData" />
+</template>
+
+<script lang="ts" setup>
+import type { ParagraphIcmsTestimonialElementFragment } from '#graphql-operations'
+
+const props = defineProps<ParagraphIcmsTestimonialElementFragment>()
+
+const blokkliData = defineBlokkli({
+  bundle: 'icms_testimonial_element',
+})
+
+</script>

package/components/Blokkli/Testimonial/Layout/icon-blokkli-option-large-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/Testimonial/Layout/icon-blokkli-option-large-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="3.5" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/Testimonial/Layout/icon-blokkli-option-no-spacing.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/></svg>

package/components/Blokkli/Testimonial/Layout/icon-blokkli-option-small-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/Testimonial/Layout/icon-blokkli-option-small-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="5.92" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/Testimonial/Layout/icon.svg

@@ -0,0 +1,5 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.75" y="4.75" width="24.5" height="24.5" rx="1.25" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M26 27H27C28.1046 27 29 26.1046 29 25V3C29 1.89543 28.1046 1 27 1H5C3.89543 1 3 1.89543 3 3V4" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M20 16.3351V17.0351C19.9929 18.4479 19.5585 19.8255 18.7538 20.9868C17.9491 22.1481 16.8119 23.0387 15.4915 23.5416C14.1712 24.0445 12.7296 24.136 11.3563 23.8043C9.98291 23.4725 8.7421 22.7329 7.79696 21.6828C6.85181 20.6326 6.24656 19.321 6.06079 17.9204C5.87501 16.5199 6.11739 15.0959 6.75608 13.8356C7.39477 12.5754 8.39986 11.5379 9.63922 10.8596C10.8786 10.1812 12.2942 9.89382 13.7 10.0351M10.1999 18.435C10.1999 18.435 11.2499 19.835 13 19.835C14.75 19.835 15.8 18.435 15.8 18.435M10.8999 14.935H10.9069M15.1 14.935H15.107M15.8 12.135H20M17.9 10.035V14.235" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/components/Blokkli/Testimonial/Layout/index.vue

@@ -0,0 +1,15 @@
+<template>
+  <ParagraphTestimonialLayout v-bind="props" :blokkliData="blokkliData" />
+</template>
+
+<script lang="ts" setup>
+import type { ParagraphIcmsLayoutTestimonialsFragment } from '#graphql-operations'
+
+const props = defineProps<ParagraphIcmsLayoutTestimonialsFragment>()
+
+const blokkliData = defineBlokkli({
+  bundle: 'icms_layout_testimonials',
+  globalOptions: ['spacingBottom', 'spacingTop', 'colorScheme'],
+})
+
+</script>

package/components/Blokkli/Text/icon-blokkli-option-large-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/Text/icon-blokkli-option-large-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="3.5" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/Text/icon-blokkli-option-no-spacing.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/></svg>

package/components/Blokkli/Text/icon-blokkli-option-small-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/Text/icon-blokkli-option-small-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="5.92" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/Text/icon.svg

@@ -0,0 +1,7 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.75" y="4.75" width="24.5" height="24.5" rx="1.25" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M26 27H27C28.1046 27 29 26.1046 29 25V3C29 1.89543 28.1046 1 27 1H5C3.89543 1 3 1.89543 3 3V4" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M13 12V23" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M12 23H14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M7 14V12H19V14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+</svg>

package/components/Blokkli/Text/index.vue

@@ -0,0 +1,21 @@
+<template>
+  <ParagraphText v-bind="props" :blokkliData="blokkliData" />
+</template>
+
+<script lang="ts" setup>
+import type { ParagraphIcmsLayoutTextFragment } from '#graphql-operations'
+const props = defineProps<ParagraphIcmsLayoutTextFragment>()
+
+const blokkliData = defineBlokkli({
+  bundle: 'icms_layout_text',
+  globalOptions: [
+    'textWidth',
+    'spacingBottom',
+    'spacingTop',
+    'colorScheme',
+    'textColumns',
+    'buttonAlignment',
+  ],
+})
+
+</script>

package/components/Blokkli/TextMedia/icon-blokkli-option-large-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/TextMedia/icon-blokkli-option-large-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="3.5" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/TextMedia/icon-blokkli-option-no-spacing.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/></svg>

package/components/Blokkli/TextMedia/icon-blokkli-option-small-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/TextMedia/icon-blokkli-option-small-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="5.92" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/TextMedia/icon.svg

@@ -0,0 +1,5 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.75" y="4.75" width="24.5" height="24.5" rx="1.25" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M26 27H27C28.1046 27 29 26.1046 29 25V3C29 1.89543 28.1046 1 27 1H5C3.89543 1 3 1.89543 3 3V4" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M14.3333 11.6667H19M14.3333 15H19M14.3333 19H19M14.3333 22.3333H19M7.66667 11H11C11.3682 11 11.6667 11.2985 11.6667 11.6667V15C11.6667 15.3682 11.3682 15.6667 11 15.6667H7.66667C7.29848 15.6667 7 15.3682 7 15V11.6667C7 11.2985 7.29848 11 7.66667 11ZM7.66667 18.3333H11C11.3682 18.3333 11.6667 18.6318 11.6667 19V22.3333C11.6667 22.7015 11.3682 23 11 23H7.66667C7.29848 23 7 22.7015 7 22.3333V19C7 18.6318 7.29848 18.3333 7.66667 18.3333Z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/components/Blokkli/TextMedia/index.vue

@@ -0,0 +1,22 @@
+<template>
+  <ParagraphTextMedia v-bind="props" :blokkliData="blokkliData" />
+</template>
+
+<script lang="ts" setup>
+import type { ParagraphIcmsLayoutTextMediaFragment } from '#graphql-operations'
+
+const props = defineProps<ParagraphIcmsLayoutTextMediaFragment>()
+
+const blokkliData = defineBlokkli({
+  bundle: 'icms_layout_text_media',
+  globalOptions: [
+    'textWidth',
+    'textAlign',
+    'spacingBottom',
+    'spacingTop',
+    'colorScheme',
+    'buttonAlignment',
+  ],
+})
+
+</script>

package/components/Blokkli/TwoColumnText/Element/icon.svg

@@ -0,0 +1,8 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 7H9" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M13 7H21" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M1 11H9" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M13 11H21" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M1 15H9" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M13 15H21" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+</svg>

package/components/Blokkli/TwoColumnText/Element/index.vue

@@ -0,0 +1,15 @@
+<template>
+  <ParagraphTwoColumnTextElement v-bind="props" :blokkliData="blokkliData" />
+</template>
+
+<script lang="ts" setup>
+import type { ParagraphIcms2ColTextElementFragment } from '#graphql-operations'
+
+const props = defineProps<ParagraphIcms2ColTextElementFragment>()
+
+const blokkliData = defineBlokkli({
+  bundle: 'icms_2_col_text_element',
+  globalOptions: ['spacingBottom'],
+})
+
+</script>

package/components/Blokkli/TwoColumnText/Layout/icon-blokkli-option-large-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/TwoColumnText/Layout/icon-blokkli-option-large-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="3.5" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/TwoColumnText/Layout/icon-blokkli-option-no-spacing.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/></svg>

package/components/Blokkli/TwoColumnText/Layout/icon-blokkli-option-small-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/TwoColumnText/Layout/icon-blokkli-option-small-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="5.92" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/TwoColumnText/Layout/icon.svg

@@ -0,0 +1,10 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.75" y="4.75" width="24.5" height="24.5" rx="1.25" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M26 27H27C28.1046 27 29 26.1046 29 25V3C29 1.89543 28.1046 1 27 1H5C3.89543 1 3 1.89543 3 3V4" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M6 14H11.6" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M14.4 14H20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M6 16.9999H11.6" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M14.4 16.9999H20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M6 20H11.6" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M14.4 20H20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+</svg>

package/components/Blokkli/TwoColumnText/Layout/index.vue

@@ -0,0 +1,18 @@
+<template>
+  <ParagraphTwoColumnTextLayout v-bind="props" :blokkliData="blokkliData" />
+</template>
+
+<script lang="ts" setup>
+import type { ParagraphIcmsLayout2ColTextElementsFragment } from '#graphql-operations'
+
+const props = defineProps<ParagraphIcmsLayout2ColTextElementsFragment>()
+
+const blokkliData = defineBlokkli({
+  bundle: 'icms_layout_2_col_text_elements',
+  globalOptions: ['spacingBottom', 'spacingTop', 'colorScheme'],
+  editor: {
+    addBehaviour: 'no-form',
+  },
+})
+
+</script>

package/components/Blokkli/iFrame/Element/icon.svg

@@ -0,0 +1,5 @@
+<svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill:none!important;">
+<path d="M6 1L1.80023 6.03972C1.33667 6.59599 1.33667 7.40401 1.80023 7.96028L6 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M12 13L16.1998 7.96028C16.6633 7.40401 16.6633 6.59599 16.1998 6.03972L12 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M7.5 10.5L10.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+</svg>

package/components/Blokkli/iFrame/Element/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <ParagraphIFrameElement v-bind="props" :blokkliData="blokkliData" />
+</template>
+
+<script lang="ts" setup>
+import type { ParagraphIcmsIframeElementFragment } from '#graphql-operations'
+
+const props = defineProps<ParagraphIcmsIframeElementFragment>()
+
+const blokkliData = defineBlokkli({
+  bundle: 'icms_iframe_element',
+})
+
+</script>

package/components/Blokkli/iFrame/Layout/icon-blokkli-option-large-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/iFrame/Layout/icon-blokkli-option-large-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="3.5" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/iFrame/Layout/icon-blokkli-option-no-spacing.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/></svg>

package/components/Blokkli/iFrame/Layout/icon-blokkli-option-small-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/iFrame/Layout/icon-blokkli-option-small-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="5.92" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/iFrame/Layout/icon.svg

@@ -0,0 +1,7 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.75" y="4.75" width="24.5" height="24.5" rx="1.25" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linejoin="round"/>
+<path d="M26 27H27C28.1046 27 29 26.1046 29 25V3C29 1.89543 28.1046 1 27 1H5C3.89543 1 3 1.89543 3 3V4" stroke="currentColor" fill="none" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M10 11L5.80023 16.0397C5.33667 16.596 5.33667 17.404 5.80023 17.9603L10 23" stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M16 23L20.1998 17.9603C20.6633 17.404 20.6633 16.596 20.1998 16.0397L16 11" stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M11.5 20.5L14.5 13.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+</svg>

package/components/Blokkli/iFrame/Layout/index.vue

@@ -0,0 +1,18 @@
+<template>
+  <ParagraphIFrameLayout v-bind="props" :blokkliData="blokkliData" />
+</template>
+
+<script lang="ts" setup>
+import type { ParagraphIcmsLayoutIframeFragment } from '#graphql-operations'
+
+const props = defineProps<ParagraphIcmsLayoutIframeFragment>()
+
+const blokkliData = defineBlokkli({
+  bundle: 'icms_layout_iframe',
+  globalOptions: [
+    'spacingBottom',
+    'spacingTop',
+  ],
+})
+
+</script>