@newlogic-digital/ui 3.5.0 → 3.7.5

package/src/styles/Libraries/Hint.css

@@ -1,186 +0,0 @@
-[class*="lib-hint-"] {
-  --color-accent: var(--color-body);
-  --color-current: var(--color-body-fg);
-  --lib-hint-font-size: 0.75rem;
-  --lib-hint-font-weight: var(--font-normal);
-
-  position: relative;
-
-  &::before, &::after {
-    position: absolute;
-    visibility: hidden;
-    opacity: 0;
-    z-index: var(--z-10);
-    pointer-events: none;
-    transition: var(--transition-duration) ease;
-    transition-delay: 0ms;
-    will-change: transform;
-    backface-visibility: hidden;
-  }
-
-  &::before {
-    content: "";
-    position: absolute;
-    background-color: transparent;
-    border: 0.375rem solid transparent;
-    z-index: var(--z-20);
-  }
-
-  &::after {
-    border-radius: var(--rounded);
-    background-color: var(--color-accent);
-    color: var(--color-current);
-    padding: 0.75rem;
-    font-size: var(--lib-hint-font-size);
-    font-family: inherit;
-    line-height: 0.875rem;
-    white-space: nowrap;
-    box-shadow:
-      0 0.15rem 1.5rem 0 rgb(var(--color-main-rgb) / 10%),
-      0 0 1rem 0 rgb(var(--color-main-rgb) / 10%);
-    font-weight: var(--lib-hint-font-weight);
-    text-align: center;
-  }
-
-  &.lib-hint-top {
-    &::before, &::after {
-      bottom: 100%;
-      left: 50%;
-    }
-
-    &::before {
-      left: calc(50% - 0.375rem);
-      margin-bottom: -0.6875rem;
-    }
-
-    &::after {
-      transform: translateX(-50%);
-    }
-
-    &:is(:hover, :focus-visible) {
-      &::before {
-        transform: translateY(-0.5rem);
-      }
-
-      &::after {
-        transform: translateX(-50%) translateY(-0.5rem);
-      }
-    }
-  }
-
-  &.lib-hint-bottom {
-    &::before, &::after {
-      top: 100%;
-      left: 50%;
-    }
-
-    &::before {
-      left: calc(50% - 0.375rem);
-      margin-top: -0.6875rem;
-    }
-
-    &::after {
-      transform: translateX(-50%);
-    }
-
-    &:is(:hover, :focus-visible) {
-      &::before {
-        transform: translateY(0.5rem);
-      }
-
-      &::after {
-        transform: translateX(-50%) translateY(0.5rem);
-      }
-    }
-  }
-
-  &.lib-hint-right {
-    &::before, &::after {
-      left: 100%;
-      bottom: 50%;
-    }
-
-    &::before {
-      margin-left: -0.6875rem;
-      margin-bottom: -0.375rem;
-    }
-
-    &::after {
-      margin-bottom: -1.1875rem;
-    }
-
-    &:is(:hover, :focus-visible) {
-      &::before, &::after {
-        transform: translateX(0.5rem);
-      }
-    }
-  }
-
-  &.lib-hint-left {
-    &::before, &::after {
-      right: 100%;
-      bottom: 50%;
-    }
-
-    &::before {
-      margin-right: -0.6875rem;
-      margin-bottom: -0.375rem;
-    }
-
-    &::after {
-      margin-bottom: -1.1875rem;
-    }
-
-    &:is(:hover, :focus-visible) {
-      &::before, &::after {
-        transform: translateX(-0.5rem);
-      }
-    }
-  }
-
-  &[aria-label]::after {
-    content: attr(aria-label);
-  }
-
-  &[class*="lib-hint-top"]::before {
-    border-top-color: var(--color-accent);
-  }
-
-  &[class*="lib-hint-bottom"]::before {
-    border-bottom-color: var(--color-accent);
-  }
-
-  &[class*="lib-hint-left"]::before {
-    border-left-color: var(--color-accent);
-  }
-
-  &[class*="lib-hint-right"]::before {
-    border-right-color: var(--color-accent);
-  }
-
-  &:is(.lib-hint-sm, .lib-hint-md, .lib-hint-lg)::after {
-    white-space: normal;
-    line-height: 1.5;
-    word-wrap: break-word;
-  }
-
-  &.lib-hint-sm::after {
-    width: 5rem;
-  }
-
-  &.lib-hint-md::after {
-    width: 10rem;
-  }
-
-  &.lib-hint-lg::after {
-    width: 15rem;
-  }
-
-  &:is(:hover, :focus-visible) {
-    &::before, &::after {
-      visibility: visible;
-      opacity: 1;
-      transition-delay: 100ms;
-    }
-  }
-}

