@bojantest/ui 0.1.1

package/README.md

@@ -0,0 +1,36 @@
+# @milram/ui
+
+MILRAM design system package — CSS, JS modules, and HTML snippets.
+
+## Install
+
+```bash
+npm install @milram/ui swiper
+```
+
+## CSS
+
+```html
+<link rel="stylesheet" href="node_modules/@milram/ui/dist/index.css">
+```
+
+## HTML
+
+Copy markup from `src/html/` or browse Storybook for live examples.
+
+## JS (interactive components)
+
+```html
+<script type="module">
+  import { initRecipeSlider } from '@milram/ui/js/recipe-slider.mjs';
+  initRecipeSlider();
+</script>
+```
+
+Swiper is a peer dependency for slider modules.
+
+## Build (maintainers)
+
+```bash
+npm run build -w @milram/ui
+```

package/dist/index.css

@@ -0,0 +1 @@
+:root{--clr-black: #000000;--clr-white: #ffffff;--clr-white-alpha-0: rgb(255 255 255 / 0);--clr-white-alpha-50: rgb(255 255 255 / 0.05);--clr-white-alpha-100: rgb(255 255 255 / 0.1);--clr-white-alpha-200: rgb(255 255 255 / 0.2);--clr-white-alpha-300: rgb(255 255 255 / 0.3);--clr-white-alpha-400: rgb(255 255 255 / 0.4);--clr-white-alpha-500: rgb(255 255 255 / 0.5);--clr-white-alpha-600: rgb(255 255 255 / 0.6);--clr-white-alpha-700: rgb(255 255 255 / 0.7);--clr-white-alpha-800: rgb(255 255 255 / 0.8);--clr-white-alpha-900: rgb(255 255 255 / 0.9);--clr-grey-50: #f6f6f6;--clr-grey-100: #f1f1f1;--clr-grey-200: #e3e3e3;--clr-grey-300: #d4d4d4;--clr-grey-400: #c6c6c6;--clr-grey-500: #b8b8b8;--clr-grey-600: #939393;--clr-grey-700: #6e6e6e;--clr-grey-800: #4a4a4a;--clr-grey-900: #252525;--clr-red-50: #ffe6e6;--clr-red-100: #ffcccc;--clr-red-200: #ff9999;--clr-red-300: #ff6666;--clr-red-400: #ff3333;--clr-red-500: #ff0000;--clr-red-600: #cc0000;--clr-red-700: #990000;--clr-red-800: #660000;--clr-red-900: #330000;--clr-green-50: #e6ffe6;--clr-green-100: #ccffcc;--clr-green-200: #99ff99;--clr-green-300: #66ff66;--clr-green-400: #33ff33;--clr-green-500: #00ff00;--clr-green-600: #00cc00;--clr-green-700: #009900;--clr-green-800: #006600;--clr-green-900: #003300;--clr-blue-50: #ebf7ff;--clr-blue-100: #85ceff;--clr-blue-200: #47b6ff;--clr-blue-300: #1fa5ff;--clr-blue-400: #0087e0;--clr-blue-500: #006eb7;--clr-blue-600: #00568f;--clr-blue-700: #003d66;--clr-blue-800: #0e204b;--clr-blue-900: #001629;--clr-light-blue-50: #eef6fc;--clr-light-blue-100: #dcedf9;--clr-light-blue-200: #b9dcf3;--clr-light-blue-300: #a8d3f0;--clr-light-blue-400: #86c2ea;--clr-light-blue-500: #65b2e4;--clr-light-blue-600: #52a7e0;--clr-light-blue-700: #2f96da;--clr-light-blue-800: #2280bf;--clr-light-blue-900: #185d8b;--clr-vegan-green-50: #e5f1ea;--clr-vegan-green-100: #cce3d6;--clr-vegan-green-200: #99c8ac;--clr-vegan-green-300: #66ac83;--clr-vegan-green-400: #339159;--clr-vegan-green-500: #007530;--clr-vegan-green-600: #005e26;--clr-vegan-green-700: #00461d;--clr-vegan-green-800: #002f13;--clr-vegan-green-900: #00170a;--clr-vegan-turquoise: #68baa7;--clr-vegan-pink: #d93784;--clr-vegan-purple: #5f3d8a;--clr-vegan-orange: #df5426;--clr-vegan-red: #dc3756;--clr-vegan-lila: #ad217a;--font-family-heading: 'La Presse', 'Arial Narrow', sans-serif;--font-family-heading-bold: 'La Presse Bold', 'La Presse', 'Arial Narrow', sans-serif;--font-family-body: 'Milram', 'Helvetica Neue', Arial, sans-serif;--font-family-body-highlight: 'Milram Bold', 'Milram', 'Helvetica Neue', Arial, sans-serif;--font-weight-regular: 400;--font-weight-bold: 700;--letter-spacing-0: 0;--font-family-h2: var(--font-family-heading);--font-size-h1: clamp(3.125rem, 3.75vw + 1.625rem, 5rem);--line-height-h1: 1.2;--font-size-h2: clamp(2.813rem, 2.5vw + 1.813rem, 4.063rem);--line-height-h2: 1.2;--font-size-h3: clamp(2.188rem, 1.25vw + 1.688rem, 2.813rem);--line-height-h3: 1.2;--font-size-h4: clamp(1.5rem, 1vw + 1.1rem, 2rem);--line-height-h4: 1.1666666667;--font-size-h5: 1.125rem;--line-height-h5: 1.2222222222;--font-size-body-lg: 1.125rem;--line-height-body-lg: 1.3888888889;--paragraph-spacing-lg: 1.375rem;--font-size-body-md: 1rem;--line-height-body-md: 1.375;--paragraph-spacing-md: 1.25rem;--font-size-body-sm: 0.875rem;--line-height-body-sm: 1.4285714286;--paragraph-spacing-sm: 1.125rem;--font-size-body-cta: 1rem;--line-height-body-cta: 1.375;--font-size-body-tag: 1rem;--line-height-body-tag: 1;--radius-pill: 2.5rem;--shadow-sm: 0 0.25rem 0.5rem rgb(0 0 0 / 0.1);--container-max-width: 90rem;--container-padding-inline: 1.5rem;--grid-gutter: 1rem;--grid-columns: 12;--z-header: 100;--z-skip-link: 200}@media(width > 768px){:root{--font-family-h2: var(--font-family-heading-bold);--line-height-h4: 1.1875}}@font-face{font-family:"La Presse";src:url("../fonts/LaPresse05-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"La Presse Bold";src:url("../fonts/LaPresse05-Bold.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Milram";src:url("../fonts/Milram-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Milram Bold";src:url("../fonts/Milram-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}*,*::before,*::after{box-sizing:border-box}*{margin:0}img,picture,video,canvas,svg{display:block;max-inline-size:100%}input,button,textarea,select,optgroup{font:inherit;color:inherit}textarea{resize:vertical;resize:block}:where(ul,ol)[role=list]{list-style:none;padding:0}:focus-visible{outline:2px solid currentcolor;outline-offset:2px}:focus:not(:focus-visible){outline:none}[hidden]{display:none !important}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}p{overflow-wrap:break-word;text-wrap:pretty}.h1{font-family:var(--font-family-heading);font-size:var(--font-size-h1);font-weight:var(--font-weight-regular);line-height:var(--line-height-h1);letter-spacing:var(--letter-spacing-0);text-transform:uppercase}.h2{font-family:var(--font-family-h2);font-size:var(--font-size-h2);font-weight:var(--font-weight-regular);line-height:var(--line-height-h2);letter-spacing:var(--letter-spacing-0);text-transform:uppercase}.h3{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-regular);line-height:var(--line-height-h3);letter-spacing:var(--letter-spacing-0);text-transform:uppercase}.h4{font-family:var(--font-family-heading);font-size:var(--font-size-h4);font-weight:var(--font-weight-regular);line-height:var(--line-height-h4);letter-spacing:var(--letter-spacing-0);text-transform:uppercase}.h5{font-family:var(--font-family-heading);font-size:var(--font-size-h5);font-weight:var(--font-weight-regular);line-height:var(--line-height-h5);letter-spacing:var(--letter-spacing-0);text-transform:uppercase}.body-lg{font-family:var(--font-family-body);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-lg);letter-spacing:var(--letter-spacing-0)}.body-lg-highlight{font-family:var(--font-family-body-highlight);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-body-lg);letter-spacing:var(--letter-spacing-0)}.body-lg-textlink{font-family:var(--font-family-body);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-lg);letter-spacing:var(--letter-spacing-0);text-decoration:underline}.body-md{font-family:var(--font-family-body);font-size:var(--font-size-body-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-md);letter-spacing:var(--letter-spacing-0)}.body-md-highlight{font-family:var(--font-family-body-highlight);font-size:var(--font-size-body-md);font-weight:var(--font-weight-bold);line-height:var(--line-height-body-md);letter-spacing:var(--letter-spacing-0)}.body-md-textlink{font-family:var(--font-family-body);font-size:var(--font-size-body-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-md);letter-spacing:var(--letter-spacing-0);text-decoration:underline}.body-sm{font-family:var(--font-family-body);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-sm);letter-spacing:var(--letter-spacing-0)}.body-sm-highlight{font-family:var(--font-family-body-highlight);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-body-sm);letter-spacing:var(--letter-spacing-0)}.body-sm-textlink{font-family:var(--font-family-body);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-sm);letter-spacing:var(--letter-spacing-0);text-decoration:underline}.body-cta-text{font-family:var(--font-family-heading);font-size:var(--font-size-body-cta);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-cta);letter-spacing:var(--letter-spacing-0);text-transform:uppercase}.body-cta-textlink{font-family:var(--font-family-heading);font-size:var(--font-size-body-cta);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-cta);letter-spacing:var(--letter-spacing-0);text-transform:uppercase;text-decoration:underline}.body-tag-text{font-family:var(--font-family-heading);font-size:var(--font-size-body-tag);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-tag);letter-spacing:var(--letter-spacing-0);text-transform:uppercase}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link:focus-visible{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--z-skip-link);inline-size:auto;block-size:auto;margin:0;padding-block:1rem;padding-inline:1.5rem;overflow:visible;clip-path:none;white-space:nowrap;background-color:var(--clr-blue-800);color:var(--clr-white);text-decoration:none;box-shadow:var(--shadow-sm)}html{-webkit-text-size-adjust:100%;tab-size:4;hanging-punctuation:first last}body{min-height:100dvh;font-family:var(--font-family-body);font-size:var(--font-size-body-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-md);-webkit-font-smoothing:antialiased}ul{list-style-type:none;margin:0;padding:0}button{border:none;background-color:rgba(0,0,0,0);padding:0;appearance:none;cursor:pointer}.container{inline-size:100%;max-inline-size:var(--container-max-width);margin-inline:auto;padding-inline:var(--container-padding-inline)}.button{display:flex;justify-content:center;align-items:flex-end;flex-direction:row;gap:.625rem;min-inline-size:2.5rem;min-block-size:2.875rem;padding-block:.625rem;padding-inline:1.25rem;border:none;cursor:pointer;text-decoration:none;color:var(--clr-blue-800);transition:background-color var(--duration-default, 200ms) var(--ease-default, ease-out),color var(--duration-default, 200ms) var(--ease-default, ease-out),border-color var(--duration-default, 200ms) var(--ease-default, ease-out),box-shadow var(--duration-default, 200ms) var(--ease-default, ease-out),opacity var(--duration-default, 200ms) var(--ease-default, ease-out)}.button:disabled,.button[aria-disabled=true]{cursor:not-allowed}@media(prefers-reduced-motion: reduce){.button{transition:none}}.button--outline{background-color:var(--clr-white-alpha-0);border:3px solid var(--clr-blue-800);border-radius:var(--radius-pill);color:var(--clr-blue-800)}.button--outline:hover:not(:disabled,[aria-disabled=true]){border-color:var(--clr-blue-500);color:var(--clr-blue-500);box-shadow:var(--shadow-sm)}.button--outline:active:not(:disabled,[aria-disabled=true]){background-color:var(--clr-blue-100);border-color:var(--clr-blue-800);color:var(--clr-blue-800);box-shadow:none}.button--outline:focus-visible{outline:none;background-color:var(--clr-white-alpha-0);border-color:var(--clr-blue-100);color:var(--clr-blue-800);box-shadow:none}.button--outline:disabled,.button--outline[aria-disabled=true]{background-color:var(--clr-blue-50);border-color:var(--clr-light-blue-200);color:var(--clr-light-blue-200);box-shadow:none}.button--link{background-color:rgba(0,0,0,0);border-radius:0;color:var(--clr-blue-800)}.button--link:hover:not(:disabled,[aria-disabled=true]){color:var(--clr-blue-500)}.button--link:active:not(:disabled,[aria-disabled=true]){color:var(--clr-light-blue-500)}.button--link:focus-visible{outline:none;color:var(--clr-blue-800)}.button--link:disabled,.button--link[aria-disabled=true]{color:var(--clr-light-blue-100)}.button--inverted.button--outline{background-color:var(--clr-white-alpha-0);border-color:var(--clr-white);color:var(--clr-white)}.button--inverted.button--outline:hover:not(:disabled,[aria-disabled=true]){background-color:var(--clr-light-blue-300);border-color:var(--clr-white);color:var(--clr-white);box-shadow:none}.button--inverted.button--outline:active:not(:disabled,[aria-disabled=true]){background-color:var(--clr-blue-100);border-color:var(--clr-white);color:var(--clr-white);box-shadow:none}.button--inverted.button--outline:focus-visible{background-color:var(--clr-white-alpha-0);border-color:var(--clr-blue-100);color:var(--clr-white);box-shadow:none}.button--inverted.button--outline:disabled,.button--inverted.button--outline[aria-disabled=true]{background-color:var(--clr-white-alpha-50);border-color:var(--clr-white-alpha-200);color:var(--clr-white-alpha-200);box-shadow:none}.button--inverted.button--link{color:var(--clr-white)}.button--inverted.button--link:hover:not(:disabled,[aria-disabled=true]){color:var(--clr-light-blue-300)}.button--inverted.button--link:active:not(:disabled,[aria-disabled=true]){color:var(--clr-blue-100)}.button--inverted.button--link:focus-visible{color:var(--clr-white)}.button--inverted.button--link:disabled,.button--inverted.button--link[aria-disabled=true]{color:var(--clr-white-alpha-200)}.button__icon{flex-shrink:0;inline-size:1.625rem;block-size:1.625rem;background-color:currentColor;mask-image:url("../img/_icn/chevron-right.svg");mask-repeat:no-repeat;mask-position:center;mask-size:.625rem .625rem;-webkit-mask-image:url("../img/_icn/chevron-right.svg");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:.625rem .625rem}@supports(interpolate-size: allow-keywords){:root{interpolate-size:allow-keywords}.accordion__item[open]::details-content{block-size:auto}}.product-accordion{padding-block:3.125rem;background-color:var(--clr-grey-50)}.accordion{display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column}.accordion__item{border-block-start:1px solid var(--clr-blue-800);padding-block-start:var(--paragraph-spacing-md);padding-block-end:var(--paragraph-spacing-md)}.accordion__item::details-content{block-size:0;overflow:clip;transition:block-size var(--duration-default, 200ms) var(--ease-default, ease-out),content-visibility var(--duration-default, 200ms) allow-discrete}.accordion__item[open]::details-content{block-size:auto}.accordion__item:last-child{border-block-end:1px solid var(--clr-blue-800)}.accordion__item:has(>.accordion__summary:focus-visible){position:relative;z-index:1}.accordion__summary{display:grid;grid-template-columns:1fr auto;gap:.625rem;align-items:center;color:var(--clr-blue-800);cursor:pointer;list-style:none;transition:color var(--duration-default, 200ms) var(--ease-default, ease-out),background-color var(--duration-default, 200ms) var(--ease-default, ease-out)}.accordion__summary::-webkit-details-marker,.accordion__summary::marker{display:none}.accordion__summary:hover,.accordion__summary:focus-visible{color:var(--clr-blue-800);background-color:var(--clr-grey-50)}.accordion__summary:focus-visible{outline:2px solid var(--color-focus, currentcolor);outline-offset:var(--focus-offset, 3px);border-radius:var(--radius-focus, 2px)}.accordion__question{margin:0;color:inherit}.accordion__icon{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-shrink:0;inline-size:1.1875rem;block-size:1.1875rem}.accordion__icon-image{inline-size:1.1875rem;block-size:1.1875rem;max-inline-size:none}.accordion__icon-image--minus{display:none}.accordion__item[open] .accordion__icon-image--plus{display:none}.accordion__item[open] .accordion__icon-image--minus{display:block}.accordion__content{padding-block-start:var(--paragraph-spacing-md);color:var(--clr-blue-800)}.accordion__content :first-child{margin-block-start:0}.accordion__content :last-child{margin-block-end:0}@media(prefers-reduced-motion: reduce){.accordion__item,.accordion__item::details-content,.accordion__summary{transition:none}}.social-share{padding-block:3.125rem}.social-share__inner{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1.25rem}.social-share__title{max-inline-size:22.4375rem;color:var(--clr-blue-800);text-align:center}.social-share__list{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:2.5rem}.social-share__item{flex-shrink:0}.social-share__link{line-height:0}.social-share__link:focus-visible{outline:2px solid var(--color-focus, currentcolor);outline-offset:var(--focus-offset, 3px);border-radius:var(--radius-focus, 2px)}.social-share__link{transition:opacity var(--duration-default, 200ms) var(--ease-default, ease-out)}.social-share__link:hover{opacity:.85}@media(prefers-reduced-motion: reduce){.social-share__link{transition:none}}.share-widget{position:fixed;inset-inline-end:0;top:50%;z-index:var(--z-header);inline-size:4.875rem;overflow:hidden;transform:translateY(-50%)}.share-widget--open,.share-widget--closing{inline-size:var(--share-widget-open-width, 4.875rem)}.share-widget__bar{position:absolute;inset-inline-end:0;top:0;display:flex;justify-content:flex-start;align-items:stretch;flex-direction:row;inline-size:max-content;border-start-start-radius:.5rem;border-end-start-radius:.5rem;box-shadow:0 .5rem .5rem rgba(0,0,0,.1);background-color:var(--clr-white);transform:translateX(var(--share-widget-translate-closed, 0));transition:transform var(--duration-default, 200ms) var(--ease-default, ease-out)}@media(prefers-reduced-motion: reduce){.share-widget__bar{transition:none}}.share-widget--open .share-widget__bar{box-shadow:0 .5rem 1rem rgba(0,0,0,.1);transform:translateX(0)}.share-widget__panel{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-shrink:0;padding-inline:1.25rem;background-color:var(--clr-white);pointer-events:none}.share-widget--open .share-widget__panel{pointer-events:auto}.share-widget__list{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:2.5rem;padding:0;margin:0;list-style:none}.share-widget__item{flex-shrink:0}.share-widget__link{line-height:0}.share-widget__link:focus-visible{outline:2px solid var(--color-focus, currentcolor);outline-offset:var(--focus-offset, 3px);border-radius:var(--radius-focus, 2px)}.share-widget__link{transition:opacity var(--duration-default, 200ms) var(--ease-default, ease-out)}.share-widget__link:hover{opacity:.85}@media(prefers-reduced-motion: reduce){.share-widget__link{transition:none}}.share-widget__toggle{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-shrink:0;gap:.625rem;padding:1.25rem;border:0;background-color:var(--clr-white);color:var(--clr-blue-800);cursor:pointer}.share-widget__toggle:focus-visible{outline:2px solid var(--color-focus, currentcolor);outline-offset:var(--focus-offset, 3px);border-radius:var(--radius-focus, 2px)}.share-widget--open .share-widget__toggle{background-color:var(--clr-blue-800);color:var(--clr-white)}.share-widget--open .share-widget__toggle-icon{filter:brightness(0) invert(1)}.share-widget__label{font-size:.75rem;line-height:1.3333333333}.image-text-teaser{padding-block:3.125rem}.image-text-teaser__inner{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:1.375rem}@media(width > 768px){.image-text-teaser__inner{flex-direction:row;align-items:flex-start;gap:2.875rem}}@media(width > 768px){.image-text-teaser--image-right .image-text-teaser__inner{flex-direction:row-reverse}}.image-text-teaser__media{flex-shrink:0;inline-size:100%;max-inline-size:20.9375rem;margin-inline:auto;overflow:hidden;border-start-start-radius:.125rem;border-start-end-radius:.125rem;background-color:var(--clr-grey-400)}@media(width > 768px){.image-text-teaser__media{flex:1 1 0;min-inline-size:0;max-inline-size:none;margin-inline:0}}.image-text-teaser__media img{inline-size:100%;max-inline-size:100%;block-size:auto;object-fit:cover}.image-text-teaser__content{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:1.125rem;inline-size:100%}@media(width > 768px){.image-text-teaser__content{flex:1 1 0;min-inline-size:0;gap:1.25rem}}.image-text-teaser__content :is(h1,h2,h3,h4,h5,h6,p){color:var(--clr-blue-800)}.teaser-fullscreen{padding-block:3.125rem;padding-inline:.625rem;background-color:var(--clr-grey-50)}@media(width > 768px){.teaser-fullscreen{padding-block:0;padding-inline:0;background-color:rgba(0,0,0,0)}}.teaser-fullscreen__slider-row{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1.875rem}@media(width > 768px){.teaser-fullscreen__slider-row{gap:0}}.teaser-fullscreen__slider{display:flex;flex-direction:column;inline-size:100%}.teaser-fullscreen__slider .swiper-wrapper{order:1}.teaser-fullscreen__slider.swiper-fade .swiper-slide:not(.swiper-slide-active){pointer-events:none}.teaser-fullscreen__nav{order:2;position:static;display:flex;justify-content:center;gap:1.25rem;margin-block-start:1.875rem}@media(width > 768px){.teaser-fullscreen__nav{justify-content:flex-start;max-inline-size:32.0625rem;margin-block-start:2rem;padding-inline-start:calc(50% + 6.65625rem)}}.teaser-fullscreen__nav .swiper-button-prev,.teaser-fullscreen__nav .swiper-button-next{position:static;margin:0;inset:auto;transform:none;inline-size:2.5rem;block-size:2.5rem;background:rgba(0,0,0,0);border:0;padding:0}.teaser-fullscreen__nav .swiper-button-prev:focus-visible,.teaser-fullscreen__nav .swiper-button-next:focus-visible{outline:2px solid var(--clr-blue-800);outline-offset:2px}.teaser-fullscreen__nav .swiper-button-prev::after,.teaser-fullscreen__nav .swiper-button-next::after{content:"";display:block;inline-size:2.5rem;block-size:2.5rem;background-position:center;background-repeat:no-repeat;background-size:contain}.teaser-fullscreen__nav .swiper-button-prev::after{background-image:url("../img/_icn/how-to-arrow-left.svg")}.teaser-fullscreen__nav .swiper-button-next::after{background-image:url("../img/_icn/how-to-arrow-right.svg")}.teaser-fullscreen__slide{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:0;inline-size:100%;max-inline-size:22.1875rem}@media(width > 768px){.teaser-fullscreen__slide{flex-direction:row;align-items:flex-end;justify-content:center;gap:0;max-inline-size:90rem}}.teaser-fullscreen__media{inline-size:100%;margin-block-end:-1.875rem;overflow:hidden;background-color:var(--clr-grey-400);aspect-ratio:355/262}@media(width > 768px){.teaser-fullscreen__media{flex-shrink:0;inline-size:44.625rem;block-size:33.125rem;margin-block-end:0;margin-inline-end:-5.5rem;aspect-ratio:auto}}.teaser-fullscreen__media img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.teaser-fullscreen__panel{position:relative;inline-size:20.9375rem;margin-inline:auto;padding-block:1.875rem 1.25rem;padding-inline:1.25rem;background-color:var(--clr-blue-500);z-index:1}@media(width > 768px){.teaser-fullscreen__panel{flex-shrink:0;inline-size:38.3125rem;margin-inline:0;padding-block:2.5rem 1.25rem}}.teaser-fullscreen__panel :is(h1,h2,h3,h4,h5,h6,p){color:var(--clr-white)}.teaser-fullscreen__content{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:1.25rem}.teaser-fullscreen__tag{display:flex;justify-content:center;align-items:center;flex-direction:row;position:absolute;inset-block-start:-1.25rem;inset-inline-start:1.25rem;transform:rotate(-2deg)}.teaser-fullscreen__tag-brush{flex-shrink:0;display:block}.teaser-fullscreen__tag-label{background-color:var(--clr-light-blue-500);color:var(--clr-white);padding-block:.625rem;white-space:nowrap}.tipps{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1.125rem;inline-size:100%;max-inline-size:20.9375rem;margin-inline:auto;padding-block:1.875rem;padding-inline:.625rem;background-color:var(--clr-blue-500);text-align:center}@media(width > 768px){.tipps{max-inline-size:25.625rem}}.tipps__header{display:grid;grid-template-columns:auto auto;gap:.625rem;align-items:center;align-self:center;max-inline-size:100%;padding-inline:1.5rem;text-align:start}.tipps__icon{line-height:0}.tipps :is(h1,h2,h3,h4,h5,h6,p){color:var(--clr-white)}.how-to{padding-block:3.125rem;background-color:var(--clr-grey-50)}@media(width > 768px){.how-to{padding-block:0;background-color:rgba(0,0,0,0)}}.how-to__inner{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1.375rem}.how-to__title{text-align:center;color:var(--clr-blue-800)}.how-to__slider-row{position:relative;inline-size:100%}@media(width > 768px){.how-to__slider-row{padding-inline:5rem}}.how-to__slider{inline-size:100%}.how-to__slider .swiper-slide{display:flex;block-size:auto;align-self:stretch;justify-content:center}.how-to__slider .swiper-button-prev,.how-to__slider .swiper-button-next{display:none;margin:0;opacity:1;background:var(--clr-white);inline-size:5rem;block-size:5rem;border-radius:0;padding-inline:1.125rem;padding-block:1.25rem}@media(width > 768px){.how-to__slider .swiper-button-prev,.how-to__slider .swiper-button-next{display:flex;align-items:center;justify-content:center}}.how-to__slider .swiper-button-prev:focus-visible,.how-to__slider .swiper-button-next:focus-visible{outline:2px solid var(--clr-blue-800);outline-offset:2px}.how-to__slider .swiper-button-prev svg,.how-to__slider .swiper-button-next svg{display:none}.how-to__slider .swiper-button-prev::after,.how-to__slider .swiper-button-next::after{content:"";display:block;inline-size:2.5rem;block-size:2.5rem;background-position:center;background-repeat:no-repeat;background-size:contain}@media(width > 768px){.how-to__slider .swiper-button-prev{inset-inline-start:0;inset-block-start:50%;margin-inline-start:-5rem;transform:translateY(-50%)}}.how-to__slider .swiper-button-prev::after{background-image:url("../img/_icn/how-to-arrow-left.svg")}@media(width > 768px){.how-to__slider .swiper-button-next{inset-inline-end:0;inset-block-start:50%;margin-inline-end:-5rem;transform:translateY(-50%)}}.how-to__slider .swiper-button-next::after{background-image:url("../img/_icn/how-to-arrow-right.svg")}.how-to__slider .swiper-pagination{position:static;margin-block-start:1.375rem}.how-to__slider .swiper-pagination-bullet{inline-size:.625rem;block-size:.625rem;margin:0 .3125rem;opacity:1;background:rgba(0,0,0,0);border:1px solid var(--clr-blue-800)}.how-to__slider .swiper-pagination-bullet-active{inline-size:.9375rem;block-size:.9375rem;background:var(--clr-blue-800);border-color:var(--clr-blue-800)}.how-to__step{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1.125rem;padding:.625rem;text-align:center;max-inline-size:20.1875rem}.how-to__visual{position:relative;inline-size:12.5rem;block-size:12.5rem;line-height:0}.how-to__brush{position:absolute;inset:0}.how-to__icon{position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%, -50%)}.how-to__step :is(h1,h2,h3,h4,h5,h6,p){color:var(--clr-blue-800)}.how-to__step .body-lg{max-inline-size:18.9375rem}.recipe-slider{padding-block:3.125rem;background-color:var(--clr-grey-50)}@media(width > 768px){.recipe-slider{padding-block:3.75rem}}.recipe-slider__inner{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1.125rem}.recipe-slider__intro{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1.125rem;max-inline-size:20.9375rem;text-align:center}@media(width > 768px){.recipe-slider__intro{max-inline-size:56.25rem}}.recipe-slider__intro :is(h1,h2,h3,h4,h5,h6,p){color:var(--clr-blue-800)}.recipe-slider__tag{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-shrink:0;transform:rotate(-2deg)}.recipe-slider__tag-brush{flex-shrink:0;display:block}.recipe-slider__tag-label{background-color:var(--clr-light-blue-500);color:var(--clr-white);padding-block:.625rem;white-space:nowrap}.recipe-slider__intro .body-lg{max-inline-size:20.9375rem}@media(width > 768px){.recipe-slider__intro .body-lg{max-inline-size:39.375rem}}.recipe-slider__slider-row{position:relative;inline-size:100%}@media(width > 768px){.recipe-slider__slider-row{padding-inline:5rem}}.recipe-slider__slider{inline-size:100%}.recipe-slider__slider .swiper-slide{display:flex;block-size:auto;align-self:stretch;justify-content:center}.recipe-slider__slider .swiper-button-prev,.recipe-slider__slider .swiper-button-next{display:none;margin:0;opacity:1;background:var(--clr-white);inline-size:5rem;block-size:5rem;border-radius:0;padding-inline:1.125rem;padding-block:1.25rem}@media(width > 768px){.recipe-slider__slider .swiper-button-prev,.recipe-slider__slider .swiper-button-next{display:flex;align-items:center;justify-content:center}}.recipe-slider__slider .swiper-button-prev:focus-visible,.recipe-slider__slider .swiper-button-next:focus-visible{outline:2px solid var(--clr-blue-800);outline-offset:2px}.recipe-slider__slider .swiper-button-prev svg,.recipe-slider__slider .swiper-button-next svg{display:none}.recipe-slider__slider .swiper-button-prev::after,.recipe-slider__slider .swiper-button-next::after{content:"";display:block;inline-size:2.5rem;block-size:2.5rem;background-position:center;background-repeat:no-repeat;background-size:contain}@media(width > 768px){.recipe-slider__slider .swiper-button-prev{inset-inline-start:0;inset-block-start:50%;margin-inline-start:-5rem;transform:translateY(-50%)}}.recipe-slider__slider .swiper-button-prev::after{background-image:url("../img/_icn/how-to-arrow-left.svg")}@media(width > 768px){.recipe-slider__slider .swiper-button-next{inset-inline-end:0;inset-block-start:50%;margin-inline-end:-5rem;transform:translateY(-50%)}}.recipe-slider__slider .swiper-button-next::after{background-image:url("../img/_icn/how-to-arrow-right.svg")}.recipe-slider__slider .swiper-pagination{position:static;margin-block-start:1.125rem}.recipe-slider__slider .swiper-pagination-bullet{inline-size:.625rem;block-size:.625rem;margin:0 .3125rem;opacity:1;background:rgba(0,0,0,0);border:1px solid var(--clr-blue-800)}.recipe-slider__slider .swiper-pagination-bullet-active{inline-size:.9375rem;block-size:.9375rem;background:var(--clr-blue-800);border-color:var(--clr-blue-800)}.recipe-slider__card{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1.25rem;inline-size:100%;padding-block-end:1.5625rem;background-color:var(--clr-white)}.recipe-slider__media{position:relative;inline-size:100%;line-height:0}.recipe-slider__media-img{display:block;inline-size:100%;block-size:auto;object-fit:cover;aspect-ratio:294/193}.recipe-slider__badge{position:absolute;inset-block-start:-0.625rem;inset-inline-start:.625rem;line-height:0}.recipe-slider__card :is(h1,h2,h3,h4,h5,h6){color:var(--clr-blue-800);text-align:center}.recipe-slider__meta{display:flex;justify-content:center;align-items:center;flex-direction:row;justify-content:space-between;gap:.3125rem;inline-size:100%;margin:0;padding:0;list-style:none}.recipe-slider__meta-item{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:.3125rem;color:var(--clr-blue-800)}.recipe-slider__meta-icon{flex-shrink:0;display:block}.news-teasers{padding-block:3.125rem;background-color:var(--clr-grey-50)}@media(width > 768px){.news-teasers{padding-block:0;background-color:rgba(0,0,0,0)}}.news-teasers__layout{display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column;gap:1.875rem}@media(width > 768px){.news-teasers__layout{flex-direction:row;align-items:flex-start;gap:2rem}}.news-teasers__intro{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:1.5rem;padding-inline:1.25rem}@media(width > 768px){.news-teasers__intro{flex:0 0 27.5rem;max-inline-size:27.5rem;padding-inline:0}}.news-teasers__intro :is(h1,h2,h3,h4,h5,h6,p){color:var(--clr-blue-800)}.news-teasers__meta{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;justify-content:space-between;inline-size:100%;gap:.625rem}.news-teasers__tag{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-shrink:0;transform:rotate(-2deg)}.news-teasers__tag-brush{flex-shrink:0;display:block}.news-teasers__tag-label{background-color:var(--clr-light-blue-500);color:var(--clr-white);padding-block:.625rem;white-space:nowrap}.news-teasers__filter{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:.625rem;flex-shrink:0}.news-teasers__filter-select{appearance:none;margin:0;padding-block:.875rem;padding-inline:0;border:0;border-radius:7rem;background-color:rgba(0,0,0,0);font-family:var(--font-family-heading);font-size:var(--font-size-body-cta);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-cta);letter-spacing:var(--letter-spacing-0);color:var(--clr-blue-800);text-decoration:underline;text-underline-offset:.15em;cursor:pointer}.news-teasers__filter-select:focus-visible{outline:2px solid var(--clr-blue-800);outline-offset:2px}.news-teasers__filter-icon{flex-shrink:0;transform:rotate(90deg)}.news-teasers__slider-col{inline-size:100%;min-inline-size:0}.news-teasers__slider-row{position:relative;inline-size:100%}.news-teasers__slide-pool{display:none}.news-teasers__slider{inline-size:100%}.news-teasers__slider .swiper-slide{display:flex;block-size:auto;align-self:stretch;justify-content:flex-start}.news-teasers__slider .swiper-pagination{position:static;margin-block-start:1.875rem}.news-teasers__slider .swiper-pagination-bullet{inline-size:.625rem;block-size:.625rem;margin:0 .3125rem;opacity:1;background:rgba(0,0,0,0);border:1px solid var(--clr-blue-800)}.news-teasers__slider .swiper-pagination-bullet-active{inline-size:.9375rem;block-size:.9375rem;background:var(--clr-blue-800);border-color:var(--clr-blue-800)}.news-teasers__card{display:flex;flex-direction:column;inline-size:100%;max-inline-size:20.9375rem;box-shadow:0 .5rem .5rem rgba(0,0,0,.1)}@media(width > 768px){.news-teasers__card{max-inline-size:38.125rem}}.news-teasers__media{position:relative;z-index:2;overflow:hidden;background-color:var(--clr-grey-400);aspect-ratio:335/200}@media(width > 768px){.news-teasers__media{aspect-ratio:auto;block-size:22.0625rem}}.news-teasers__media img{inline-size:100%;max-inline-size:100%;block-size:100%;object-fit:cover}.news-teasers__body{position:relative;z-index:1;background-color:var(--clr-white);display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:1.125rem;padding-block:1.875rem 1.25rem;padding-inline:1.25rem}@media(width > 768px){.news-teasers__body{gap:1.125rem;padding-block:1.875rem 1.25rem;padding-inline:1.875rem}}.news-teasers__body :is(h1,h2,h3,h4,h5,h6){color:var(--clr-blue-800)}.news-teasers__card-tag{display:flex;justify-content:center;align-items:center;flex-direction:row;position:absolute;inset-block-start:0;inset-inline-start:1.25rem;transform:translateY(-50%) rotate(-2deg);z-index:3}.ingredient-calculator-section{padding-block:3.125rem}.ingredient-calculator{inline-size:100%;max-inline-size:25.625rem;margin-inline:auto;filter:drop-shadow(0 0.25rem 0.125rem rgba(0, 0, 0, 0.25))}.ingredient-calculator__header{display:grid;grid-template-columns:auto auto;gap:1.25rem;align-items:center;justify-content:center;padding-block:.875rem;padding-inline-end:1.25rem;background-color:var(--clr-blue-500)}.ingredient-calculator__header-icon{line-height:0}.ingredient-calculator__header-title{color:var(--clr-white)}.ingredient-calculator__body{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2.5rem;padding-block:1.25rem 1.875rem;padding-inline:1.5625rem;background-color:var(--clr-white);box-shadow:var(--shadow-sm)}.ingredient-calculator__portions{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:1.25rem}.ingredient-calculator__stepper{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:1.375rem;padding-block:.25rem;padding-inline:.3125rem;border:2px solid var(--clr-blue-500)}.ingredient-calculator__stepper-btn{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-shrink:0;padding:0;border:0;background:rgba(0,0,0,0);line-height:0;cursor:pointer}.ingredient-calculator__stepper-btn:focus-visible{outline:2px solid var(--clr-blue-800);outline-offset:2px}.ingredient-calculator__stepper-btn:disabled{cursor:not-allowed;opacity:.4}.ingredient-calculator__portions-value{min-inline-size:.875rem;text-align:center;color:var(--clr-blue-800)}.ingredient-calculator__portions-label{color:var(--clr-blue-800)}.ingredient-calculator__list{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:.625rem;inline-size:100%;margin:0;padding:0;list-style:none}.ingredient-calculator__item{color:var(--clr-blue-800)}.ingredient-calculator__item--highlight{display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:1.25rem;padding-inline-end:.625rem}.ingredient-calculator__item-label{flex:1 1 auto;min-inline-size:0}.ingredient-calculator__item-icon{flex-shrink:0;line-height:0}.teaser-grid{padding-block:3.125rem}.teaser-grid__intro{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1.25rem;margin-block-end:1.25rem;text-align:center}.teaser-grid__intro :is(h1,h2,h3,h4,h5,h6,p){color:var(--clr-blue-800)}.teaser-grid__grid{display:grid;gap:1.25rem;grid-template-columns:minmax(0, 1fr)}@media(width > 1024px){.teaser-grid__grid{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);align-items:start}}@media(width > 1024px){.teaser-grid__item--featured{grid-column:1}}.teaser-grid__aside{display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column;gap:1.25rem}@media(width > 1024px){.teaser-grid__aside{grid-column:2;gap:.875rem}}.teaser-grid__card{display:grid;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 .5rem .5rem rgba(0,0,0,.1)}.teaser-grid__card:focus-visible{outline:2px solid var(--clr-blue-800);outline-offset:2px}.teaser-grid__item--featured .teaser-grid__card{grid-template-columns:minmax(0, 1fr);grid-template-rows:auto auto}.teaser-grid__item:not(.teaser-grid__item--featured) .teaser-grid__card{grid-template-columns:minmax(0, 1fr) 13.5rem;grid-template-rows:minmax(0, 1fr);block-size:7.75rem}@media(width > 1024px){.teaser-grid__item:not(.teaser-grid__item--featured) .teaser-grid__card{grid-template-columns:14.25rem minmax(0, 1fr);block-size:11.875rem}}.teaser-grid__media{overflow:hidden;background-color:var(--clr-grey-400);min-inline-size:0;min-block-size:0}.teaser-grid__media img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.teaser-grid__item--featured .teaser-grid__media{grid-row:1;aspect-ratio:335/260}@media(width > 1024px){.teaser-grid__item--featured .teaser-grid__media{aspect-ratio:auto;block-size:37.375rem}}.teaser-grid__item:not(.teaser-grid__item--featured) .teaser-grid__media{grid-column:1;grid-row:1}.teaser-grid__item:not(.teaser-grid__item--featured) .teaser-grid__body{grid-column:2;grid-row:1}.teaser-grid__body{position:relative;background-color:var(--clr-white);display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;justify-content:center;min-inline-size:0;min-block-size:0}.teaser-grid__body :is(h1,h2,h3,h4,h5,h6){color:var(--clr-blue-800)}.teaser-grid__item--featured .teaser-grid__body{grid-row:2}.teaser-grid__item--featured .teaser-grid__body{gap:.8125rem;padding-block:1.875rem 1.25rem;padding-inline:1.25rem}@media(width > 1024px){.teaser-grid__item--featured .teaser-grid__body{gap:1.25rem;margin-block-start:-3.875rem;margin-inline:auto;max-inline-size:35.625rem;padding-block:1.875rem;padding-inline:1.25rem 1.875rem;z-index:1}}.teaser-grid__item:not(.teaser-grid__item--featured) .teaser-grid__body{gap:.875rem;padding-block:.625rem;padding-inline:.875rem}@media(width > 1024px){.teaser-grid__item:not(.teaser-grid__item--featured) .teaser-grid__body{gap:1.25rem;padding-inline:1.25rem}}.teaser-grid__tag{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-shrink:0;transform:rotate(-2deg)}.teaser-grid__item--featured .teaser-grid__tag{position:absolute;inset-block-start:-1.875rem;inset-inline-start:1.25rem}.teaser-grid__tag-brush{flex-shrink:0;display:block}.teaser-grid__tag-label{background-color:var(--clr-light-blue-500);color:var(--clr-white);padding-block:.625rem;white-space:nowrap}

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["file:///C:/Users/bstojanovic/OneDrive%20-%20Davies%20Meyer%20GmbH/Desktop/milram-2/src/scss/utils/_tokens.scss","file:///C:/Users/bstojanovic/OneDrive%20-%20Davies%20Meyer%20GmbH/Desktop/milram-2/src/scss/utils/_mixins.scss","file:///C:/Users/bstojanovic/OneDrive%20-%20Davies%20Meyer%20GmbH/Desktop/milram-2/src/scss/base/_fonts.scss","file:///C:/Users/bstojanovic/OneDrive%20-%20Davies%20Meyer%20GmbH/Desktop/milram-2/src/scss/base/_normalize.scss","file:///C:/Users/bstojanovic/OneDrive%20-%20Davies%20Meyer%20GmbH/Desktop/milram-2/src/scss/base/_typography.scss","file:///C:/Users/bstojanovic/OneDrive%20-%20Davies%20Meyer%20GmbH/Desktop/milram-2/src/scss/base/_globals.scss","file:///C:/Users/bstojanovic/OneDrive%20-%20Davies%20Meyer%20GmbH/Desktop/milram-2/src/scss/layout/_container.scss","file:///C:/Users/bstojanovic/OneDrive%20-%20Davies%20Meyer%20GmbH/Desktop/milram-2/src/scss/components/_button.scss","file:///C:/Users/bstojanovic/OneDrive%20-%20Davies%20Meyer%20GmbH/Desktop/milram-2/src/scss/components/_accordion.scss","file:///C:/Users/bstojanovic/OneDrive%20-%20Davies%20Meyer%20GmbH/Desktop/milram-2/src/scss/components/_social-share.scss","file:///C:/Users/bstojanovic/OneDrive%20-%20Davies%20Meyer%20GmbH/Desktop/milram-2/src/scss/components/_share-widget.scss","file:///C:/Users/bstojanovic/OneDrive%20-%20Davies%20Meyer%20GmbH/Desktop/milram-2/src/scss/components/_image-text-teaser.scss","file:///C:/Users/bstojanovic/OneDrive%20-%20Davies%20Meyer%20GmbH/Desktop/milram-2/src/scss/components/_teaser-fullscreen.scss","file:///C:/Users/bstojanovic/OneDrive%20-%20Davies%20Meyer%20GmbH/Desktop/milram-2/src/scss/components/_tipps.scss","file:///C:/Users/bstojanovic/OneDrive%20-%20Davies%20Meyer%20GmbH/Desktop/milram-2/src/scss/components/_how-to.scss","file:///C:/Users/bstojanovic/OneDrive%20-%20Davies%20Meyer%20GmbH/Desktop/milram-2/src/scss/components/_recipe-slider.scss","file:///C:/Users/bstojanovic/OneDrive%20-%20Davies%20Meyer%20GmbH/Desktop/milram-2/src/scss/components/_news-teasers.scss","file:///C:/Users/bstojanovic/OneDrive%20-%20Davies%20Meyer%20GmbH/Desktop/milram-2/src/scss/components/_ingredient-calculator.scss","file:///C:/Users/bstojanovic/OneDrive%20-%20Davies%20Meyer%20GmbH/Desktop/milram-2/src/scss/components/_teaser-grid.scss"],"names":[],"mappings":"AAIA,MAEE,qBACA,qBAGA,0CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CACA,8CAGA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBAGA,sBACA,uBACA,uBACA,uBACA,uBACA,uBACA,uBACA,uBACA,uBACA,uBAGA,wBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBAGA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBAGA,6BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BAGA,8BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BAGA,+BACA,0BACA,4BACA,4BACA,yBACA,0BAGA,+DACA,sFACA,kEACA,2FAGA,2BACA,wBAGA,sBAGA,6CACA,yDACA,sBACA,4DACA,sBACA,6DACA,sBACA,kDACA,+BACA,yBACA,+BAGA,8BACA,oCACA,iCACA,0BACA,6BACA,gCACA,8BACA,oCACA,iCACA,2BACA,8BACA,2BACA,0BAGA,sBACA,+CACA,6BACA,mCACA,oBACA,mBAEA,gBACA,mBCjJA,sBDHF,MAuJI,kDACA,0BE1JJ,WACE,wBACA,6DACA,gBACA,kBACA,kBAGF,WACE,6BACA,0DACA,gBACA,kBACA,kBAGF,WACE,qBACA,yDACA,gBACA,kBACA,kBAGF,WACE,0BACA,sDACA,gBACA,kBACA,kBC5BF,qBAGE,sBAGF,EACE,SAKF,6BAKE,cACA,qBAIF,sCAKE,aACA,cAIF,SACE,gBACA,aAIF,yBACE,gBACA,UAIF,eACE,+BACA,mBAGF,2BACE,aAGF,SACE,wBAGF,uCACE,qBAGE,oCACA,uCACA,qCACA,iCCjEJ,kBAME,yBACA,kBAGF,EACE,yBACA,iBAGF,IACE,uCACA,8BACA,uCACA,kCACA,uCACA,yBAGF,IACE,kCACA,8BACA,uCACA,kCACA,uCACA,yBAGF,IACE,uCACA,8BACA,uCACA,kCACA,uCACA,yBAGF,IACE,uCACA,8BACA,uCACA,kCACA,uCACA,yBAGF,IACE,uCACA,8BACA,uCACA,kCACA,uCACA,yBAGF,SACE,oCACA,mCACA,uCACA,uCACA,uCAGF,mBACE,8CACA,mCACA,oCACA,uCACA,uCAGF,kBACE,oCACA,mCACA,uCACA,uCACA,uCACA,0BAGF,SACE,oCACA,mCACA,uCACA,uCACA,uCAGF,mBACE,8CACA,mCACA,oCACA,uCACA,uCAGF,kBACE,oCACA,mCACA,uCACA,uCACA,uCACA,0BAGF,SACE,oCACA,mCACA,uCACA,uCACA,uCAGF,mBACE,8CACA,mCACA,oCACA,uCACA,uCAGF,kBACE,oCACA,mCACA,uCACA,uCACA,uCACA,0BAGF,eACE,uCACA,oCACA,uCACA,wCACA,uCACA,yBAGF,mBACE,uCACA,oCACA,uCACA,wCACA,uCACA,yBACA,0BAGF,eACE,uCACA,oCACA,uCACA,wCACA,uCACA,yBC9JF,SJUE,kBACA,gBACA,eACA,UACA,YACA,gBACA,qBACA,mBACA,SIdF,WJME,kBACA,gBACA,eACA,UACA,YACA,gBACA,qBACA,mBACA,SIXA,yBACE,eACA,oBACA,qBACA,2BACA,iBACA,gBACA,SACA,mBACA,sBACA,iBACA,eACA,mBACA,qCACA,uBACA,qBACA,4BAIJ,KACE,8BACA,WACA,+BAGF,KACE,kBACA,oCACA,mCACA,uCACA,uCACA,mCAGF,GACE,qBACA,SACA,UAGF,OACE,YACA,+BACA,UACA,gBACA,eCxDF,WACE,iBACA,2CACA,mBACA,+CCHF,QNqDE,aACA,gBMrDc,ONsDd,YMtDsB,SNuDtB,eAJwD,IMlDxD,YACA,uBACA,wBACA,sBACA,uBACA,YACA,eACA,qBACA,0BN+EA,WAPW,wWMrEX,6CAEE,mBAGF,uCAlBF,QAmBI,iBAIJ,iBACE,0CACA,qCACA,iCACA,0BAEA,2DACE,iCACA,0BACA,4BAGF,4DACE,qCACA,iCACA,0BACA,gBAGF,+BACE,aACA,0CACA,iCACA,0BACA,gBAGF,+DAEE,oCACA,uCACA,gCA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"}

