@newlogic-digital/ui 3.3.0 → 3.5.0

package/src/styles/Utils/normalize.css

@@ -1,223 +0,0 @@
-/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
-
-/**
-1. Correct the line height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size (opinionated).
-*/
-
-html {
-  -webkit-text-size-adjust: 100%; /* 2 */
-  tab-size: 4; /* 3 */
-}
-
-/*
-Sections
-========
-*/
-
-/**
-1. Remove the margin in all browsers.
-*/
-
-body {
-  margin: 0; /* 1 */
-}
-
-/*
-Text-level semantics
-====================
-*/
-
-/**
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-
-abbr[title] {
-  text-decoration: underline dotted;
-}
-
-/**
-Add the correct font weight in Edge and Safari.
-*/
-
-b,
-strong {
-  font-weight: var(--font-bold);
-}
-
-/**
-1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
-2. Correct the odd 'em' font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp,
-pre {
-  font-family:
-          ui-monospace,
-          SFMono-Regular,
-          Consolas,
-          'Liberation Mono',
-          Menlo,
-          monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-
-/**
-Add the correct font size in all browsers.
-*/
-
-small {
-  font-size: 80%;
-}
-
-/**
-Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
-*/
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/*
-Tabular data
-============
-*/
-
-/**
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-*/
-
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-}
-
-/*
-Forms
-=====
-*/
-
-/**
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-*/
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  line-height: 1.15; /* 1 */
-  margin: 0; /* 2 */
-}
-
-/**
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-
-button,
-select {
-  text-transform: none;
-}
-
-/**
-Remove the inner border and padding in Firefox.
-*/
-
-::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-/**
-Remove the additional ':invalid' styles in Firefox.
-See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
-*/
-
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-
-/**
-Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
-*/
-
-legend {
-  padding: 0;
-}
-
-/**
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-
-progress {
-  vertical-align: baseline;
-}
-
-/**
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/**
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/**
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/**
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to 'inherit' in Safari.
-*/
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-/*
-Interactive
-===========
-*/
-
-/*
-Add the correct display in Chrome and Safari.
-*/
-
-summary {
-  display: list-item;
-}

package/src/styles/Utils/tailwind/+.css

@@ -1,2 +0,0 @@
-@import "base.css";
-@import "gutters.css";

package/src/styles/Utils/tailwind/gutters.css

