@newlogic-digital/ui 3.5.0 → 4.0.0

package/src/styles/utils/scrollbar.css

@@ -0,0 +1,23 @@
+.no-scrollbar {
+  scrollbar-width: none;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}
+
+.scrollbar {
+  scrollbar-width: thin;
+  scrollbar-color: var(--color-primary) var(--color-body-primary);
+  overscroll-behavior: contain;
+
+  &::-webkit-scrollbar {
+    width: 0.375rem;
+    background-color: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: var(--color-primary);
+    border-radius: var(--radius-full);
+  }
+}

package/src/templates/components/(layout)/Footer.latte

@@ -0,0 +1 @@
+<footer class="x-footer"></footer>

package/src/templates/components/(layout)/Header.latte

@@ -0,0 +1,7 @@
+<header class="x-header grid grid-cols-container" data-controller="x-header">
+    <nav class="flex justify-center py-4 gap-4">
+        <a n:foreach="$nav as $page" class="x-link" href="{$page->url}" title="{$page->name}">
+            {$page->name}
+        </a>
+    </nav>
+</header>

package/src/templates/components/(ui)/Toast.latte

@@ -0,0 +1,9 @@
+<li class="x-toast" role="status" aria-live="assertive" aria-atomic="true" data-controller="x-toast" data-action="x-toast:connect->x-toast#show">
+    <div class="x-toast-content">
+        <div class="flex-col">
+            <div class="x-title">Hello toast</div>
+            <div class="x-text">Amazing toast</div>
+        </div>
+        <button class="x-button muted ml-auto" data-action="x-toast#close">Close</button>
+    </div>
+</li>

package/src/templates/components/Content.latte