package/dist/js/how-to-slider.js

@@ -0,0 +1,2 @@
+import i from"swiper";import{Navigation as n,Pagination as p}from"swiper/modules";function r(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function t(e,o=400){return e?0:o}function a(){let e=document.querySelector(".js-how-to-slider");if(!e)return;let o=r();new i(e,{modules:[n,p],slidesPerView:1,spaceBetween:20,speed:t(o),navigation:{nextEl:e.querySelector(".swiper-button-next"),prevEl:e.querySelector(".swiper-button-prev")},pagination:{el:e.querySelector(".swiper-pagination"),clickable:!0},breakpoints:{768:{slidesPerView:2},1280:{slidesPerView:3}}})}export{a as initHowToSlider};
+//# sourceMappingURL=how-to-slider.js.map

package/dist/js/how-to-slider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/js/modules/how-to-slider.mjs", "../../../../src/js/utils/swiper-helpers.mjs"],
+  "sourcesContent": ["import Swiper from 'swiper';\nimport { Navigation, Pagination } from 'swiper/modules';\nimport { motionSpeed, prefersReducedMotion } from '../utils/swiper-helpers.mjs';\n\nexport function initHowToSlider() {\n  const el = document.querySelector('.js-how-to-slider');\n  if (!el) return;\n\n  const reducedMotion = prefersReducedMotion();\n\n  new Swiper(el, {\n    modules: [Navigation, Pagination],\n    slidesPerView: 1,\n    spaceBetween: 20,\n    speed: motionSpeed(reducedMotion),\n    navigation: {\n      nextEl: el.querySelector('.swiper-button-next'),\n      prevEl: el.querySelector('.swiper-button-prev'),\n    },\n    pagination: {\n      el: el.querySelector('.swiper-pagination'),\n      clickable: true,\n    },\n    breakpoints: {\n      768: {\n        slidesPerView: 2,\n      },\n      1280: {\n        slidesPerView: 3,\n      },\n    },\n  });\n}\n", "export function prefersReducedMotion() {\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\nexport function motionSpeed(reducedMotion, speed = 400) {\n  return reducedMotion ? 0 : speed;\n}\n"],
+  "mappings": "AAAA,OAAOA,MAAY,SACnB,OAAS,cAAAC,EAAY,cAAAC,MAAkB,iBCDhC,SAASC,GAAuB,CACrC,OAAO,OAAO,WAAW,kCAAkC,EAAE,OAC/D,CAEO,SAASC,EAAYC,EAAeC,EAAQ,IAAK,CACtD,OAAOD,EAAgB,EAAIC,CAC7B,CDFO,SAASC,GAAkB,CAChC,IAAMC,EAAK,SAAS,cAAc,mBAAmB,EACrD,GAAI,CAACA,EAAI,OAET,IAAMC,EAAgBC,EAAqB,EAE3C,IAAIC,EAAOH,EAAI,CACb,QAAS,CAACI,EAAYC,CAAU,EAChC,cAAe,EACf,aAAc,GACd,MAAOC,EAAYL,CAAa,EAChC,WAAY,CACV,OAAQD,EAAG,cAAc,qBAAqB,EAC9C,OAAQA,EAAG,cAAc,qBAAqB,CAChD,EACA,WAAY,CACV,GAAIA,EAAG,cAAc,oBAAoB,EACzC,UAAW,EACb,EACA,YAAa,CACX,IAAK,CACH,cAAe,CACjB,EACA,KAAM,CACJ,cAAe,CACjB,CACF,CACF,CAAC,CACH",
+  "names": ["Swiper", "Navigation", "Pagination", "prefersReducedMotion", "motionSpeed", "reducedMotion", "speed", "initHowToSlider", "el", "reducedMotion", "prefersReducedMotion", "Swiper", "Navigation", "Pagination", "motionSpeed"]
+}