package/src/styles/Libraries/Ripple.css

@@ -1 +0,0 @@
-@import "winduum/src/libraries/ripple.css";

package/src/styles/Libraries/Tippy.css

@@ -1,73 +0,0 @@
-.tippy-content {
-  padding: 0;
-}
-
-.tippy-box {
-  background-color: transparent;
-  color: inherit;
-  box-shadow: none;
-  font-size: inherit;
-  line-height: inherit;
-
-  &[data-placement="bottom-end"] {
-    &[data-animation="scale"] {
-      transform-origin: top right;
-    }
-  }
-
-  &[data-placement="bottom-start"] {
-    &[data-animation="scale"] {
-      transform-origin: top left;
-    }
-  }
-}
-
-.tippy-svg-arrow {
-  fill: var(--color-body);
-}
-
-[data-tippy-root] {
-  &.is-full {
-    @media not all and (--media-md) {
-      inset: 0 !important;
-      width: 100% !important;
-      height: 100% !important;
-      position: fixed !important;
-      transform: none !important;
-      visibility: visible !important;
-      pointer-events: none;
-      max-width: 100%;
-      background-color: color-mix(in srgb, var(--color-dark) 50%, transparent);
-      transition: var(--transition-opacity);
-      opacity: 0;
-
-      &:has(.tippy-content[data-state="visible"]) {
-        opacity: 1;
-      }
-
-      & .tippy-content {
-        pointer-events: auto;
-      }
-
-      & .tippy-box {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        transition-timing-function: ease;
-        transition-duration: 300ms;
-
-        &[data-state="hidden"] {
-          transform: translateY(100%);
-          opacity: 0;
-        }
-      }
-
-      .c-dropdown {
-        max-width: 100%;
-        border-bottom-right-radius: 0;
-        border-bottom-left-radius: 0;
-      }
-    }
-  }
-}

package/src/styles/Ui/Dot.css

@@ -1,22 +0,0 @@
-.ui-dot {
-  --ui-dot-sq: 0.375rem;
-  --ui-dot-bg-opacity: 0.2;
-
-  width: var(--ui-dot-sq);
-  height: var(--ui-dot-sq);
-  border-radius: var(--rounded-full);
-  background-color: rgb(var(--color-accent-rgb) / var(--ui-dot-bg-opacity));
-  transition: var(--transition-background), width var(--transition-duration), height var(--transition-duration);
-  position: relative;
-
-  &::before {
-    content: "";
-    position: absolute;
-    inset: -0.25rem;
-  }
-
-  &.active {
-    --ui-dot-bg-opacity: 1;
-    --ui-dot-sq: 0.5625rem;
-  }
-}

package/src/styles/Utils/icons.css

@@ -1,5 +0,0 @@
-@import "winduum/src/base/icons.css";
-
-:root {
-  --icon-x-mark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /></svg>') no-repeat 50% 50% / contain;
-}

package/src/styles/Utils/tailwind.css

@@ -1,50 +0,0 @@
-@import "winduum/src/base/tailwind/utilities.css";
-@import "winduum/src/base/tailwind/gutters.css";
-
-@layer utilities {
-  .slider {
-    overflow-x: auto;
-    overflow-y: hidden;
-    -webkit-overflow-scrolling: touch;
-    user-select: none;
-    scrollbar-width: none !important;
-    -ms-overflow-style: none;
-    display: flex;
-
-    &:not(.is-fade, .is-grabbing) {
-      scroll-behavior: smooth;
-      scroll-snap-type: x mandatory;
-    }
-
-    &::-webkit-scrollbar {
-      display: none;
-    }
-
-    & > * {
-      flex: 0 0 auto;
-      scroll-snap-align: start;
-    }
-
-    &.is-grabbing {
-      &, & * {
-        cursor: grabbing;
-      }
-
-      & a {
-        pointer-events: none;
-      }
-    }
-  }
-
-  .slider-edge-x {
-    margin-left: calc(var(--container-padding-calc) * -1);
-    margin-right: calc(var(--container-padding-calc) * -1);
-    padding-left: var(--container-padding-calc);
-    scroll-padding-left: var(--container-padding-calc);
-    scroll-padding-right: var(--container-padding-calc);
-
-    & > *:last-child {
-      margin-right: var(--container-padding-calc);
-    }
-  }
-}

