@newlogic-digital/ui 3.4.2 → 3.5.0

package/src/styles/Utils/vars.css

@@ -1,91 +0,0 @@
-:root {
-  --font-primary: "Poppins", sans-serif;
-  --font-secondary: "Poppins", sans-serif;
-  --color-google: 219, 68, 55;
-  --color-linkedin: 40, 103, 178;
-  --color-youtube: 255, 0, 0;
-  --color-instagram: 193, 53, 132;
-  --color-twitter: 29, 161, 242;
-  --color-facebook: 24, 119, 242;
-  --color-apple: 0 0 0;
-  --radius: 0.5rem;
-  --container-width: 75rem;
-  --container-width-sm: 50rem;
-  --container-padding: 5vw;
-  --container-padding-calc: max(calc(50vw - (var(--container-width) / 2) + var(--container-padding)), var(--container-padding));
-  --font-bold: 700;
-  --font-semibold: 600;
-  --font-medium: 500;
-  --font-normal: 400;
-  --font-light: 300;
-  --font-thin: 200;
-  --z-10: 10;
-  --z-20: 20;
-  --z-30: 30;
-  --z-40: 40;
-  --z-50: 50;
-  --rounded: 0.75rem;
-  --rounded-xs: 0.5rem;
-  --rounded-sm: 0.875rem;
-  --rounded-base: 1rem;
-  --rounded-md: 1.125rem;
-  --rounded-lg: 1.5rem;
-  --rounded-xl: 3rem;
-  --rounded-2xl: 6rem;
-  --rounded-3xl: 8rem;
-  --rounded-full: 9999px;
-  --spacing-xs: 0.5rem;
-  --spacing-sm: 0.875rem;
-  --spacing-base: 1rem;
-  --spacing-md: 1.125rem;
-  --spacing-lg: 1.5rem;
-  --spacing-xl: 3rem;
-  --spacing-2xl: 6rem;
-  --spacing-3xl: 8rem;
-  --spacing-section: 3rem;
-  --transition: 0.15s;
-  --transition-color: color var(--transition) ease;
-  --transition-background: background var(--transition) ease;
-  --transition-opacity: opacity var(--transition) ease;
-  --transition-transform: transform var(--transition) ease;
-  --transition-border: border-color var(--transition) ease;
-  --transition-shadow: box-shadow var(--transition) ease;
-
-  @media (--media-t) {
-    --container-padding: 3rem;
-  }
-}
-
-/* @custom-selector --theme */
-@custom-selector :--theme-dark [data-theme~="dark"];
-@custom-selector :--theme-light [data-theme~="light"];
-
-/* @custom-selector --size */
-@custom-selector :--size [data-size];
-@custom-selector :--size-base [data-size~="base"];
-@custom-selector :--size-xl [data-size~="xl"];
-@custom-selector :--size-lg [data-size~="lg"];
-@custom-selector :--size-md [data-size~="md"];
-@custom-selector :--size-sm [data-size~="sm"];
-@custom-selector :--size-xs [data-size~="xs"];
-
-/* @custom-selector --state */
-@custom-selector :--state-active [data-state~="active"];
-@custom-selector :--state-focus [data-state~="focus"];
-@custom-selector :--state-loading [data-state~="loading"];
-@custom-selector :--state-valid [data-state~="valid"];
-@custom-selector :--state-invalid [data-state~="invalid"];
-@custom-selector :--state-placeholder [data-state~="placeholder"];
-@custom-selector :--state-hiding [data-state~="hiding"];
-
-/* @custom-selector --type */
-@custom-selector :--type-square [data-type~="square"];
-@custom-selector :--type-square-m [data-type~="m:square"];
-@custom-selector :--type-circle [data-type~="circle"];
-@custom-selector :--type-circle-m [data-type~="m:circle"];
-@custom-selector :--type-outline [data-type~="outline"];
-@custom-selector :--type-number [data-type~="number"];
-@custom-selector :--type-color [data-type~="color"];
-@custom-selector :--type-file [data-type~="file"];
-@custom-selector :--type-scrollable [data-type~="scrollable"];
-@custom-selector :--type-center [data-type~="center"];

package/src/styles/Utils/vendor.css

@@ -1,2 +0,0 @@
-@import "winduum/src/base/reset.css";
-@import "winduum/src/base/breakpoints.css";

package/src/templates/Components/CookieConsent.twig