package/dist/js/ingredient-calculator.js

@@ -0,0 +1,2 @@
+var c=new Intl.NumberFormat("de-DE",{maximumFractionDigits:2});function d(t,e,o){return t*(e/o)}function f(t,e){if(e==="weight")return`${Math.round(t)} g`;if(e==="spoon"){let r=Math.round(t*4)/4;return c.format(r)}let o=t>=1?Math.round(t*4)/4:Math.round(t*100)/100;return c.format(o)}function l(t,e,o){let r=Number.parseFloat(t.dataset.baseAmount??""),a=t.dataset.format??"count",n=t.dataset.prefix??"",s=t.dataset.suffix??"";if(Number.isNaN(r))return t.dataset.staticText??t.textContent;let u=d(r,e,o),i=f(u,a);return a==="weight"?`${i}${s?` ${s}`:""}`.trim():`${n?`${n} `:""}${i}${s?` ${s}`:""}`.trim()}function N(t,e,o){t.querySelectorAll("[data-ingredient-line]").forEach(r=>{r.textContent=l(r,e,o)})}function m(){let t=document.querySelector(".js-ingredient-calculator");if(!t)return;let e=Number.parseInt(t.dataset.basePortions??String(8),10),o=t.querySelector(".js-ingredient-calculator-portions"),r=t.querySelector(".js-ingredient-calculator-decrease"),a=t.querySelector(".js-ingredient-calculator-increase");if(!o||!r||!a)return;let n=Number.parseInt(o.textContent??String(e),10);Number.isNaN(n)&&(n=e);let s=()=>{o.textContent=String(n),r.disabled=n<=1,a.disabled=n>=32,N(t,n,e)};r.addEventListener("click",()=>{n<=1||(n-=1,s())}),a.addEventListener("click",()=>{n>=32||(n+=1,s())}),s()}export{m as initIngredientCalculator};
+//# sourceMappingURL=ingredient-calculator.js.map