package/src/templates/Components/CookieConsent.latte

@@ -1,28 +0,0 @@
-{var $center = true}
-
-<div class="c-cookieconsent {if $center}is-center{/if}" data-controller="c-cookieconsent">
-    <div class="c">
-        <div class="c_head mt-2">
-            {if true}
-                <div class="ui-image w-40 mb-6">
-                    <img src="{placeholder(160, 46)}">
-                </div>
-            {/if}
-            <div class="ui-heading lg md:my-8">Nastavení soukromí a&nbsp;cookies&nbsp;🍪</div>
-        </div>
-        <div class="c_body">
-            <div class="ui-text xs md:sm">
-                <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>
-        <div class="c_foot {if $center}flex-col gap-y-2{else}gap-x-4{/if}">
-            <div class="col w-full">
-                <button class="ui-btn lg w-full" data-action="click->c-cookieconsent#approve">Ano, souhlasím</button>
-            </div>
-            <div class="col w-full {if !$center}pr-6{/if}">
-                <button class="ui-btn ghosted lg accent-main w-full" data-action="click->c-cookieconsent#decline"><span>Nesouhlasím</span></button>
-            </div>
-        </div>
-    </div>
-</div>

package/src/templates/Components/Dialogs/Basic.latte

@@ -1,22 +0,0 @@
-<form class="c-dialog c-dialog-basic sm scrollable">
-    <div class="c_dialog_head flex justify-between">
-        <h2 class="ui-heading">Info</h2>
-        <button class="ui-btn square ghosted accent-main" type="button" data-action="click->lib-dialog#close">
-            <svg>
-                <use href="#icon-x"></use>
-            </svg>
-        </button>
-    </div>
-    <div class="c_dialog_body py-4">
-        <div class="ui-text">
-            {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>
-    </div>
-    <div class="c_dialog_foot">
-        <div class="col max-md:w-full">
-            <button class="ui-btn" type="button" data-action="click->lib-dialog#close">Continue</button>
-        </div>
-    </div>
-</form>

package/src/templates/Sections/Gdpr.latte

@@ -1,127 +0,0 @@
-<div class="s-text py-14">
-    <div class="container">
-        <div class="d:col-10 ml-auto mr-auto">
-            <div class="wrp_s_head mb-8">
-                <h2 class="ui-heading">Zásady používání cookies</h2>
-            </div>
-            <div class="wrp_s_body">
-                <div class="ui-text"><h4 style="text-align: left;">Pravidla používání cookies na našich webových
-                        stránkách</h4>
-                    <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>
-                    <p></p>
-                    <p></p>
-                    <p></p>
-                </div>
-                <form class="c-form-cookieconsent flex flex-col gap-8" data-controller="c-form-cookieconsent" data-action="submit->c-form-cookieconsent#update:prevent" autocomplete="off">
-                    <div class="c_form_head">
-                        <div class="ui-text">
-                            <h4 style="text-align: left;">Nastavení cookies</h4>
-                            <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="c_form_body">
-                        <div class="ui-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="ui-switch">
-                            <input type="checkbox" value="decline" checked disabled>
-                        </label>
-                    </div>
-                    <div class="c_form_body">
-                        <div class="ui-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="ui-switch">
-                            <input type="checkbox" value="performance">
-                        </label>
-                    </div>
-                    <div class="c_form_body">
-                        <div class="ui-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="ui-switch">
-                            <input type="checkbox" value="marketing">
-                        </label>
-                    </div>
-                    <div class="c_form_foot">
-                        <button class="ui-btn"><span>Uložit předvolby</span></button>
-                    </div>
-                </form>
-            </div>
-        </div>
-    </div>
-</div>

package/src/views/dropdown/tippy.json.latte

@@ -1,19 +0,0 @@
-{capture $content}
-    <div class="c-dropdown">
-        <ul class="wrp_c_list flex-col row-y gy-4">
-            <li class="col">
-                <button class="ui-link">
-                    <span>{ edit }</span>
-                </button>
-            </li>
-            <li class="col">
-                <button class="ui-link">
-                    <span>{ delete }</span>
-                </button>
-            </li>
-        </ul>
-    </div>
-{/capture}
-
-{$content|json('content')|noescape}
-