@@ -0,0 +1,64 @@
+<div class="x-content py-12 grid grid-cols-container gap-y-8">
+    <h1 class="x-heading">Zásady ochrany osobních údajů</h1>
+    <div class="x-text">
+        <p><strong>Správce osobních údajů a subjekt údajů</strong></p>
+        <p>Správcem osobních údajů je společnost provozující tento web, rezervační službu.</p>
+        <p>Subjektem údajů je fyzická osoba, která správci poskytla svoje osobní údaje na základě nájemní smlouvy, kupní
+            smlouvy, servisní smlouvy či jiné smlouvy uzavřené se správcem nebo na základě souhlasu se zpracováním
+            osobních údajů v rámci přihlášení k&nbsp;odběru novinek (newsletterů) zasílaných správcem. Subjektem údajů
+            může být též fyzická osoba, jejíž osobní údaje správce získal z&nbsp;jiných zákonných zdrojů.</p>
+        <p>&nbsp;</p>
+        <p><strong>Rozsah zpracování osobních údajů</strong></p>
+        <p>Správce zpracovává osobní údaje v&nbsp;rozsahu, v&nbsp;jakém jsou mu poskytnuty subjekty údajů, nebo v&nbsp;jakém
+            rozsahu je správce získá z&nbsp;jiných zákonných zdrojů. Jedná se o: jméno, příjmení, datum narození,
+            bydliště, místo podnikání, identifikační číslo, číslo platební karty daňové identifikační číslo, e-mail,
+            telefon, podpis.</p>
+        <p>&nbsp;</p>
+        <p><strong>Účel zpracování osobních údajů, souhlas obecný</strong></p>
+        <p>Správce zpracovává osobní údaje subjektů údajů za účelem splnění smlouvy uzavřené mezi subjektem údajů a
+            správcem a to formou elektronických komunikačních prostředků na dálku, nebo písemnou formou, plnění právních
+            povinností a za účelem přímého marketingu (tj. nabízení produktů a služeb správce) včetně zasílání
+            obchodních sdělení ve smyslu zákona č. 480/2004 Sb., o některých službách informační společnosti. Obchodní
+            sdělení správce zasílá pouze v případě, že se subjekt údajů přihlásil k odběru novinek (newsletterů) a
+            vyslovil druhý souhlas se zpracováním osobních údjaů pro marketingové účely.</p>
+        <p>&nbsp;</p>
+        <p><strong>Účel zpracování osobních údajů, souhlas pro marketingové účely</strong></p>
+        <p>Správce zpracovává osobní údaje subjektů údajů za účelem splnění smlouvy uzavřené mezi subjektem údajů a
+            správcem a to formou elektronických komunikačních prostředků na dálku, nebo písemnou formou, plnění právních
+            povinností a za účelem přímého marketing, nabídek, informací o hotelu a jeho aktivitách. Sbjekt údajů má
+            možnost se jednoduchým způsobem a zdarma z odběru novinek (newsletterů) odhlásit.</p>
+        <p>&nbsp;</p>
+        <p><strong>Posouzení nezbytnosti zpracování</strong></p>
+        <p>Správce dbá na ochranu soukromí subjektů údajů, a proto zpracovává pouze osobní údaje, které jsou nezbytně
+            nutné pro stanovené účely zpracování.</p>
+        <p>&nbsp;</p>
+        <p><strong>Právní základ zpracování osobních údajů</strong></p>
+        <p>Právním základem zpracování prováděného za účelem přímého marketingu je souhlas subjektů údajů se zpracováním
+            osobních údajů (přihlášení k odběru newsletterů) nebo oprávněný zájem správce (získání elektronického
+            kontaktu v souvislosti s prodejem výrobku nebo služby správce dle zák. č. 480/2004 Sb.).</p>
+        <p>V ostatních případech je právním základem zpracování splnění smlouvy, ochrana oprávněných zájmů správce
+            (ochrana majetku, uplatnění práv ze smlouvy v soudním řízení apod.) a splnění právní povinnosti.</p>
+        <p>&nbsp;</p>
+        <p><strong>Doba zpracovávání osobních údajů</strong></p>
+        <p>V&nbsp;případě osobních údajů zpracovávaných za účelem splnění smlouvy správce zpracovává osobní údaje po
+            dobu trvání smluvního vztahu a následně po dobu dalších 10 let, a to s&nbsp;ohledem na délku promlčecí lhůty
+            u náhrady škody či újmy. V&nbsp;případě zpracování za účelem splnění právní povinnosti správce zpracovává
+            osobní údaje po dobu stanovenou právními předpisy. V&nbsp;případě osobních údajů zpracovávaných na základě
+            souhlasu subjektu údajů správce zpracovává osobní údaje po dobu 10 let, nebude-li souhlas se zpracováním
+            osobních údajů do té doby odvolán. Tím není dotčena povinnost správce zpracovávat osobní údaje po dobu
+            stanovenou příslušnými právními předpisy či v souladu s nimi.</p>
+        <p>&nbsp;</p>
+        <p><strong>Odvolání souhlasu se zpracováním osobních údajů</strong></p>
+        <p>Jestliže subjekt údajů udělil správci souhlas se zpracováním osobních údajů, může svůj dobrovolně udělený
+            souhlas se zpracováním osobních údajů kdykoli bezplatně odvolat. Odvoláním souhlasu není dotčena zákonnost
+            zpracování vycházejícího ze souhlasu, který byl dán před jeho odvoláním. Odvolání souhlasu též nemá vliv na
+            zpracování osobních údajů, které správce zpracovává na základě jiného právního základu, než je souhlas (tj.
+            zejména je-li zpracování nezbytné pro splnění smlouvy, právní povinnosti či z&nbsp;jiných důvodů uvedených v&nbsp;platných
+            právních předpisech).</p>
+        <p>&nbsp;</p>
+        <p><strong>Přístup k&nbsp;osobním údajům</strong></p>
+        <p>K osobním údajům subjektů údajů má přístup správce a případně též třetí osoby - příjemci, kteří poskytují
+            vhodné záruky a jejichž zpracování splňuje požadavky dle platných právních předpisů a které zajišťuje
+            náležitou ochranu práv subjektů údajů</p>
+    </div>
+</div>

package/src/templates/components/Example.latte