package/dist/js/ingredient-calculator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/js/modules/ingredient-calculator.mjs"],
+  "sourcesContent": ["const DEFAULT_BASE_PORTIONS = 8;\nconst MIN_PORTIONS = 1;\nconst MAX_PORTIONS = 32;\n\nconst numberFormatter = new Intl.NumberFormat('de-DE', {\n  maximumFractionDigits: 2,\n});\n\n/**\n * Linear scaling: amounts in Figma are for `basePortions` (default 8).\n * Changing portions multiplies each base amount by (portions / basePortions).\n */\nfunction scaleAmount(baseAmount, portions, basePortions) {\n  return baseAmount * (portions / basePortions);\n}\n\nfunction formatQuantity(value, format) {\n  if (format === 'weight') {\n    const grams = Math.round(value);\n    return `${grams} g`;\n  }\n\n  if (format === 'spoon') {\n    const rounded = Math.round(value * 4) / 4;\n    return numberFormatter.format(rounded);\n  }\n\n  const rounded =\n    value >= 1 ? Math.round(value * 4) / 4 : Math.round(value * 100) / 100;\n  return numberFormatter.format(rounded);\n}\n\nfunction buildLineText(item, portions, basePortions) {\n  const baseAmount = Number.parseFloat(item.dataset.baseAmount ?? '');\n  const format = item.dataset.format ?? 'count';\n  const prefix = item.dataset.prefix ?? '';\n  const suffix = item.dataset.suffix ?? '';\n\n  if (Number.isNaN(baseAmount)) {\n    return item.dataset.staticText ?? item.textContent;\n  }\n\n  const scaled = scaleAmount(baseAmount, portions, basePortions);\n  const qty = formatQuantity(scaled, format);\n\n  if (format === 'weight') {\n    return `${qty}${suffix ? ` ${suffix}` : ''}`.trim();\n  }\n\n  return `${prefix ? `${prefix} ` : ''}${qty}${suffix ? ` ${suffix}` : ''}`.trim();\n}\n\nfunction updateIngredientLines(root, portions, basePortions) {\n  root.querySelectorAll('[data-ingredient-line]').forEach((item) => {\n    item.textContent = buildLineText(item, portions, basePortions);\n  });\n}\n\nexport function initIngredientCalculator() {\n  const root = document.querySelector('.js-ingredient-calculator');\n  if (!root) return;\n\n  const basePortions = Number.parseInt(\n    root.dataset.basePortions ?? String(DEFAULT_BASE_PORTIONS),\n    10,\n  );\n  const output = root.querySelector('.js-ingredient-calculator-portions');\n  const decreaseBtn = root.querySelector('.js-ingredient-calculator-decrease');\n  const increaseBtn = root.querySelector('.js-ingredient-calculator-increase');\n\n  if (!output || !decreaseBtn || !increaseBtn) return;\n\n  let portions = Number.parseInt(output.textContent ?? String(basePortions), 10);\n  if (Number.isNaN(portions)) portions = basePortions;\n\n  const sync = () => {\n    output.textContent = String(portions);\n    decreaseBtn.disabled = portions <= MIN_PORTIONS;\n    increaseBtn.disabled = portions >= MAX_PORTIONS;\n    updateIngredientLines(root, portions, basePortions);\n  };\n\n  decreaseBtn.addEventListener('click', () => {\n    if (portions <= MIN_PORTIONS) return;\n    portions -= 1;\n    sync();\n  });\n\n  increaseBtn.addEventListener('click', () => {\n    if (portions >= MAX_PORTIONS) return;\n    portions += 1;\n    sync();\n  });\n\n  sync();\n}\n"],
+  "mappings": "AAIA,IAAMA,EAAkB,IAAI,KAAK,aAAa,QAAS,CACrD,sBAAuB,CACzB,CAAC,EAMD,SAASC,EAAYC,EAAYC,EAAUC,EAAc,CACvD,OAAOF,GAAcC,EAAWC,EAClC,CAEA,SAASC,EAAeC,EAAOC,EAAQ,CACrC,GAAIA,IAAW,SAEb,MAAO,GADO,KAAK,MAAMD,CAAK,CACf,KAGjB,GAAIC,IAAW,QAAS,CACtB,IAAMC,EAAU,KAAK,MAAMF,EAAQ,CAAC,EAAI,EACxC,OAAON,EAAgB,OAAOQ,CAAO,CACvC,CAEA,IAAMA,EACJF,GAAS,EAAI,KAAK,MAAMA,EAAQ,CAAC,EAAI,EAAI,KAAK,MAAMA,EAAQ,GAAG,EAAI,IACrE,OAAON,EAAgB,OAAOQ,CAAO,CACvC,CAEA,SAASC,EAAcC,EAAMP,EAAUC,EAAc,CACnD,IAAMF,EAAa,OAAO,WAAWQ,EAAK,QAAQ,YAAc,EAAE,EAC5DH,EAASG,EAAK,QAAQ,QAAU,QAChCC,EAASD,EAAK,QAAQ,QAAU,GAChCE,EAASF,EAAK,QAAQ,QAAU,GAEtC,GAAI,OAAO,MAAMR,CAAU,EACzB,OAAOQ,EAAK,QAAQ,YAAcA,EAAK,YAGzC,IAAMG,EAASZ,EAAYC,EAAYC,EAAUC,CAAY,EACvDU,EAAMT,EAAeQ,EAAQN,CAAM,EAEzC,OAAIA,IAAW,SACN,GAAGO,CAAG,GAAGF,EAAS,IAAIA,CAAM,GAAK,EAAE,GAAG,KAAK,EAG7C,GAAGD,EAAS,GAAGA,CAAM,IAAM,EAAE,GAAGG,CAAG,GAAGF,EAAS,IAAIA,CAAM,GAAK,EAAE,GAAG,KAAK,CACjF,CAEA,SAASG,EAAsBC,EAAMb,EAAUC,EAAc,CAC3DY,EAAK,iBAAiB,wBAAwB,EAAE,QAASN,GAAS,CAChEA,EAAK,YAAcD,EAAcC,EAAMP,EAAUC,CAAY,CAC/D,CAAC,CACH,CAEO,SAASa,GAA2B,CACzC,IAAMD,EAAO,SAAS,cAAc,2BAA2B,EAC/D,GAAI,CAACA,EAAM,OAEX,IAAMZ,EAAe,OAAO,SAC1BY,EAAK,QAAQ,cAAgB,OAAO,CAAqB,EACzD,EACF,EACME,EAASF,EAAK,cAAc,oCAAoC,EAChEG,EAAcH,EAAK,cAAc,oCAAoC,EACrEI,EAAcJ,EAAK,cAAc,oCAAoC,EAE3E,GAAI,CAACE,GAAU,CAACC,GAAe,CAACC,EAAa,OAE7C,IAAIjB,EAAW,OAAO,SAASe,EAAO,aAAe,OAAOd,CAAY,EAAG,EAAE,EACzE,OAAO,MAAMD,CAAQ,IAAGA,EAAWC,GAEvC,IAAMiB,EAAO,IAAM,CACjBH,EAAO,YAAc,OAAOf,CAAQ,EACpCgB,EAAY,SAAWhB,GAAY,EACnCiB,EAAY,SAAWjB,GAAY,GACnCY,EAAsBC,EAAMb,EAAUC,CAAY,CACpD,EAEAe,EAAY,iBAAiB,QAAS,IAAM,CACtChB,GAAY,IAChBA,GAAY,EACZkB,EAAK,EACP,CAAC,EAEDD,EAAY,iBAAiB,QAAS,IAAM,CACtCjB,GAAY,KAChBA,GAAY,EACZkB,EAAK,EACP,CAAC,EAEDA,EAAK,CACP",
+  "names": ["numberFormatter", "scaleAmount", "baseAmount", "portions", "basePortions", "formatQuantity", "value", "format", "rounded", "buildLineText", "item", "prefix", "suffix", "scaled", "qty", "updateIngredientLines", "root", "initIngredientCalculator", "output", "decreaseBtn", "increaseBtn", "sync"]
+}

