@iqual/nuxt-icms 1.4.9 → 1.5.0

package/tailwind.config.ts

@@ -1,209 +1,20 @@
 import type { Config } from 'tailwindcss'
 
 import plugin from 'tailwindcss/plugin'
-import defaultTheme from 'tailwindcss/defaultTheme'
-import type { PluginAPI } from 'tailwindcss/types/config'
-import animate from 'tailwindcss-animate'
 
 import { fileURLToPath } from 'url'
 import { dirname, join } from 'path'
 const currentDir = dirname(fileURLToPath(import.meta.url))
 
-const colors = {
-  primary: {
-    DEFAULT: 'rgb(232, 93, 39)',
-    '50': 'rgb(254, 245, 238)',
-    '100': 'rgb(252, 232, 216)',
-    '200': 'rgb(248, 206, 176)',
-    '300': 'rgb(243, 171, 126)',
-    '400': 'rgb(237, 126, 74)',
-    '500': 'rgb(232, 93, 39)',
-    '600': 'rgb(217, 69, 29)',
-    '700': 'rgb(180, 51, 26)',
-    '800': 'rgb(144, 42, 28)',
-    '900': 'rgb(116, 37, 26)',
-    '950': 'rgb(63, 16, 11)',
-  },
-  secondary: {
-    DEFAULT: 'rgb(11, 102, 156)',
-    '50': 'rgb(241, 249, 254)',
-    '100': 'rgb(225, 241, 253)',
-    '200': 'rgb(189, 228, 250)',
-    '300': 'rgb(131, 207, 246)',
-    '400': 'rgb(65, 182, 239)',
-    '500': 'rgb(25, 157, 222)',
-    '600': 'rgb(12, 126, 189)',
-    '700': 'rgb(11, 102, 156)',
-    '800': 'rgb(13, 85, 127)',
-    '900': 'rgb(17, 71, 105)',
-    '950': 'rgb(11, 45, 70)',
-  },
-  gray: {
-    DEFAULT: 'rgb(116, 116, 116)',
-    '50': 'rgb(246, 246, 246)',
-    '100': 'rgb(235, 235, 235)',
-    '200': 'rgb(218, 218, 218)',
-    '300': 'rgb(182, 182, 182)',
-    '400': 'rgb(150, 150, 150)',
-    '500': 'rgb(116, 116, 116)',
-    '600': 'rgb(94, 94, 94)',
-    '700': 'rgb(73, 73, 73)',
-    '800': 'rgb(57, 57, 57)',
-    '900': 'rgb(44, 44, 44)',
-    '950': 'rgb(36, 36, 36)',
-  },
-  error: {
-    DEFAULT: 'rgb(229, 62, 62)',
-    '50': 'rgb(253, 243, 243)',
-    '100': 'rgb(253, 227, 227)',
-    '200': 'rgb(252, 204, 204)',
-    '300': 'rgb(248, 169, 169)',
-    '400': 'rgb(242, 119, 119)',
-    '500': 'rgb(229, 62, 62)',
-    '600': 'rgb(211, 47, 47)',
-    '700': 'rgb(178, 35, 35)',
-    '800': 'rgb(147, 33, 33)',
-    '900': 'rgb(122, 34, 34)',
-    '950': 'rgb(66, 13, 13)',
-  },
-  warning: {
-    DEFAULT: 'rgb(247, 181, 0)',
-    '50': 'rgb(255, 254, 234)',
-    '100': 'rgb(255, 250, 197)',
-    '200': 'rgb(255, 246, 133)',
-    '300': 'rgb(255, 234, 70)',
-    '400': 'rgb(255, 219, 27)',
-    '500': 'rgb(247, 181, 0)',
-    '600': 'rgb(226, 144, 0)',
-    '700': 'rgb(187, 101, 2)',
-    '800': 'rgb(152, 78, 8)',
-    '900': 'rgb(124, 64, 11)',
-    '950': 'rgb(72, 33, 0)',
-  },
-  success: {
-    DEFAULT: 'rgb(46, 133, 75)',
-    '50': 'rgb(242, 251, 245)',
-    '100': 'rgb(226, 246, 232)',
-    '200': 'rgb(198, 236, 210)',
-    '300': 'rgb(153, 220, 175)',
-    '400': 'rgb(101, 195, 132)',
-    '500': 'rgb(64, 167, 98)',
-    '600': 'rgb(46, 133, 75)',
-    '700': 'rgb(40, 109, 64)',
-    '800': 'rgb(36, 87, 53)',
-    '900': 'rgb(31, 72, 46)',
-    '950': 'rgb(12, 39, 22)',
-  },
-};
-
 const config: Config = {
-  content: [
-    './components/**/*.{vue,ts,js}',
-    './pages/**/*.{vue,ts,js}',
-    './layouts/**/*.{vue,ts,js}',
-    './helpers/**/*.{vue,ts,js}',
-
-    // We also need to check the formkit config to not
-    // purge classes away that are only used there.
-    join(currentDir, './formkit.config.ts'),
-    join(currentDir, './formkit.theme.ts'),
-  ],
-  theme: {
-    borderWidth: {
-      DEFAULT: '1px',
-      0: '0',
-      1: '1px',
-      2: '2px',
-      3: '3px',
-      4: '4px',
-      6: '6px',
-      8: '8px',
-    },
-    colors: {
-      // Monochrome colors.
-      white: "rgb(255, 255, 255)",
-      black: "rgb(17, 17, 17)",
-      current: 'currentColor',
-      transparent: 'transparent',
-      body: colors.gray['900'],
-
-      ...colors,
-    },
-    extend: {
-      screens: {
-        ss: '375px',
-        xs: '412px',
-      },
-      containers: {
-        '3xs': '12rem',
-        '2xs': '16rem',
-      },
-      fontFamily: {
-        sans: ['"Inter"', ...defaultTheme.fontFamily.sans],
-        montserrat: ['"Montserrat"', ...defaultTheme.fontFamily.sans],
-      },
-      fontWeight: {
-        regular: '400',
-      },
-      transitionDuration: {
-        250: '250ms',
-      },
-      columnCount: {
-        1: '1',
-        2: '2',
-        3: '3',
-      },
-      boxShadow: {
-        custom: '0 0 30px 15px rgba(0, 0, 0, 0.1)',
-        'custom-small': '0 0 30px 0px rgba(0, 0, 0, 0.1)',
-        'custom-offset': '30px 30px 30px -15px rgba(0, 0, 0, 0.1)',
-        'custom-inner': 'inset -15px -15px 50px -15px rgba(0 ,0, 0, 0.1)',
-      },
-      textShadow: {
-        sm: '0 0 16px rgba(0, 0, 0, 0.25)',
-        md: '0 0 16px rgba(0, 0, 0, 0.4)',
-        lg: '0 0 16px rgba(0, 0, 0, 0.6)',
-      },
-      aspectRatio: {
-        '4/3': '4 / 3',
-      },
-      keyframes: {
-        'accordion-down': {
-          from: { height: '0' },
-          to: { height: 'var(--radix-accordion-content-height)' },
-        },
-        'accordion-up': {
-          from: { height: 'var(--radix-accordion-content-height)' },
-          to: { height: '0' },
-        },
-      },
-      animation: {
-        'accordion-down': 'accordion-down 0.2s ease-out',
-        'accordion-up': 'accordion-up 0.2s ease-out',
-      },
-    },
-  },
   // Added as part of https://support-iqual.atlassian.net/browse/ICMS-312
   safelist: [{ pattern: /bg-gray-\d+/ }],
-  future: {
-    hoverOnlyWhenSupported: true,
-  },
+
   plugins: [
-    // Used by shadcn
-    animate,
+
     /**
      * Various additional variants
      */
-    require('@tailwindcss/container-queries'),
-    require('@formkit/themes'),
-    plugin(({ addVariant }) => {
-      addVariant(
-        'mobile-only',
-        "@media screen and (max-width: theme('screens.md'))",
-      )
-      addVariant('not-last', '&:not(:last-child)')
-      addVariant('not-first', '&:not(:first-child)')
-    }),
     plugin(function ({ matchUtilities, theme }) {
       matchUtilities(
         {
@@ -214,17 +25,9 @@ const config: Config = {
         { values: theme('textShadow') },
       )
     }),
-    function (pluginApi: PluginAPI) {
-      const { addUtilities } = pluginApi
-      addUtilities({
-        '.column-count-2': { columnCount: '2' },
-        '.column-count-3': { columnCount: '3' },
-      })
-    },
   ],
   corePlugins: {
     container: true,
-    textOpacity: false,
   },
 }
 

package/types/global.ts

@@ -1 +1,24 @@
-export type ColorScheme = 'none' | 'dark' | 'light' | 'accent' | undefined
+import type { RuntimeBlockOptions } from '#blokkli-build/runtime-options'
+
+export type ImageFormat = 'landscape' | 'portrait' | 'auto'
+
+export type ButtonStyle = RuntimeBlockOptions['icms_button_element']['buttonStyle']
+export type ButtonColor =
+  | 'error'
+  | 'primary'
+  | 'secondary'
+  | 'success'
+  | 'info'
+  | 'warning'
+  | 'neutral'
+export type ButtonVariant = 'solid' | 'outline' | 'soft' | 'subtle' | 'ghost' | 'link'
+
+export type CardVariant = RuntimeBlockOptions['icms_layout_cards']['cardVariant'] | undefined
+export type CollapsibleVariant = RuntimeBlockOptions['icms_layout_collapsible']['collapsibleVariant'] | undefined
+export type CallToActionVariant = RuntimeBlockOptions['icms_layout_call_to_action']['callToActionVariant']
+export type TeaserVariant = RuntimeBlockOptions['icms_layout_teasers']['teaserVariant']
+
+export type ColorScheme = 'none' | 'dark' | 'light' | 'accent' | undefined
+export type TeaserStyle = 'none' | 'highlight'
+export type AlignHorizontalFull = 'left' | 'center' | 'right' | undefined
+export type AlignHorizontalReduced = 'left' | 'right' | undefined

package/assets/css/components/carousel.css

@@ -1,91 +0,0 @@
-@layer components {
-  .carousel {
-    .carousel__viewport {
-      @apply mb-12 overflow-y-auto md:mb-24;
-    }
-
-    .carousel__track {
-      @apply md:items-baseline;
-    }
-
-    .carousel__slide {
-      @apply items-start md:items-center;
-    }
-
-    /**
-     * Most classes in here come directly from vue3-carousel
-     */
-    .carousel__slide__inner {
-      @apply relative aspect-[800/350] w-full;
-      @apply mx-[10px]; /* Half of 20px, which would be mx-5. If we use a gap-5 instead, vue3-carousel starts to misalign stuff. Badly. */
-
-      .carousel__slide__image {
-        /* 58.33% and 41.66% are 7/12th and 5/12th respectively. Doing this with grid would've been even messier. */
-        @apply aspect-[800/600] md:w-[58.33%];
-        @apply z-20 md:absolute md:right-[41.66%] md:origin-bottom md:scale-100;
-      }
-
-      .carousel__slide__content {
-        @apply text-left md:relative md:ml-[58.33%] md:w-[41.6666667%] md:opacity-100;
-        @apply break-words pb-8 pl-3 pr-[50px] pt-3 md:py-8 md:pl-6 md:pr-6 lg:pl-[100px];
-      }
-    }
-
-    .carousel__slide--sliding {
-      .carousel__slide__image,
-      .carousel__slide__content {
-        @apply duration-[750ms] transition-all ease-in-out;
-      }
-    }
-
-    .carousel__slide--next {
-      .carousel__slide__image {
-        @apply md:right-[41.6666667%] md:origin-bottom-left md:scale-75;
-      }
-
-      .carousel__slide__content {
-        @apply opacity-0;
-      }
-    }
-
-    .carousel__slide--prev,
-    .carousel__slide:has(~ .carousel__slide--prev) {
-      .carousel__slide__image {
-        @apply md:right-0 md:origin-bottom-right md:scale-75;
-      }
-
-      .carousel__slide__content {
-        @apply opacity-0;
-      }
-    }
-
-    .carousel__slide--next,
-    .carousel__slide--prev {
-      @apply cursor-pointer transition-all duration-250 ease-in-out;
-    }
-
-    .carousel__slide--prev:hover,
-    .carousel__slide--next:hover {
-      filter: brightness(1.2);
-    }
-
-    .carousel__navigation-container--outer {
-      @apply duration-[750ms] pointer-events-none absolute top-[var(--carousel-nav-top-position)] hidden w-full transition-all ease-in-out md:block;
-    }
-
-    .carousel__navigation-container {
-      @apply /* That value is equal to the slide with on md and up */ w-[66.6667%] px-[10px];
-      @apply mx-auto flex;
-    }
-
-    .carousel__navigation-container--inner {
-      @apply w-[58.33%] py-8 pr-8;
-      @apply flex justify-end gap-5;
-    }
-
-    .carousel__prev,
-    .carousel__next {
-      @apply pointer-events-auto relative left-[inherit] right-[inherit] m-0 h-6 w-6 rounded text-primary-500 backdrop-blur-[20px];
-    }
-  }
-}

package/assets/css/components/dialog.css

@@ -1,9 +0,0 @@
-@tailwind components;
-
-@layer components {
-  .dialog-content {
-    > button.absolute.right-4.top-4.rounded-sm {
-      @apply hidden;
-    }
-  }
-}

package/assets/css/components/link.css

@@ -1,21 +0,0 @@
-@layer components {
-  .link {
-    @apply text-primary-500;
-    @apply hover:text-primary-800 hover:visited:text-primary-800;
-    @apply visited:text-primary-900;
-    @apply active:text-primary-700;
-  }
-
-  .link-inverted {
-    @apply text-white;
-    @apply hover:text-white/80;
-    @apply active:text-white;
-  }
-
-  .inline-link {
-    @apply text-primary-500;
-    @apply hover:text-primary-800 hover:visited:text-primary-800;
-    @apply visited:text-primary-900;
-    @apply active:text-primary-700;
-  }
-}

package/assets/css/typography.css

@@ -1,71 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
-
-@layer base {
-  h1,
-  .h1,
-  h2,
-  .h2,
-  h3,
-  .h3,
-  h4,
-  .h4,
-  h5,
-  .h5,
-  h6,
-  .h6 {
-    @apply hyphens-auto font-bold;
-  }
-
-  h1,
-  .h1 {
-    @apply mb-4 text-5xl lg:text-7xl;
-  }
-
-  h2,
-  .h2 {
-    @apply mb-4 text-3xl leading-tight lg:text-5xl;
-  }
-
-  h3,
-  .h3 {
-    @apply mb-4 text-2xl leading-tight lg:text-4xl;
-  }
-
-  h4,
-  .h4 {
-    @apply mb-4 text-xl leading-tight lg:text-3xl;
-  }
-
-  h5,
-  .h5 {
-    @apply mb-2 text-lg lg:text-2xl;
-  }
-
-  h6,
-  .h6 {
-    @apply mb-2 text-base lg:text-lg;
-  }
-
-  .ck-content {
-    strong {
-      @apply font-bold;
-    }
-
-    a {
-      @apply underline hover:no-underline;
-    }
-
-    p {
-      @apply mb-2;
-    }
-
-    .text-lead {
-      @apply text-lg font-medium;
-    }
-
-    .text-small {
-      @apply text-sm;
-    }
-  }
-}

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

@@ -1 +0,0 @@
-<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/CallToAction/icon-blokkli-option-large-spacing-top.svg

@@ -1 +0,0 @@
-<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/CallToAction/icon-blokkli-option-no-spacing.svg

@@ -1 +0,0 @@
-<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/CallToAction/icon-blokkli-option-small-spacing-bottom.svg

@@ -1 +0,0 @@
-<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/CallToAction/icon-blokkli-option-small-spacing-top.svg

@@ -1 +0,0 @@
-<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/Card/Layout/icon-blokkli-option-large-spacing-bottom.svg

@@ -1 +0,0 @@
-<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/Card/Layout/icon-blokkli-option-large-spacing-top.svg

@@ -1 +0,0 @@
-<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/Card/Layout/icon-blokkli-option-large-spacing.svg

@@ -1 +0,0 @@
-<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/Card/Layout/icon-blokkli-option-no-spacing.svg

@@ -1 +0,0 @@
-<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/Card/Layout/icon-blokkli-option-small-spacing-bottom.svg

@@ -1 +0,0 @@
-<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/Card/Layout/icon-blokkli-option-small-spacing-top.svg

@@ -1 +0,0 @@
-<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/Card/Layout/icon-blokkli-option-small-spacing.svg

@@ -1 +0,0 @@
-<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/Contact/icon-blokkli-option-large-spacing-bottom.svg

@@ -1 +0,0 @@
-<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/Contact/icon-blokkli-option-large-spacing-top.svg

@@ -1 +0,0 @@
-<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/Contact/icon-blokkli-option-no-spacing.svg

@@ -1 +0,0 @@
-<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/Contact/icon-blokkli-option-small-spacing-bottom.svg

@@ -1 +0,0 @@
-<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/Contact/icon-blokkli-option-small-spacing-top.svg

@@ -1 +0,0 @@
-<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/Downloads/icon-blokkli-option-large-spacing-bottom.svg

@@ -1 +0,0 @@
-<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/Downloads/icon-blokkli-option-large-spacing-top.svg

@@ -1 +0,0 @@
-<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/Downloads/icon-blokkli-option-no-spacing.svg

@@ -1 +0,0 @@
-<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/Downloads/icon-blokkli-option-small-spacing-bottom.svg

@@ -1 +0,0 @@
-<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/Downloads/icon-blokkli-option-small-spacing-top.svg

@@ -1 +0,0 @@
-<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/FAQ/Element/icon-blokkli-option-large-spacing.svg

@@ -1 +0,0 @@
-<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"/><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/FAQ/Element/icon-blokkli-option-no-spacing.svg

@@ -1 +0,0 @@
-<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/FAQ/Element/icon-blokkli-option-small-spacing.svg

@@ -1 +0,0 @@
-<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"/><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/FAQ/Layout/icon-blokkli-option-large-spacing-bottom.svg

@@ -1 +0,0 @@
-<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/FAQ/Layout/icon-blokkli-option-large-spacing-top.svg

@@ -1 +0,0 @@
-<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/FAQ/Layout/icon-blokkli-option-no-spacing.svg

@@ -1 +0,0 @@
-<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/FAQ/Layout/icon-blokkli-option-small-spacing-bottom.svg

@@ -1 +0,0 @@
-<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/FAQ/Layout/icon-blokkli-option-small-spacing-top.svg

@@ -1 +0,0 @@
-<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/FlipTeasers/icon-blokkli-option-large-spacing-bottom.svg

@@ -1 +0,0 @@
-<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/FlipTeasers/icon-blokkli-option-large-spacing-top.svg

@@ -1 +0,0 @@
-<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/FlipTeasers/icon-blokkli-option-no-spacing.svg

@@ -1 +0,0 @@
-<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/FlipTeasers/icon-blokkli-option-small-spacing-bottom.svg

@@ -1 +0,0 @@
-<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/FlipTeasers/icon-blokkli-option-small-spacing-top.svg

@@ -1 +0,0 @@
-<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/FlipTeasers/icon.svg

@@ -1,7 +0,0 @@
-<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"/>
-<circle cx="9.5" cy="12.5" r="2.75" fill="none" stroke="currentColor" stroke-width="1.5"/>
-<path d="M7 20H19" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
-<path d="M7 23H19" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
-</svg>

package/components/Blokkli/FlipTeasers/index.vue

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

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

@@ -1 +0,0 @@
-<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/Gallery/icon-blokkli-option-large-spacing-top.svg

@@ -1 +0,0 @@
-<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/Gallery/icon-blokkli-option-no-spacing.svg

@@ -1 +0,0 @@
-<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/Gallery/icon-blokkli-option-small-spacing-bottom.svg

@@ -1 +0,0 @@
-<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/Gallery/icon-blokkli-option-small-spacing-top.svg

@@ -1 +0,0 @@
-<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>