@@ -0,0 +1,17 @@
+<div class="grid grid-cols-container">
+    <div class="p-4 bg-body-secondary rounded w-full max-w-xl mx-auto">
+        <h1 class="x-heading mb-4">Hello world!</h1>
+        <div class="x-text mb-4">Want to dig deeper into Newlogic UI?</div>
+
+        <a href="https://ui.newlogic.cz/" class="x-link underline">Read the docs &rarr;</a>
+    </div>
+    <div class="flex justify-center mt-4">
+        <button
+                class="x-button"
+                data-invoke-action="x-dialog#show"
+                data-invoke-url="/dialog/basic.json"
+        >
+            Dialog Fetch Example
+        </button>
+    </div>
+</div>

package/src/templates/components/cookieconsent/CookieConsentContent.latte

@@ -0,0 +1,69 @@
+<div class="x-cookieconset-content x-content py-16 md:py-28 grid grid-cols-container gap-y-8">
+    <h2 class="x-heading">Zásady používání cookies</h2>
+    <div class="x-text">
+        <p style="text-align: left;">Tyto webové stránky používají k poskytování služeb, personalizaci
+            reklam a analýze návštěvnosti soubory cookies. Pokud nepovolíte využití reklamních cookies, web
+            bude používat pouze cookies nezbytné k tomu, abyste se mohli pohybovat po webu a používat jeho
+            funkce. Zásady ukládání cookies na váš počítač si můžete kdykoliv vypnout nebo upravit na konci
+            této stránky.</p>
+        <p></p>
+        <p></p><h4 style="text-align: left;">Cookies nutné pro funkčnost stránek</h4>
+        <p style="text-align: left;">Tyto cookies jsou nezbytné k tomu, abyste se mohli pohybovat po webu a
+            používat jeho funkce. Jsou aktivovány v okamžiku, kdy uživatel vstoupí na stránku. Některé části
+            webových stránek nemusí správně fungovat, pokud tyto soubory cookie nejsou uloženy.</p>
+        <p></p>
+        <table style="border-collapse: collapse; width: 100%; height: 96px;" border="1">
+            <tbody>
+            <tr style="height: 24px;">
+                <td style="width: 46.4115%; height: 24px;">Cookie</td>
+                <td style="width: 46.4115%; height: 24px;">PHPSSID</td>
+            </tr>
+            <tr style="height: 24px;">
+                <td style="width: 46.4115%; height: 24px;">Autor</td>
+                <td style="width: 46.4115%; height: 24px;"><a
+                            href="http://www.newlogic.cz">www.newlogic.cz</a></td>
+            </tr>
+            <tr style="height: 24px;">
+                <td style="width: 46.4115%; height: 24px;">Účel</td>
+                <td style="width: 46.4115%; height: 24px;">Tyto soubory cookies mohou být použity pro
+                    sledování aktuální relace uživatele. Součástí těchto údajů je i IP adresa uživatele,
+                    která je použita jako jedna z komponent pro hash generovaný frameworkem. Vlastník
+                    stránek IP adresu samostatně neukládá a z hashe ji nelze zpětně rekonstruovat.
+                </td>
+            </tr>
+            <tr style="height: 24px;">
+                <td style="width: 46.4115%; height: 24px;">Platnost</td>
+                <td style="width: 46.4115%; height: 24px;">1 den</td>
+            </tr>
+            </tbody>
+        </table>
+        <p></p>
+        <p></p><h4 style="text-align: left;">Cookies užívané k měření návštěvnosti stránek</h4>
+        <p style="text-align: left;">Tyto cookies slouží k měření počtu návštěv stránek. Jedná se o nástroje
+            služby Google Analytics.</p>
+        <p></p>
+        <table style="border-collapse: collapse; width: 100%;" border="1">
+            <tbody>
+            <tr>
+                <td style="width: 46.4689%;">Cookie</td>
+                <td style="width: 46.4689%;">utma, utmb, utmc, utmt, utmz</td>
+            </tr>
+            <tr>
+                <td style="width: 46.4689%;">Autor</td>
+                <td style="width: 46.4689%;"><a
+                            href="https://developers.google.com/analytics/devguides/collection/analyticsjs/cookie-usage">Google
+                        Analytics</a></td>
+            </tr>
+            <tr>
+                <td style="width: 46.4689%;">Účel</td>
+                <td style="width: 46.4689%;">Google Analytics měřící kódy</td>
+            </tr>
+            <tr>
+                <td style="width: 46.4689%;">Platnost</td>
+                <td style="width: 46.4689%;">Do ukončení uživatelské relace.</td>
+            </tr>
+            </tbody>
+        </table>
+    </div>
+    {include 'CookieConsentForm.latte'}
+</div>