package/dist/js/module-example.js

@@ -0,0 +1,2 @@
+function o(){console.log("log from exampleFunction.mjs")}export{o as exampleFunction};
+//# sourceMappingURL=module-example.js.map

package/dist/js/module-example.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/js/modules/module-example.mjs"],
+  "sourcesContent": ["export function exampleFunction() {\n    console.log(\"log from exampleFunction.mjs\");\n}"],
+  "mappings": "AAAO,SAASA,GAAkB,CAC9B,QAAQ,IAAI,8BAA8B,CAC9C",
+  "names": ["exampleFunction"]
+}

package/dist/js/news-teasers.js

@@ -0,0 +1,2 @@
+import d from"swiper";import{Pagination as p}from"swiper/modules";function c(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function l(t,e=400){return t?0:e}function u(t,e){return new d(t,{modules:[p],slidesPerView:1,spaceBetween:10,speed:l(e),slidesOffsetBefore:20,slidesOffsetAfter:20,pagination:{el:t.querySelector(".swiper-pagination"),clickable:!0},breakpoints:{768:{spaceBetween:20,slidesOffsetBefore:0,slidesOffsetAfter:80}}})}function f(t,e){return e==="all"?!0:(t.dataset.filter||"").split(/\s+/).filter(Boolean).includes(e)}function w(t,e,s,o){s.forEach(r=>{(f(r,o)?t:e).appendChild(r)})}function y(){let t=document.querySelector(".js-news-teasers");if(!t)return;let e=t.querySelector(".js-news-teasers-slider"),s=t.querySelector(".js-news-teasers-filter"),o=e?.querySelector(".swiper-wrapper");if(!e||!o)return;let r=document.createElement("div");r.className="news-teasers__slide-pool",r.hidden=!0,e.closest(".news-teasers__slider-row")?.appendChild(r);let i=[...o.querySelectorAll(".swiper-slide")],a=c(),n=u(e,a);s?.addEventListener("change",()=>{w(o,r,i,s.value),n.update(),n.slideTo(0,0)})}export{y as initNewsTeasers};
+//# sourceMappingURL=news-teasers.js.map

package/dist/js/news-teasers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/js/modules/news-teasers.mjs", "../../../../src/js/utils/swiper-helpers.mjs"],
+  "sourcesContent": ["import Swiper from 'swiper';\nimport { Pagination } from 'swiper/modules';\nimport { motionSpeed, prefersReducedMotion } from '../utils/swiper-helpers.mjs';\n\nfunction createSwiper(el, reducedMotion) {\n  return new Swiper(el, {\n    modules: [Pagination],\n    slidesPerView: 1,\n    spaceBetween: 10,\n    speed: motionSpeed(reducedMotion),\n    slidesOffsetBefore: 20,\n    slidesOffsetAfter: 20,\n    pagination: {\n      el: el.querySelector('.swiper-pagination'),\n      clickable: true,\n    },\n    breakpoints: {\n      768: {\n        spaceBetween: 20,\n        slidesOffsetBefore: 0,\n        slidesOffsetAfter: 80,\n      },\n    },\n  });\n}\n\nfunction slideMatchesFilter(slide, filterValue) {\n  if (filterValue === 'all') return true;\n  const categories = (slide.dataset.filter || '').split(/\\s+/).filter(Boolean);\n  return categories.includes(filterValue);\n}\n\nfunction applyFilter(wrapper, pool, allSlides, filterValue) {\n  allSlides.forEach((slide) => {\n    const target = slideMatchesFilter(slide, filterValue) ? wrapper : pool;\n    target.appendChild(slide);\n  });\n}\n\nexport function initNewsTeasers() {\n  const section = document.querySelector('.js-news-teasers');\n  if (!section) return;\n\n  const sliderEl = section.querySelector('.js-news-teasers-slider');\n  const filterEl = section.querySelector('.js-news-teasers-filter');\n  const wrapper = sliderEl?.querySelector('.swiper-wrapper');\n  if (!sliderEl || !wrapper) return;\n\n  const pool = document.createElement('div');\n  pool.className = 'news-teasers__slide-pool';\n  pool.hidden = true;\n  sliderEl.closest('.news-teasers__slider-row')?.appendChild(pool);\n\n  const allSlides = [...wrapper.querySelectorAll('.swiper-slide')];\n  const reducedMotion = prefersReducedMotion();\n\n  const swiper = createSwiper(sliderEl, reducedMotion);\n\n  filterEl?.addEventListener('change', () => {\n    applyFilter(wrapper, pool, allSlides, filterEl.value);\n    swiper.update();\n    swiper.slideTo(0, 0);\n  });\n}\n", "export function prefersReducedMotion() {\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\nexport function motionSpeed(reducedMotion, speed = 400) {\n  return reducedMotion ? 0 : speed;\n}\n"],
+  "mappings": "AAAA,OAAOA,MAAY,SACnB,OAAS,cAAAC,MAAkB,iBCDpB,SAASC,GAAuB,CACrC,OAAO,OAAO,WAAW,kCAAkC,EAAE,OAC/D,CAEO,SAASC,EAAYC,EAAeC,EAAQ,IAAK,CACtD,OAAOD,EAAgB,EAAIC,CAC7B,CDFA,SAASC,EAAaC,EAAIC,EAAe,CACvC,OAAO,IAAIC,EAAOF,EAAI,CACpB,QAAS,CAACG,CAAU,EACpB,cAAe,EACf,aAAc,GACd,MAAOC,EAAYH,CAAa,EAChC,mBAAoB,GACpB,kBAAmB,GACnB,WAAY,CACV,GAAID,EAAG,cAAc,oBAAoB,EACzC,UAAW,EACb,EACA,YAAa,CACX,IAAK,CACH,aAAc,GACd,mBAAoB,EACpB,kBAAmB,EACrB,CACF,CACF,CAAC,CACH,CAEA,SAASK,EAAmBC,EAAOC,EAAa,CAC9C,OAAIA,IAAgB,MAAc,IACdD,EAAM,QAAQ,QAAU,IAAI,MAAM,KAAK,EAAE,OAAO,OAAO,EACzD,SAASC,CAAW,CACxC,CAEA,SAASC,EAAYC,EAASC,EAAMC,EAAWJ,EAAa,CAC1DI,EAAU,QAASL,GAAU,EACZD,EAAmBC,EAAOC,CAAW,EAAIE,EAAUC,GAC3D,YAAYJ,CAAK,CAC1B,CAAC,CACH,CAEO,SAASM,GAAkB,CAChC,IAAMC,EAAU,SAAS,cAAc,kBAAkB,EACzD,GAAI,CAACA,EAAS,OAEd,IAAMC,EAAWD,EAAQ,cAAc,yBAAyB,EAC1DE,EAAWF,EAAQ,cAAc,yBAAyB,EAC1DJ,EAAUK,GAAU,cAAc,iBAAiB,EACzD,GAAI,CAACA,GAAY,CAACL,EAAS,OAE3B,IAAMC,EAAO,SAAS,cAAc,KAAK,EACzCA,EAAK,UAAY,2BACjBA,EAAK,OAAS,GACdI,EAAS,QAAQ,2BAA2B,GAAG,YAAYJ,CAAI,EAE/D,IAAMC,EAAY,CAAC,GAAGF,EAAQ,iBAAiB,eAAe,CAAC,EACzDR,EAAgBe,EAAqB,EAErCC,EAASlB,EAAae,EAAUb,CAAa,EAEnDc,GAAU,iBAAiB,SAAU,IAAM,CACzCP,EAAYC,EAASC,EAAMC,EAAWI,EAAS,KAAK,EACpDE,EAAO,OAAO,EACdA,EAAO,QAAQ,EAAG,CAAC,CACrB,CAAC,CACH",
+  "names": ["Swiper", "Pagination", "prefersReducedMotion", "motionSpeed", "reducedMotion", "speed", "createSwiper", "el", "reducedMotion", "Swiper", "Pagination", "motionSpeed", "slideMatchesFilter", "slide", "filterValue", "applyFilter", "wrapper", "pool", "allSlides", "initNewsTeasers", "section", "sliderEl", "filterEl", "prefersReducedMotion", "swiper"]
+}