@@ -1,346 +0,0 @@
-@layer utilities {
-  .row {
-    --gx: 0rem;
-    --gy: 0rem;
-
-    display: flex;
-    margin: calc(var(--gy) / -2) calc(var(--gx) / -2) calc(var(--gy) / -2) calc(var(--gx) / -2);
-
-    & > * {
-      padding: calc(var(--gy) / 2) calc(var(--gx) / 2) calc(var(--gy) / 2) calc(var(--gx) / 2);
-    }
-  }
-
-  .row-y {
-    --gy: 0rem;
-
-    display: flex;
-    margin-top: calc(var(--gy) / -2);
-    margin-bottom: calc(var(--gy) / -2);
-
-    & > * {
-      padding-top: calc(var(--gy) / 2);
-      padding-bottom: calc(var(--gy) / 2);
-    }
-  }
-
-  .row-x {
-    --gx: 0rem;
-
-    display: flex;
-    margin-left: calc(var(--gx) / -2);
-    margin-right: calc(var(--gx) / -2);
-
-    & > * {
-      padding-left: calc(var(--gx) / 2);
-      padding-right: calc(var(--gx) / 2);
-    }
-  }
-
-  .col {
-    display: flex;
-
-    &:not([class*="flex-row"]) {
-      flex-direction: column;
-    }
-  }
-
-  .g-0 {
-    --gx: 0rem;
-    --gy: 0rem;
-  }
-
-  .g-1 {
-    --gx: 0.25rem;
-    --gy: 0.25rem;
-  }
-
-  .g-2 {
-    --gx: 0.5rem;
-    --gy: 0.5rem;
-  }
-
-  .g-3 {
-    --gx: 0.75rem;
-    --gy: 0.75rem;
-  }
-
-  .g-4 {
-    --gx: 1rem;
-    --gy: 1rem;
-  }
-
-  .g-5 {
-    --gx: 1.25rem;
-    --gy: 1.25rem;
-  }
-
-  .g-6 {
-    --gx: 1.5rem;
-    --gy: 1.5rem;
-  }
-
-  .g-7 {
-    --gx: 1.75rem;
-    --gy: 1.75rem;
-  }
-
-  .g-8 {
-    --gx: 2rem;
-    --gy: 2rem;
-  }
-
-  .g-9 {
-    --gx: 2.25rem;
-    --gy: 2.25rem;
-  }
-
-  .g-10 {
-    --gx: 2.5rem;
-    --gy: 2.5rem;
-  }
-
-  .g-11 {
-    --gx: 2.75rem;
-    --gy: 2.75rem;
-  }
-
-  .g-12 {
-    --gx: 3rem;
-    --gy: 3rem;
-  }
-
-  .g-14 {
-    --gx: 3.5rem;
-    --gy: 3.5rem;
-  }
-
-  .g-16 {
-    --gx: 4rem;
-    --gy: 4rem;
-  }
-
-  .g-20 {
-    --gx: 5rem;
-    --gy: 5rem;
-  }
-
-  .g-24 {
-    --gx: 6rem;
-    --gy: 6rem;
-  }
-
-  .g-28 {
-    --gx: 7rem;
-    --gy: 7rem;
-  }
-
-  .g-32 {
-    --gx: 8rem;
-    --gy: 8rem;
-  }
-
-  .gx-0 {
-    --gx: 0;
-  }
-
-  .gx-1 {
-    --gx: 0.25rem;
-  }
-
-  .gx-2 {
-    --gx: 0.5rem;
-  }
-
-  .gx-3 {
-    --gx: 0.75rem;
-  }
-
-  .gx-4 {
-    --gx: 1rem;
-  }
-
-  .gx-5 {
-    --gx: 1.25rem;
-  }
-
-  .gx-6 {
-    --gx: 1.5rem;
-  }
-
-  .gx-7 {
-    --gx: 1.75rem;
-  }
-
-  .gx-8 {
-    --gx: 2rem;
-  }
-
-  .gx-9 {
-    --gx: 2.25rem;
-  }
-
-  .gx-10 {
-    --gx: 2.5rem;
-  }
-
-  .gx-11 {
-    --gx: 2.75rem;
-  }
-
-  .gx-12 {
-    --gx: 3rem;
-  }
-
-  .gx-14 {
-    --gx: 3.5rem;
-  }
-
-  .gx-16 {
-    --gx: 4rem;
-  }
-
-  .gx-20 {
-    --gx: 5rem;
-  }
-
-  .gx-24 {
-    --gx: 6rem;
-  }
-
-  .gx-28 {
-    --gx: 7rem;
-  }
-
-  .gx-32 {
-    --gx: 8rem;
-  }
-
-  .gy-0 {
-    --gy: 0;
-  }
-
-  .gy-1 {
-    --gy: 0.25rem;
-  }
-
-  .gy-2 {
-    --gy: 0.5rem;
-  }
-
-  .gy-3 {
-    --gy: 0.75rem;
-  }
-
-  .gy-4 {
-    --gy: 1rem;
-  }
-
-  .gy-5 {
-    --gy: 1.25rem;
-  }
-
-  .gy-6 {
-    --gy: 1.5rem;
-  }
-
-  .gy-7 {
-    --gy: 1.75rem;
-  }
-
-  .gy-8 {
-    --gy: 2rem;
-  }
-
-  .gy-9 {
-    --gy: 2.25rem;
-  }
-
-  .gy-10 {
-    --gy: 2.5rem;
-  }
-
-  .gy-11 {
-    --gy: 2.75rem;
-  }
-
-  .gy-12 {
-    --gy: 3rem;
-  }
-
-  .gy-14 {
-    --gy: 3.5rem;
-  }
-
-  .gy-16 {
-    --gy: 4rem;
-  }
-
-  .gy-20 {
-    --gy: 5rem;
-  }
-
-  .gy-24 {
-    --gy: 6rem;
-  }
-
-  .gy-28 {
-    --gy: 7rem;
-  }
-
-  .gy-32 {
-    --gy: 8rem;
-  }
-
-  .col-auto {
-    width: auto;
-  }
-
-  .col-1 {
-    width: 8.3333%;
-  }
-
-  .col-2 {
-    width: 16.6667%;
-  }
-
-  .col-3 {
-    width: 25%;
-  }
-
-  .col-4 {
-    width: 33.3333%;
-  }
-
-  .col-5 {
-    width: 41.6667%;
-  }
-
-  .col-6 {
-    width: 50%;
-  }
-
-  .col-7 {
-    width: 58.3333%;
-  }
-
-  .col-8 {
-    width: 66.6667%;
-  }
-
-  .col-9 {
-    width: 75%;
-  }
-
-  .col-10 {
-    width: 83.3333%;
-  }
-
-  .col-11 {
-    width: 91.6667%;
-  }
-
-  .col-12 {
-    width: 100%;
-  }
-}

package/src/styles/Utils/vars.css

@@ -1,126 +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-media --media */
-@custom-media --media-1600 (max-width: 114.9375em);
-@custom-media --media-1408 (max-width: 99.9375em);
-@custom-media --media-1360 (max-width: 87.9375em);
-@custom-media --media-1216 (max-width: 84.9375em);
-@custom-media --media-1024 (max-width: 75.9375em);
-@custom-media --media-960 (max-width: 63.9375em);
-@custom-media --media-768 (max-width: 59.9375em);
-@custom-media --media-400 (max-width: 47.9375em);
-@custom-media --media-360 (max-width: 24.9375em);
-@custom-media --media-320 (max-width: 22.4375em);
-@custom-media --media-min-2000 (min-width: 125em);
-@custom-media --media-min-1600 (min-width: 100em);
-@custom-media --media-min-1408 (min-width: 88em);
-@custom-media --media-min-1360 (min-width: 85em);
-@custom-media --media-min-1216 (min-width: 76em);
-@custom-media --media-min-1024 (min-width: 64em);
-@custom-media --media-min-960 (min-width: 60em);
-@custom-media --media-min-768 (min-width: 48em);
-@custom-media --media-min-400 (min-width: 25em);
-@custom-media --media-min-360 (min-width: 22.5em);
-@custom-media --media-min-320 (min-width: 20em);
-@custom-media --media-only-1024 (max-width: 75.9375em) and (min-width: 60em);
-@custom-media --media-only-960 (max-width: 63.9375em) and (min-width: 60em);
-@custom-media --media-only-768 (max-width: 59.9375em) and (min-width: 60em);
-@custom-media --media-m (max-width: 47.9375em);
-@custom-media --media-t (min-width: 48em);
-@custom-media --media-d (min-width: 60em);
-@custom-media --media-w (min-width: 76em);
-@custom-media --media-hd (min-width: 85em);
-@custom-media --media-mhd (min-width: 88em);
-@custom-media --media-fhd (min-width: 100em);
-@custom-media --media-touch (max-width: 59.9375em);
-@custom-media --media-touch-only (max-width: 59.9375em) and (min-width: 47.9375em);
-
-/* @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 +0,0 @@
-/* empty */

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>