package/src/templates/components/cookieconsent/CookieConsentDialog.latte

@@ -0,0 +1,27 @@
+{var $center = true}
+
+<dialog class="x-cookieconsent-dialog x-dialog {if $center}center{/if}" data-controller="x-cookieconsent-dialog">
+    <div class="x-dialog-content">
+        <div class="mt-2 mb-4 md:mb-6">
+            {if true}
+                <div class="x-image w-40 my-4">
+                    <img src="{placeholder(160, 46)}" alt="">
+                </div>
+            {/if}
+            <div class="x-heading text-3xl md:my-8">Nastavení soukromí a&nbsp;cookies&nbsp;🍪</div>
+        </div>
+        <div class="x-text">
+            <p>Webové stránky používají k poskytování služeb, personalizaci reklam a analýze návštěvnosti soubory&nbsp;cookies.</p>
+            <p>Následující volbou souhlasíte s našimi <a href="/gdpr">zásady&nbsp;ochrany osobních údajů a cookies</a>. Svá&nbsp;nastavení můžete kdykoli změnit.</p>
+        </div>
+        <div class="flex items-center mt-6 md:mt-8 gap-4 {if $center}flex-col{else}max-md:flex-col{/if} px-4">
+            <div class="flex flex-col w-full">
+                <button class="x-button lg w-full" data-action="click->x-cookieconsent-dialog#approve">Ano, souhlasím</button>
+            </div>
+            <div class="flex w-full gap-4">
+                <a class="x-button ghosted lg accent-main flex-1 px-4" href="/gdpr"><span>Přizpůsobit</span></a>
+                <button class="x-button ghosted lg accent-main flex-1 px-4" data-action="click->x-cookieconsent-dialog#decline"><span>Nesouhlasím</span></button>
+            </div>
+        </div>
+    </div>
+</dialog>

package/src/templates/components/cookieconsent/CookieConsentForm.latte

@@ -0,0 +1,47 @@
+<form class="x-cookieconsent-form flex flex-col gap-8 mt-8" data-controller="x-cookieconsent-form" data-action="submit->x-cookieconsent-form#update:prevent" autocomplete="off">
+    <div class="flex-col">
+        <div class="x-text">
+            <h3 style="text-align: left;">Nastavení cookies</h3>
+            <p style="text-align: left;">
+                Následujícím nastavením můžete upravit jaké soubory cookie
+                se budou používat na této stránce.
+            </p>
+        </div>
+    </div>
+    <div class="flex-col">
+        <div class="x-text mb-4">
+            <h5>Nutné cookies</h5>
+            <p>
+                Tyto soubory cookies jsou nezbytně nutné pro váš pohyb po webové stránce a využívání všech funkcí, např. nastavení preferencí soukromí, přihlašování nebo vyplňování formulářů. Bez těchto cookies by nebylo možné řádně poskytovat služby požadované při používání naší stránky. Nezbytně nutné cookies nevyžadují souhlas uživatele dle příslušných právních předpisů. Můžete si také nakonfigurovat webový prohlížeč a nezbytně nutné soubory cookies zablokovat, ovšem následně se může stát, že nebudete moci používat všechny funkce stránky tak, jak byste chtěli.
+            </p>
+        </div>
+        <label class="x-switch">
+            <input type="checkbox" value="decline" checked disabled>
+        </label>
+    </div>
+    <div class="flex-col">
+        <div class="x-text mb-4">
+            <h5>Statistické soubory cookies</h5>
+            <p>
+                Tyto soubory cookie nám umožňují počítat návštěvy a zdroje návštěvnosti, abychom mohli měřit a zlepšovat výkon našich stránek. Pomáhají nám zjistit, které stránky jsou nejoblíbenější a které nejméně, a vidět, jak se návštěvníci na webu pohybují, což nám pomáhá optimalizovat váš zážitek. Všechny informace, které tyto soubory cookie shromažďují, jsou agregované, a proto anonymní. Pokud tyto soubory cookie nepovolíte, nebudeme moci používat vaše údaje tímto způsobem.
+            </p>
+        </div>
+        <label class="x-switch">
+            <input type="checkbox" value="performance">
+        </label>
+    </div>
+    <div class="flex-col">
+        <div class="x-text mb-4">
+            <h5>Reklamní soubory cookies</h5>
+            <p>
+                Tyto soubory cookies (zvané také cílené nebo reklamní cookies) se používají k zobrazování reklam na stránkách třetích stran, které by více odpovídaly vaší osobě a vašim zájmům. Používají se také k omezení počtu shlédnutí reklam a měření účinností reklamních kampaní.
+            </p>
+        </div>
+        <label class="x-switch">
+            <input type="checkbox" value="marketing">
+        </label>
+    </div>
+    <div class="flex-col items-start">
+        <button class="x-button">Uložit předvolby</button>
+    </div>
+</form>