package/dist/js/recipe-slider.js

@@ -0,0 +1,2 @@
+import o from"swiper";import{Navigation as n,Pagination as p}from"swiper/modules";function i(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function t(e,r=400){return e?0:r}function a(){let e=document.querySelector(".js-recipe-slider");if(!e)return;let r=i();new o(e,{modules:[n,p],slidesPerView:1,spaceBetween:20,speed:t(r),navigation:{nextEl:e.querySelector(".swiper-button-next"),prevEl:e.querySelector(".swiper-button-prev")},pagination:{el:e.querySelector(".swiper-pagination"),clickable:!0},breakpoints:{768:{slidesPerView:2},1280:{slidesPerView:4}}})}export{a as initRecipeSlider};
+//# sourceMappingURL=recipe-slider.js.map

package/dist/js/recipe-slider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/js/modules/recipe-slider.mjs", "../../../../src/js/utils/swiper-helpers.mjs"],
+  "sourcesContent": ["import Swiper from 'swiper';\nimport { Navigation, Pagination } from 'swiper/modules';\nimport { motionSpeed, prefersReducedMotion } from '../utils/swiper-helpers.mjs';\n\nexport function initRecipeSlider() {\n  const el = document.querySelector('.js-recipe-slider');\n  if (!el) return;\n\n  const reducedMotion = prefersReducedMotion();\n\n  new Swiper(el, {\n    modules: [Navigation, Pagination],\n    slidesPerView: 1,\n    spaceBetween: 20,\n    speed: motionSpeed(reducedMotion),\n    navigation: {\n      nextEl: el.querySelector('.swiper-button-next'),\n      prevEl: el.querySelector('.swiper-button-prev'),\n    },\n    pagination: {\n      el: el.querySelector('.swiper-pagination'),\n      clickable: true,\n    },\n    breakpoints: {\n      768: {\n        slidesPerView: 2,\n      },\n      1280: {\n        slidesPerView: 4,\n      },\n    },\n  });\n}\n", "export function prefersReducedMotion() {\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\nexport function motionSpeed(reducedMotion, speed = 400) {\n  return reducedMotion ? 0 : speed;\n}\n"],
+  "mappings": "AAAA,OAAOA,MAAY,SACnB,OAAS,cAAAC,EAAY,cAAAC,MAAkB,iBCDhC,SAASC,GAAuB,CACrC,OAAO,OAAO,WAAW,kCAAkC,EAAE,OAC/D,CAEO,SAASC,EAAYC,EAAeC,EAAQ,IAAK,CACtD,OAAOD,EAAgB,EAAIC,CAC7B,CDFO,SAASC,GAAmB,CACjC,IAAMC,EAAK,SAAS,cAAc,mBAAmB,EACrD,GAAI,CAACA,EAAI,OAET,IAAMC,EAAgBC,EAAqB,EAE3C,IAAIC,EAAOH,EAAI,CACb,QAAS,CAACI,EAAYC,CAAU,EAChC,cAAe,EACf,aAAc,GACd,MAAOC,EAAYL,CAAa,EAChC,WAAY,CACV,OAAQD,EAAG,cAAc,qBAAqB,EAC9C,OAAQA,EAAG,cAAc,qBAAqB,CAChD,EACA,WAAY,CACV,GAAIA,EAAG,cAAc,oBAAoB,EACzC,UAAW,EACb,EACA,YAAa,CACX,IAAK,CACH,cAAe,CACjB,EACA,KAAM,CACJ,cAAe,CACjB,CACF,CACF,CAAC,CACH",
+  "names": ["Swiper", "Navigation", "Pagination", "prefersReducedMotion", "motionSpeed", "reducedMotion", "speed", "initRecipeSlider", "el", "reducedMotion", "prefersReducedMotion", "Swiper", "Navigation", "Pagination", "motionSpeed"]
+}