@@ -1,30 +0,0 @@
-{% set center = true %}
-{% set closable = false %}
-
-<div class="c-cookieconsent" data-type="{% if center %}center{% endif %} {% if closable %}closable{% endif %}">
-    <div class="wrp bg-background">
-        <div class="wrp_c_head mt-2">
-            {% if true %}
-                <div class="ui-image w-40 mb-6">
-                    <img src="{{ placeholder(160, 46) }}">
-                </div>
-            {% endif %}
-            <div class="ui-heading">Privacy settings and&nbsp;cookies&nbsp;🍪</div>
-        </div>
-        <div class="wrp_c_body">
-            <div class="ui-text">
-                <p>The Website uses cookies to provide services, personalize ads and analyze traffic.</p>
-                <p></p>
-                <p>By the following option, you agree to the use of cookies and the use of data about your behavior on the website to display targeted&nbsp;advertising. </p>
-            </div>
-        </div>
-        <div class="wrp_c_foot {% if center %}flex-col space-y-6{% else %}space-x-10{% endif %}">
-            <div class="col w-full">
-                <button class="ui-btn w-full" data-size="lg" aria-label="Yes, I agree" data-lib-cookieconsent-approve>Yes, I agree</button>
-            </div>
-            <div class="col {% if not center %}pr-6{% endif %}">
-                <button class="ui-link" aria-label="I disagree" data-lib-cookieconsent-decline><span>I disagree</span></button>
-            </div>
-        </div>
-    </div>
-</div>

package/src/templates/Layout/Main.twig

@@ -1,49 +0,0 @@
-<!DOCTYPE html>
-<html class="no-js sw" lang="{{ lang }}">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <title>{{ page.title }}</title>
-
-        <meta name="keywords" content="">
-        <meta name="description" content="">
-        <meta name="author" content="">
-        <meta name="viewport" content="width=device-width, user-scalable=0, initial-scale=1, viewport-fit=cover"/>
-        <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE"/>
-        <meta name="format-detection" content="telephone=no">
-        <meta name="mobile-web-app-capable" content="yes">
-        <meta name="apple-mobile-web-app-title" content="{{ page.title }}">
-        <meta name="apple-mobile-web-app-capable" content="yes">
-
-        {% for url in prefetch %}
-            <link rel="dns-prefetch" href="{{ url }}">
-        {% endfor %}
-
-        {% for url in assets.css.all %}
-            <link rel="stylesheet" href="{{ url|asset }}">
-        {% endfor %}
-
-        <script>
-            (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) && document.documentElement.classList.add('dark')
-            document.documentElement.className = document.documentElement.className.replace('no-js', 'js');matchMedia('(hover: hover) and (pointer: fine)').matches && document.documentElement.classList.add('no-touch');/Android|iPhone|iPad|iPod/i.test(navigator.userAgent) && document.documentElement.classList.add('mobile');(p => document.documentElement.classList.add(p.includes('macintel') && navigator.maxTouchPoints > 2 ? 'ipad' : p))(navigator.platform.toLowerCase().replace(/ .*/, ''));(u => document.documentElement.classList.add(u && u[0]))(navigator.userAgent.toLowerCase().match(/chrome|safari|firefox/i))
-        </script>
-
-        <script src="{{ assets.js.main|asset }}" type="module"></script>
-    </head>
-
-    <body data-controller="lib lib-dialog lib-drawer lib-fetch">
-        <div class="l-default">
-            {% include '../Layout/Header.twig' %}
-            <main id="l-main" class="transition-fade">
-                {% include '../Utils/sections.twig' with {sections: page.body} %}
-            </main>
-            {% include '../Layout/Footer.twig' %}
-        </div>
-
-        {% if layout.cookies %}
-            {% include '../Components/CookieConsent.twig' %}
-        {% endif %}
-
-        {{ fetch ('/src/icons.svg') }}
-    </body>
-</html>

package/src/templates/Sections/Gdpr.twig

@@ -1,64 +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">Cookies settings</h2>
-            </div>
-            <div class="wrp_s_body">
-                <form class="c-form-cookieconsent" data-controller="c-form-cookieconsent" autocomplete="off">
-                        <div class="wrp_form_head">
-                            <div class="ui-text">
-                                <h4>Cookies settings</h4>
-                                <p>
-                                    Lorem ipsum
-                                </p>
-                                <p></p>
-                            </div>
-                        </div>
-                        <div class="wrp_form_head">
-                            <div class="ui-text">
-                                <h5>Necessary cookies</h5>
-                                <p>
-                                    Lorem ipsum
-                                </p>
-                            </div>
-                        </div>
-                        <div class="wrp_form_body">
-                            <label class="ui-switch" data-controller="ui-radio">
-                                <input type="checkbox" value="decline" checked disabled>
-                            </label>
-                        </div>
-                        <div class="wrp_form_head">
-                            <div class="ui-text">
-                                <h5>Performance cookies</h5>
-                                <p>
-                                    Lorem ipsum
-                                </p>
-                            </div>
-                        </div>
-                        <div class="wrp_form_body">
-                            <label class="ui-switch" data-controller="ui-radio">
-                                <input type="checkbox" value="performance">
-                            </label>
-                        </div>
-                        <div class="wrp_form_head">
-                            <div class="ui-text">
-                                <h5>Marketing cookies</h5>
-                                <p>
-                                    Lorem ipsum
-                                </p>
-                            </div>
-                        </div>
-                        <div class="wrp_form_body">
-                            <label class="ui-switch" data-controller="ui-radio">
-                                <input type="checkbox" value="marketing">
-                            </label>
-                        </div>
-                        <div class="wrp_form_foot">
-                            <button class="ui-btn" data-action="click->lib#ripple"><span>Save settings</span></button>
-                        </div>
-                    </form>
-            </div>
-        </div>
-    </div>
-</div>