package/src/templates/components/dialog/DialogBasic.latte

@@ -0,0 +1,18 @@
+<dialog class="x-dialog" data-controller="x-dialog">
+    <form class="x-dialog-content">
+        <div class="flex justify-between">
+            <h2 class="x-heading">Dialog Basic</h2>
+            <button class="x-button square ghosted accent-main" type="button" data-action="click->x-dialog#close">
+                <svg>
+                    <use href="#icon-x-mark"></use>
+                </svg>
+            </button>
+        </div>
+        <div class="x-text py-4">
+            {foreach range(1, 44) as $i}
+                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget efficitur metus. In bibendum nisi et dui sagittis efficitur.</p>
+            {/foreach}
+        </div>
+        <button class="x-button" type="button" data-action="click->x-dialog#close">Continue</button>
+    </form>
+</dialog>

package/src/templates/emails/components/Content.latte

@@ -0,0 +1,29 @@
+<tr class="x-content">
+    <td class="p-container">
+        <table class="w-full">
+            <tr>
+                <td class="x-heading pb-[24px]">
+                    Lorem ipsum
+                </td>
+            </tr>
+            <tr>
+                <td class="x-text">
+                    Hello David,<br>
+                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
+                </td>
+            </tr>
+            <tr>
+                <td class="pt-[24px]">
+                    <table class="x-button flat">
+                        <tr>
+                            <td class="x-button-content">
+                                <a href="https://www.kouzelnechaloupky.cz"><span>Button</span></a>
+                            </td>
+                        </tr>
+                    </table>
+                </td>
+            </tr>
+        </table>
+    </td>
+</tr>
+

package/src/templates/emails/components/Footer.latte

@@ -0,0 +1,13 @@
+<tr class="x-footer">
+    <td class="p-container pt-[0px]">
+        <table class="w-full text-center">
+            <tr>
+                <td class="x-text sm">
+                    ahoj@email.cz<br>
+                    (+420) 123 456 789<br>
+                    po-pá 9:00 - 17:30
+                </td>
+            </tr>
+        </table>
+    </td>
+</tr>

package/src/templates/emails/components/Header.latte

@@ -0,0 +1,8 @@
+<tr class="x-header">
+    <td class="px-container pt-container">
+        <a href="https://www.bookolosystem.com" target="_blank">
+            <img src="https://placehold.co/160x60" alt="Logo" style="width: 160px; height: 60px;">
+        </a>
+    </td>
+</tr>
+