package/dist/js/share-widget.js

@@ -0,0 +1,2 @@
+function f(){let e=document.querySelector(".js-share-widget");if(!e)return;let r=e.querySelector(".share-widget__bar"),i=e.querySelector(".js-share-widget-toggle"),n=e.querySelector(".js-share-widget-panel");if(!r||!i||!n)return;let d=()=>{let t=n.offsetWidth,s=r.offsetWidth;e.style.setProperty("--share-widget-translate-closed",`${t}px`),e.style.setProperty("--share-widget-open-width",`${s}px`),e.style.minBlockSize=`${r.offsetHeight}px`};d();let l=t=>{n.querySelectorAll("a").forEach(s=>{t?s.removeAttribute("tabindex"):s.setAttribute("tabindex","-1")})},a=t=>{i.setAttribute("aria-expanded",String(t)),n.setAttribute("aria-hidden",String(!t)),l(t)},o=()=>e.classList.contains("share-widget--open"),u=()=>{d(),e.classList.remove("share-widget--closing"),e.classList.add("share-widget--open"),a(!0)},c=()=>{if(!o())return;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){e.classList.remove("share-widget--open","share-widget--closing"),a(!1);return}let s=g=>{g.target!==r||g.propertyName!=="transform"||(r.removeEventListener("transitionend",s),e.classList.remove("share-widget--open","share-widget--closing"),a(!1))};r.addEventListener("transitionend",s),e.classList.add("share-widget--closing"),e.classList.remove("share-widget--open"),l(!1),i.setAttribute("aria-expanded","false"),n.setAttribute("aria-hidden","true")};i.addEventListener("click",()=>{o()?c():u()}),document.addEventListener("click",t=>{o()&&(e.contains(t.target)||c())}),document.addEventListener("keydown",t=>{t.key==="Escape"&&o()&&(c(),i.focus())}),window.addEventListener("resize",d),a(!1)}export{f as initShareWidget};
+//# sourceMappingURL=share-widget.js.map

package/dist/js/share-widget.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/js/modules/share-widget.mjs"],
+  "sourcesContent": ["export function initShareWidget() {\n  const widget = document.querySelector('.js-share-widget');\n  if (!widget) return;\n\n  const bar = widget.querySelector('.share-widget__bar');\n  const toggle = widget.querySelector('.js-share-widget-toggle');\n  const panel = widget.querySelector('.js-share-widget-panel');\n  if (!bar || !toggle || !panel) return;\n\n  const syncMetrics = () => {\n    const panelWidth = panel.offsetWidth;\n    const barWidth = bar.offsetWidth;\n\n    widget.style.setProperty('--share-widget-translate-closed', `${panelWidth}px`);\n    widget.style.setProperty('--share-widget-open-width', `${barWidth}px`);\n    widget.style.minBlockSize = `${bar.offsetHeight}px`;\n  };\n\n  syncMetrics();\n\n  const setLinkTabindex = (isOpen) => {\n    panel.querySelectorAll('a').forEach((link) => {\n      if (isOpen) {\n        link.removeAttribute('tabindex');\n      } else {\n        link.setAttribute('tabindex', '-1');\n      }\n    });\n  };\n\n  const setA11y = (isOpen) => {\n    toggle.setAttribute('aria-expanded', String(isOpen));\n    panel.setAttribute('aria-hidden', String(!isOpen));\n    setLinkTabindex(isOpen);\n  };\n\n  const isOpen = () => widget.classList.contains('share-widget--open');\n\n  const open = () => {\n    syncMetrics();\n    widget.classList.remove('share-widget--closing');\n    widget.classList.add('share-widget--open');\n    setA11y(true);\n  };\n\n  const close = () => {\n    if (!isOpen()) return;\n\n    const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    if (prefersReducedMotion) {\n      widget.classList.remove('share-widget--open', 'share-widget--closing');\n      setA11y(false);\n      return;\n    }\n\n    const onCloseEnd = (event) => {\n      if (event.target !== bar || event.propertyName !== 'transform') return;\n\n      bar.removeEventListener('transitionend', onCloseEnd);\n      widget.classList.remove('share-widget--open', 'share-widget--closing');\n      setA11y(false);\n    };\n\n    bar.addEventListener('transitionend', onCloseEnd);\n    widget.classList.add('share-widget--closing');\n    widget.classList.remove('share-widget--open');\n    setLinkTabindex(false);\n    toggle.setAttribute('aria-expanded', 'false');\n    panel.setAttribute('aria-hidden', 'true');\n  };\n\n  toggle.addEventListener('click', () => {\n    if (isOpen()) {\n      close();\n    } else {\n      open();\n    }\n  });\n\n  document.addEventListener('click', (event) => {\n    if (!isOpen()) return;\n    if (widget.contains(event.target)) return;\n    close();\n  });\n\n  document.addEventListener('keydown', (event) => {\n    if (event.key === 'Escape' && isOpen()) {\n      close();\n      toggle.focus();\n    }\n  });\n\n  window.addEventListener('resize', syncMetrics);\n\n  setA11y(false);\n}\n"],
+  "mappings": "AAAO,SAASA,GAAkB,CAChC,IAAMC,EAAS,SAAS,cAAc,kBAAkB,EACxD,GAAI,CAACA,EAAQ,OAEb,IAAMC,EAAMD,EAAO,cAAc,oBAAoB,EAC/CE,EAASF,EAAO,cAAc,yBAAyB,EACvDG,EAAQH,EAAO,cAAc,wBAAwB,EAC3D,GAAI,CAACC,GAAO,CAACC,GAAU,CAACC,EAAO,OAE/B,IAAMC,EAAc,IAAM,CACxB,IAAMC,EAAaF,EAAM,YACnBG,EAAWL,EAAI,YAErBD,EAAO,MAAM,YAAY,kCAAmC,GAAGK,CAAU,IAAI,EAC7EL,EAAO,MAAM,YAAY,4BAA6B,GAAGM,CAAQ,IAAI,EACrEN,EAAO,MAAM,aAAe,GAAGC,EAAI,YAAY,IACjD,EAEAG,EAAY,EAEZ,IAAMG,EAAmBC,GAAW,CAClCL,EAAM,iBAAiB,GAAG,EAAE,QAASM,GAAS,CACxCD,EACFC,EAAK,gBAAgB,UAAU,EAE/BA,EAAK,aAAa,WAAY,IAAI,CAEtC,CAAC,CACH,EAEMC,EAAWF,GAAW,CAC1BN,EAAO,aAAa,gBAAiB,OAAOM,CAAM,CAAC,EACnDL,EAAM,aAAa,cAAe,OAAO,CAACK,CAAM,CAAC,EACjDD,EAAgBC,CAAM,CACxB,EAEMA,EAAS,IAAMR,EAAO,UAAU,SAAS,oBAAoB,EAE7DW,EAAO,IAAM,CACjBP,EAAY,EACZJ,EAAO,UAAU,OAAO,uBAAuB,EAC/CA,EAAO,UAAU,IAAI,oBAAoB,EACzCU,EAAQ,EAAI,CACd,EAEME,EAAQ,IAAM,CAClB,GAAI,CAACJ,EAAO,EAAG,OAIf,GAF6B,OAAO,WAAW,kCAAkC,EAAE,QAEzD,CACxBR,EAAO,UAAU,OAAO,qBAAsB,uBAAuB,EACrEU,EAAQ,EAAK,EACb,MACF,CAEA,IAAMG,EAAcC,GAAU,CACxBA,EAAM,SAAWb,GAAOa,EAAM,eAAiB,cAEnDb,EAAI,oBAAoB,gBAAiBY,CAAU,EACnDb,EAAO,UAAU,OAAO,qBAAsB,uBAAuB,EACrEU,EAAQ,EAAK,EACf,EAEAT,EAAI,iBAAiB,gBAAiBY,CAAU,EAChDb,EAAO,UAAU,IAAI,uBAAuB,EAC5CA,EAAO,UAAU,OAAO,oBAAoB,EAC5CO,EAAgB,EAAK,EACrBL,EAAO,aAAa,gBAAiB,OAAO,EAC5CC,EAAM,aAAa,cAAe,MAAM,CAC1C,EAEAD,EAAO,iBAAiB,QAAS,IAAM,CACjCM,EAAO,EACTI,EAAM,EAEND,EAAK,CAET,CAAC,EAED,SAAS,iBAAiB,QAAUG,GAAU,CACvCN,EAAO,IACRR,EAAO,SAASc,EAAM,MAAM,GAChCF,EAAM,EACR,CAAC,EAED,SAAS,iBAAiB,UAAYE,GAAU,CAC1CA,EAAM,MAAQ,UAAYN,EAAO,IACnCI,EAAM,EACNV,EAAO,MAAM,EAEjB,CAAC,EAED,OAAO,iBAAiB,SAAUE,CAAW,EAE7CM,EAAQ,EAAK,CACf",
+  "names": ["initShareWidget", "widget", "bar", "toggle", "panel", "syncMetrics", "panelWidth", "barWidth", "setLinkTabindex", "isOpen", "link", "setA11y", "open", "close", "onCloseEnd", "event"]
+}

package/dist/js/teaser-fullscreen-slider.js

@@ -0,0 +1,2 @@
+import s from"swiper";import{EffectFade as u,Navigation as a}from"swiper/modules";function o(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function n(e,r=400){return e?0:r}var d=window.matchMedia("(min-width: 768px)");function i(e,r){let t=d.matches;return new s(e,{modules:[a,u],slidesPerView:1,spaceBetween:0,speed:n(r),effect:t?"fade":"slide",fadeEffect:{crossFade:!0},allowTouchMove:!t,rewind:!0,navigation:{nextEl:e.querySelector(".swiper-button-next"),prevEl:e.querySelector(".swiper-button-prev")}})}function w(){let e=document.querySelector(".js-teaser-fullscreen-slider");if(!e)return;let r=o(),t=i(e,r);d.addEventListener("change",()=>{let c=t.activeIndex;t.destroy(!0,!0),t=i(e,r),t.slideTo(c,0)})}export{w as initTeaserFullscreenSlider};
+//# sourceMappingURL=teaser-fullscreen-slider.js.map

package/dist/js/teaser-fullscreen-slider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/js/modules/teaser-fullscreen-slider.mjs", "../../../../src/js/utils/swiper-helpers.mjs"],
+  "sourcesContent": ["import Swiper from 'swiper';\nimport { EffectFade, Navigation } from 'swiper/modules';\nimport { motionSpeed, prefersReducedMotion } from '../utils/swiper-helpers.mjs';\n\nconst MQ_DESKTOP = window.matchMedia('(min-width: 768px)');\n\nfunction createSwiper(el, reducedMotion) {\n  const isDesktop = MQ_DESKTOP.matches;\n\n  return new Swiper(el, {\n    modules: [Navigation, EffectFade],\n    slidesPerView: 1,\n    spaceBetween: 0,\n    speed: motionSpeed(reducedMotion),\n    effect: isDesktop ? 'fade' : 'slide',\n    fadeEffect: { crossFade: true },\n    allowTouchMove: !isDesktop,\n    rewind: true,\n    navigation: {\n      nextEl: el.querySelector('.swiper-button-next'),\n      prevEl: el.querySelector('.swiper-button-prev'),\n    },\n  });\n}\n\nexport function initTeaserFullscreenSlider() {\n  const el = document.querySelector('.js-teaser-fullscreen-slider');\n  if (!el) return;\n\n  const reducedMotion = prefersReducedMotion();\n  let swiper = createSwiper(el, reducedMotion);\n\n  MQ_DESKTOP.addEventListener('change', () => {\n    const index = swiper.activeIndex;\n    swiper.destroy(true, true);\n    swiper = createSwiper(el, reducedMotion);\n    swiper.slideTo(index, 0);\n  });\n}\n", "export function prefersReducedMotion() {\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\nexport function motionSpeed(reducedMotion, speed = 400) {\n  return reducedMotion ? 0 : speed;\n}\n"],
+  "mappings": "AAAA,OAAOA,MAAY,SACnB,OAAS,cAAAC,EAAY,cAAAC,MAAkB,iBCDhC,SAASC,GAAuB,CACrC,OAAO,OAAO,WAAW,kCAAkC,EAAE,OAC/D,CAEO,SAASC,EAAYC,EAAeC,EAAQ,IAAK,CACtD,OAAOD,EAAgB,EAAIC,CAC7B,CDFA,IAAMC,EAAa,OAAO,WAAW,oBAAoB,EAEzD,SAASC,EAAaC,EAAIC,EAAe,CACvC,IAAMC,EAAYJ,EAAW,QAE7B,OAAO,IAAIK,EAAOH,EAAI,CACpB,QAAS,CAACI,EAAYC,CAAU,EAChC,cAAe,EACf,aAAc,EACd,MAAOC,EAAYL,CAAa,EAChC,OAAQC,EAAY,OAAS,QAC7B,WAAY,CAAE,UAAW,EAAK,EAC9B,eAAgB,CAACA,EACjB,OAAQ,GACR,WAAY,CACV,OAAQF,EAAG,cAAc,qBAAqB,EAC9C,OAAQA,EAAG,cAAc,qBAAqB,CAChD,CACF,CAAC,CACH,CAEO,SAASO,GAA6B,CAC3C,IAAMP,EAAK,SAAS,cAAc,8BAA8B,EAChE,GAAI,CAACA,EAAI,OAET,IAAMC,EAAgBO,EAAqB,EACvCC,EAASV,EAAaC,EAAIC,CAAa,EAE3CH,EAAW,iBAAiB,SAAU,IAAM,CAC1C,IAAMY,EAAQD,EAAO,YACrBA,EAAO,QAAQ,GAAM,EAAI,EACzBA,EAASV,EAAaC,EAAIC,CAAa,EACvCQ,EAAO,QAAQC,EAAO,CAAC,CACzB,CAAC,CACH",
+  "names": ["Swiper", "EffectFade", "Navigation", "prefersReducedMotion", "motionSpeed", "reducedMotion", "speed", "MQ_DESKTOP", "createSwiper", "el", "reducedMotion", "isDesktop", "Swiper", "Navigation", "EffectFade", "motionSpeed", "initTeaserFullscreenSlider", "prefersReducedMotion", "swiper", "index"]
+}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@bojantest/ui",
+  "version": "0.1.1",
+  "description": "MILRAM design system — HTML/SCSS components",
+  "author": "Bojan Stojanovic",
+  "license": "ISC",
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "src/html"
+  ],
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
+  "exports": {
+    "./css": "./dist/index.css",
+    "./css/*": "./dist/css/*",
+    "./js/*": "./dist/js/*",
+    "./html/*": "./src/html/*"
+  },
+  "scripts": {
+    "build": "npm run build:css && npm run build:js",
+    "build:css": "node ./scripts/build-css.mjs",
+    "build:js": "node ./scripts/build-js.mjs"
+  },
+  "peerDependencies": {
+    "swiper": "^12.0.0"
+  },
+  "devDependencies": {
+    "esbuild": "^0.28.0",
+    "sass": "^1.99.0"
+  }
+}

package/src/html/button.html

@@ -0,0 +1,14 @@
+<!-- Outline link -->
+<a href="#" class="button button--outline body-cta-text">Käseoriginale entdecken</a>
+
+<!-- Outline inverted (use on dark backgrounds) -->
+<a href="#" class="button button--outline button--inverted body-cta-text">Zum Rezept</a>
+
+<!-- Link button -->
+<button type="button" class="button button--link body-cta-text">Mehr erfahren</button>
+
+<!-- With icon -->
+<a href="#" class="button button--outline body-cta-text">
+  Weiter
+  <span class="button__icon" aria-hidden="true"></span>
+</a>