package/src/templates/emails/layouts/default.latte

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <title>Email Template</title>
+    <!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    {var $forceLightMode = true}
+
+    {if $forceLightMode}
+        <meta name="color-scheme" content="only light">
+        <meta name="supported-color-schemes" content="only light">
+    {else}
+        <meta name="color-scheme" content="light dark">
+        <meta name="supported-color-schemes" content="light dark">
+    {/if}
+
+    <style type="text/css" n:syntax="off">
+      @import '/src/styles/emails/main.css';
+    </style>
+</head>
+<body>
+    <table class="x-main w-full" align="center">
+        <tr>
+            <td class="p-[20px]" align="center">
+                <table class="x-main-body container">
+                    {include '../../utils/sections.latte', sections => $body}
+                </table>
+            </td>
+        </tr>
+        {include '../components/Footer.latte'}
+    </table>
+</body>
+</html>

package/src/templates/layouts/default.latte

@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html class="no-js" lang="en">
+    <head>
+        <meta charset="utf-8">
+        <title>{$title}</title>
+
+        <meta name="keywords" content="">
+        <meta name="description" content="">
+        <meta name="author" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+        <meta name="format-detection" content="telephone=no">
+        <meta name="mobile-web-app-capable" content="yes">
+        <meta name="apple-mobile-web-app-title" content="{$title}">
+        <meta name="apple-mobile-web-app-capable" content="yes">
+        <meta name="theme-color" content="#ffffff">
+
+        {if isset($prefetch)}
+            {foreach $prefetch as $url}
+                <link rel="preconnect" href="{$url}" crossorigin>
+                <link rel="dns-prefetch" href="{$url}">
+            {/foreach}
+        {/if}
+
+        {if isset($preload)}
+            <link
+                n:foreach="$preload as $url"
+                href="{$url->href|asset}"
+                {if isset($url->rel)}rel="{$url->rel}"{else}rel="preload"{/if}
+                {if isset($url->as)}as="{$url->as}"{/if}
+                {if isset($url->type)}type="{$url->type}"{/if}
+                {if isset($url->crossorigin)}crossorigin{/if}
+            >
+        {/if}
+
+        <link n:foreach="$assets->css->all as $url" href="{$url|asset}" rel="stylesheet">
+
+        {if isset($modulepreload)}
+            <link n:foreach="$modulepreload as $url" href="{$url|asset}" rel="modulepreload">
+        {/if}
+
+        <script>
+            (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) && document.documentElement.classList.add('dark')
+            document.documentElement.classList.remove('no-js')
+        </script>
+
+        <script src="{$assets->js->main|asset}" type="module"></script>
+
+        <link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg">
+        <link rel="apple-touch-icon" type="image/webp" href="/favicons/favicon-512.webp">
+        <link rel="manifest" href="/favicons/manifest.webmanifest">
+    </head>
+    <body data-controller="x-app invoke" data-naja-snippet-append>
+        {include '../components/(layout)/Header.latte'}
+        <main class="x-main view-transition-main">
+            {include '../utils/sections.latte', sections => $body}
+        </main>
+        {include '../components/(layout)/Footer.latte'}
+
+        {if $cookieConsent}
+            {include '../components/cookieconsent/CookieConsentDialog.latte'}
+        {/if}
+
+        <ol class="x-toaster items-end">
+            {*include TEMPLATES_DIR . 'Components/(ui)/Toast.latte'*}
+        </ol>
+
+        {if true} {* load only on first load in production *}
+            {fetch('/src/icons.svg')|noescape}
+        {/if}
+    </body>
+</html>

package/vite.config.js

@@ -1,20 +1,8 @@
+import { defineConfig } from 'vite'
 import core from '@newlogic-digital/core'
-import postcssHasPseudo from 'css-has-pseudo'
-import postcssCustomSelectors from 'postcss-custom-selectors'
 
-export default {
+export default defineConfig({
     plugins: [
-        core({
-            latte: {
-                globals: {
-                    template: './src/templates/Layout/Main.latte'
-                }
-            }
-        })
-    ],
-    css: {
-        postcss: {
-            plugins: [postcssCustomSelectors(), postcssHasPseudo()]
-        }
-    }
-}
+        core()
+    ]
+})

package/src/emails/styles/email.css

@@ -1,77 +0,0 @@
-@import "../../styles/Utils/theme/main.css";
-
-:root {
-  --width: 660px;
-  --container: 30px;
-}
-
-body {
-  margin: 0;
-  padding: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: var(--color-default);
-}
-
-table {
-  border-collapse: separate;
-}
-
-p {
-  font-size: 16px;
-  line-height: 1.5;
-  color: var(--color-default);
-  margin: 0;
-}
-
-.elm_container_wrapper {
-  background-color: #fff;
-  width: 100%;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: var(--color-default);
-
-  & .elm_container {
-    margin: 0;
-    width: 100%;
-    background-color: #fff;
-
-    & > tr > td {
-      padding: 0 var(--container);
-
-      &.elm_full {
-        padding: 0;
-      }
-    }
-
-    & .elm_inner_container {
-      width: var(--width);
-      min-width: var(--width);
-      padding: 0;
-    }
-  }
-}
-
-.elm_content {
-  & .elm_content_info {
-    color: #606060;
-    font-size: 13px;
-    line-height: 2;
-
-    & a {
-      &, & span {
-        color: #606060;
-      }
-    }
-  }
-
-  & .elm_content_heading {
-    font-size: 22px;
-    font-weight: 600;
-    color: var(--color-primary);
-  }
-}
-
-@media print {
-  * {
-    -webkit-print-color-adjust: exact;
-  }
-}

package/src/emails/templates.test/Content.latte

@@ -1,24 +0,0 @@
-<tr class="nlm_content">
-    <td>
-        <table class="elm_inner_container">
-            <tr>
-                <td>
-                    <br />
-                    <div class="elm_content_heading">Děkujeme za Váš zájem</div>
-                    <br />
-                    Jsme opravdu rádi že jste se nám ozvali! Toto jsou Vaše údaje z formuláře:
-                    <br />
-                    <br />
-                    <p><strong>Jméno</strong>: Pavel Novák</p>
-                    <p><strong>Email</strong>: jmeno.prijmeni@email.cz</p>
-                    <p><strong>Telefon</strong>: +420111222333</p>
-                    <br/>
-                    <p><strong>Zpráva</strong>:</p>
-                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae est dui. Vestibulum vehicula in mi in interdum. Aliquam quis tempor nibh. Duis tincidunt vel purus tincidunt iaculis. In bibendum leo justo, et elementum justo dapibus et. Aliquam eu elementum magna. Fusce egestas urna ac venenatis auctor. Phasellus felis leo, suscipit non est sit amet, lobortis pellentesque urna. Ut enim leo, posuere eget mauris vel, egestas pellentesque metus. Curabitur ut est ut orci blandit suscipit. Morbi lacinia sapien luctus lectus maximus, vitae gravida lectus aliquet. Vestibulum ut placerat diam. Fusce dapibus tincidunt justo, sed venenatis nisl porttitor vitae.</p>
-                    <br />
-                    <div class="elm_content_info"><a href="https://www.nazevwebu.cz"><span>www.nazevwebu.cz</span></a></div>
-                </td>
-            </tr>
-        </table>
-    </td>
-</tr>

package/src/emails/templates.test/Header.latte

@@ -1,14 +0,0 @@
-<tr class="elm_header">
-    <td>
-        <table class="elm_inner_container">
-            <tr n:foreach="range(1,2) as $i">
-                <td>
-                    <br />
-                    <a href="#"><img src="https://via.placeholder.com/160x60" width="160" alt="" style="width: 160px" /></a>
-                    <br />
-                    <br />
-                </td>
-            </tr>
-        </table>
-    </td>
-</tr>

package/src/emails/templates.test/Layout.latte

@@ -1,23 +0,0 @@
-<!DOCTYPE html>
-<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
-<head>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <title>Email Template</title>
-    <!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <style type="text/css" n:syntax="off">
-      @import '/src/emails/styles/email.css';
-    </style>
-</head>
-<body>
-<table class="elm_container_wrapper">
-    <tr>
-        <td>
-            <table class="elm_container">
-                <block name="body" with="locals"></block>
-            </table>
-        </td>
-    </tr>
-</table>
-</body>
-</html>

package/src/scripts/Components/+.js

@@ -1 +0,0 @@
-import './CookieConsent.js'