@newlogic-digital/ui 3.0.3 → 3.2.0

package/src/views/dialog-basic.json.twig

@@ -0,0 +1,3 @@
+{% json 'dialog' %}
+    {% include '@templates/Components/Dialogs/Basic.twig' %}
+{% endjson %}

package/src/views/gdpr.json

@@ -0,0 +1,11 @@
+{
+  "headerNormal": true,
+  "page": {
+    "title": "Newlogic UI",
+    "body": [
+      {
+        "src": "Sections/Gdpr"
+      }
+    ]
+  }
+}

package/src/views/index.json

@@ -0,0 +1,12 @@
+{
+  "headerNormal": true,
+  "page": {
+    "title": "Newlogic UI",
+    "body": [
+      {
+        "src": "Sections/Ui",
+        "intro": true
+      }
+    ]
+  }
+}

package/src/views/json-tippy.json.twig

@@ -0,0 +1,16 @@
+{% json 'content' %}
+    <div class="ui-dropdown">
+        <ul class="wrp_ui_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>
+{% endjson %}

package/src/views/ui.json

@@ -0,0 +1,11 @@
+{
+  "headerNormal": true,
+  "page": {
+    "title": "Newlogic UI",
+    "body": [
+      {
+        "src": "Sections/Ui"
+      }
+    ]
+  }
+}

package/vite.config.js

@@ -0,0 +1,6 @@
+import { defineConfig } from 'vituum'
+import core from '@newlogic-digital/core'
+
+export default defineConfig({
+    integrations: [core()]
+})

package/CHANGELOG

@@ -1,231 +0,0 @@
-v2.6.0
-* Added: newlogic-core as new core compiler toolstack, for install use npm i
-* Improved: hbs helpers have new syntax and are inherited from newlogic-core
-* Improved: directory and naming full restructure
-* Improved: renamed core.{css,less,js} to main.{css,less,js}
-
-v2.5.0
-* Added: es modules modern javascript
-* Added: importmaps cdn for javascript
-* Added: rollup for js build
-* Added: legacy es5 build for javascript
-* Added: new serve server
-* Added: ability to serve javascript without build
-* Added: new task fro installing cms
-* Added: import folder resolution for js and less
-* Added: purgecss updated to version 4
-* Improved: gulpfile rewritten to es6 imports
-* Improved: directory basic restructure
-* Improved: caching modifiers build
-* Removed: install.bat and install-cms.bat - use yarn install and gulp cms:install in the future
-* Removed: importScript extended functionality - use es6 dynamic imports in the future
-
-v2.4.3
-* Added: stimulus version 2.0, stimulus helpers getValue, setValue, hasValue, getCLass, getTarget, getTargetAll, hasTarget, getController
-* Added: updated all dependencies and libraries
-* Improved: form validation
-* Improved: swup target blank
-* Improved: smarty cms import
-
-v2.4.2
-* Added: form elements - datepicker, datetimepicker, colorpicker
-* Added: inView function for loading elements in view
-* Added: email zipping, email copy www files to templates
-* Added: gitlab ci 20.04 version
-* Improved: default email template
-* Improved: docs loading of components
-* Improved: fetch handler improvements
-* Improved: anchor links
-* Improved: docs for stimulus
-* Improved: cookies notice on mobile
-* Improved: styles and scripts build times
-* Fixed: exclude purgecss for wsw styles
-* Fixed: drawer closing bug
-* Fixed: smarty templates were rewriting existing files
-* Fixed: swup replace state bug
-
-v2.4.1
-* Added: native slider library
-* Added: fetch snippet library
-* Added: cookieconsent library
-* Added: new text--size modifiers
-* Added: polyfills for IE11, fetch and smoothscroll
-* Added: new browser detection oneliner
-* Improved: row and row--flex modifiers are now available in more viewports
-* Improved: better conditions on tasks
-* Improved: added stimulus as minified js
-* Improved: object fit on images aplied only on picture ones
-* Improved: emails can have multiple less files now
-* Improved: emails ending with -template.tpl are gitignored in www
-* Fixed: cdnjs didn't work for main.js rewrite
-* Fixed: gulp-smarty generated files with spaces
-* Fixed: gulp-smarty didn't genereted files from subfolders
-* Fixed: lib-dialog not opening when defined as autoopen, data-lib-dialog-open
-* Removed: ajax jquery dependency
-
-v2.4.0
-* Added: stimulus.js framework
-* Improved: complete js and css rewrite
-* Improved: loadCSS replaced with newer variant media print
-* Improved: dist folder changed to assets
-* Improved: es6 javascript now used as default, babel fallback included
-* Improved: form validation and default input / select states
-* Fixed: css and js filenames containing dot could not be processed
-* Removed: slideandswipe, replaced by native drawer implementation
-* Removed: dependency on jQuery
-* Removed: gulp.bat for tasks
-
-v2.3.5
-* Added: gitlab ci 19.04 (core)
-* Added: replace hbs helper (core, hbs)
-* Added: new detection script in head, detecting no-touch, no-pointer etc. (core, hbs)
-* Added: data from gulp.conf are available in hbs (core, hbs)
-* Added: https in install-cms.bat changed to ssh (core)
-* Added: new luiLoad function for loading components (master, js)
-* Added: new modifiers (core, less)
-* Added: updated all dependencies (core)
-* Improved: content now loads even without js (all)
-* Improved: repeat hbs helper can now repeat from strings eg "string 1, string 2" (core, hbs)
-* Improved: components can have subfolders (core, hbs)
-* Improved: components for php are generated even if missing in main.json (core)
-* Improved: theme vars moved one level up (core, less)
-* Improved: recaptcha autoreinit (master, js)
-* Improved: all files auto formated (all)
-* Improved: animated class changed to animation (master, less)
-* Improved: adaptive background vars changed to if/else statement (core, less)
-* Fixed: watch:email was not working for subfolders (core)
-* Fixed: captcha typo in cdnjs (core, js)
-* Fixed: webfonts load not detected on safari (core, js)
-* Fixed: gtag swup reinit (master, js)
-* Removed: parallax lib script (master)
-* Removed: reveal lib script (master)
-* Removed: ie outdated message script (core)
-* Removed: close option for alerts (master)
-* Removed: dropdown ui component (master)
-* Removed: number input ui component (master)
-* Removed: default styles for hint (core)
-* Removed: letterspacing vars, material shadow vars (core, less)
-* Removed: lib--lazyload css classes (core, less)
-
-v2.3.4
-* Added: system font stack added to emails (core)
-* Added: scrollbar color (core)
-* Added: ajaxHandler callback to open dialog (master)
-* Added: handlebars logical helpers (core)
-* Added: pictium webp format (core)
-* Improved: show gulp task only if files exists (core)
-* Improved: Gitlab CI settings (core)
-* Improved: all packages updated to latest version (core)
-* Fixed: recaptcha missing in whitelistPatterns (core)
-
-v2.3.3
-* Added: state-loading to ajax buttons (master)
-* Added: new gulp.conf parameters (core)
-* Added: additional modifiers (core)
-* Added: cleanup task (core)
-* Added: less vendor cache (core)
-* Improved: swup animation changed from swup:animationInStart to swup:animationOutDone (master)
-* Improved: all packages and libs updated to latest version (core, master)
-* Fixed: serve.production not working correctly
-* Fixed: local fonts / icons problems (core)
-
-v2.3.2
-* Added: new modifiers and mixins (row--v, cols-16, cols-5, order, display--contents, text--weight, col--auto) (core)
-* Added: swup updated to 2.0.4 (master)
-* Added: cookieconsent updated to 1.1.0
-* Added: lazysizes updated to 5.1.0
-* Added: partial support for CSP and SRI integrity
-* Added: placeholder with webp support
-* Improved: email builder moved to src and uses handlebars and browserSync now (core)
-* Improved: whole js folder or less folder can be deleted in src (core)
-* Improved: all libs updated to latest version (core)
-* Changed: webfontloader is now disabled by default, native browser detection is used and fonts are preloaded  (core)
-* Changed: iconfont moved to src and is processed into dist/css  (core)
-* Changed: swup moved from main.js to _core/libraries/swup.js
-* Changed: recapatcha defered by 2500ms
-* Fixed: srcollreveal problems in ie  (master)
-* Fixed: purge wasn't ignoring ui page in styles:production
-* Fixed: serve with production false did not disable purge
-* Removed: sw-toolbox.js, it's loaded from jsdelivr now
-
-v2.3.1
-* Added: main.json is now located in src/ (core)
-* Added: encode64 and rem hbs helper (core, hbs)
-* Added: smarty components generator for newlogic cms (core)
-* Added: recapcha library, icon and form element
-* Added: auto reinit lib js functions in ajaxHandler (core)
-* Added: tracking widgets support for swup (master)
-* Added: animations for checkbox and radio elements (master)
-* Improved: optimization of styles and scripts task, new `optimizations` parameter in gulpfile.conf (core)
-* Improved: serve can be configurable in gulpfile.conf now (core)
-* Improved: smarty templates generator (core)
-* Improved: it's now possible to scroll inside of lib_dialog (master)
-* Improved: lib_ripple can be now appended to body (master)
-* Improved: swup default paramters now with `doScrollingRightAway` and `animateScroll` as false (master)
-* Changed: nodeJS 10.15.3 LTS is now required (core)
-* Changed: updated all packages and js libs to last versions (core)
-* Changed: CI & CMS related things updated (core)
-* Changed: copy task now creates components that are located in main.json (core)
-* Changed: dist path and other paths are now fully configurable in gulpfile.conf (core)
-* Changed: default font including changed from inline to default link rel (core)
-* Changed: google apis excluded from cdnjs download (core)
-* Changed: install-cms.bat now  copies only admin_ex js file, robots.txt are no longer copied
-* Fixed: lib_reveal not working in ie correctly (master)
-
-v2.3.0
-* + updated all packages to newer versions (core)
-* + gulp updated to 4.0 (core)
-* + lui selector for dynamic components (core, js)
-* + lazy helper in hbs (core, hbs)
-* + theme color helper in hbs (core, hbs)
-* + mobile first modifiers in css (core, css)
-* + icomoon.io API integration (core)
-* + scrollreveal updated to 4.0 (css, js)
-* + swup page transitions (css, js)
-* + new row--grid for css grid (core, css)
-* + new documentation (landing)
-* + dynamic fetch for fonts from main.json (core, hbs)
-* + import preload css styles from less (core, hbs)
-* + new install.bat with versioning (core)
-* + browser and platform detection classes for html (core, hbs)
-* + dns-prefetch in main.json (hbs)
-* @ improved browserSync serve sync
-* @ big ui components refactor (css, js)
-* @ em changed to rem (core, css)
-* @ css ie11 class changed to ie and ie class changed to ie9 (css)
-* @ all libraries data attributes have now lib prefix (js)
-* @ cdnjs changed to jsdelivr (core)
-* @ default row modifier chaned to row--flex (core, css)
-* - icons folder removed in favor of icomoon.io API
-* - removed all css modifier prefix mod--, now changed to respective property (css)
-* - removed cordova (core)
-* - removed debug.js, it was not used
-
-v2.2.9.06062018
-* + new CI template
-* + service worker only https
-* + install cms bat
-* + component ajax handler
-* + gdpr cookie consent
-* + import js files
-* + handle error parameter
-* @ local_cdnjs - support for https and different domains
-* @ hbs repeat helper now supports @ind var where index starts with 1
-* @ recompile html only if revision is on
-* @ updated gulp smarty task
-
-v2.2.9
-* + purgecss (core)
-* + modifiers utilities (core)
-* + min font-size (core)
-* + json_block helper (core)
-* + ci gulp script (core)
-* @ dialog options
-
-v2.2.6
-* + [#15898298](https://newlogic.teamworkpm.net/#tasks/15898298)
-* + updated all packages to latest versions
-* - [#16211247](https://newlogic.teamworkpm.net/#tasks/16211247)
-* @ [#16211254](https://newlogic.teamworkpm.net/#tasks/16211254)
-* @ [#16211259](https://newlogic.teamworkpm.net/#tasks/16211259)
-* @ [#16211265](https://newlogic.teamworkpm.net/#tasks/16211265)

package/gulpfile.js

@@ -1,192 +0,0 @@
-import {defineConfig} from "@newlogic-digital/core";
-import postcssMixins from "postcss-mixins";
-
-export default defineConfig({
-    scripts: {
-        importResolution: {
-            directories: ["Components", "Sections", "Layout", "Libraries", "Utils/Functions"]
-        },
-        importMap: {
-            build: true,
-            trailingSlashes: /(vanillajs-datepicker)/
-        }
-    },
-    styles: {
-        purge: {
-            content: ['src/scripts/**/*.js', 'src/templates/**/*.twig', 'temp/cdn/*.js'],
-            options: {
-                safelist: {
-                    standard: [/(class|is-|to-|grecaptcha)/],
-                    deep: [/(ui-wsw|wsw|datepicker)/]
-                }
-            }
-        },
-        vendor: {
-            path: "Utils/vendor.css"
-        },
-        importResolution: {
-            directories: ["Components", "Sections", "Layout", "Libraries", "Ui"]
-        },
-        themePath: "Utils/theme/{THEME}.{FORMAT}",
-        postcss: {
-            extend: [postcssMixins]
-        }
-    },
-    tailwind: {
-        darkMode: "class", // or "media" or "class"
-        corePlugins: {
-            preflight: false,
-            container: false,
-            ringWidth: false,
-            ringColor: false,
-            ringOpacity: false,
-            ringOffsetWidth: false,
-            ringOffsetColor: false,
-            gradientColorStops: false,
-            backgroundImage: false,
-            boxShadow: false
-        },
-        theme: {
-            extend: {
-                colors: {
-                    background: ({ opacityVariable, opacityValue }) => {
-                        if (opacityValue !== undefined) {
-                            return `rgba(var(--color-background), ${opacityValue})`
-                        }
-                        if (opacityVariable !== undefined) {
-                            return `rgba(var(--color-background), var(${opacityVariable}, 1))`
-                        }
-                        return `rgb(var(--color-background))`
-                    },
-                    default: ({ opacityVariable, opacityValue }) => {
-                        if (opacityValue !== undefined) {
-                            return `rgba(var(--color-default), ${opacityValue})`
-                        }
-                        if (opacityVariable !== undefined) {
-                            return `rgba(var(--color-default), var(${opacityVariable}, 1))`
-                        }
-                        return `rgb(var(--color-default))`
-                    },
-                    invert: ({ opacityVariable, opacityValue }) => {
-                        if (opacityValue !== undefined) {
-                            return `rgba(var(--color-invert), ${opacityValue})`
-                        }
-                        if (opacityVariable !== undefined) {
-                            return `rgba(var(--color-invert), var(${opacityVariable}, 1))`
-                        }
-                        return `rgb(var(--color-invert))`
-                    },
-                    light: ({ opacityVariable, opacityValue }) => {
-                        if (opacityValue !== undefined) {
-                            return `rgba(var(--color-light), ${opacityValue})`
-                        }
-                        if (opacityVariable !== undefined) {
-                            return `rgba(var(--color-light), var(${opacityVariable}, 1))`
-                        }
-                        return `rgb(var(--color-light))`
-                    },
-                    dark: ({ opacityVariable, opacityValue }) => {
-                        if (opacityValue !== undefined) {
-                            return `rgba(var(--color-dark), ${opacityValue})`
-                        }
-                        if (opacityVariable !== undefined) {
-                            return `rgba(var(--color-dark), var(${opacityVariable}, 1))`
-                        }
-                        return `rgb(var(--color-dark))`
-                    },
-                    primary: ({ opacityVariable, opacityValue }) => {
-                        if (opacityValue !== undefined) {
-                            return `rgba(var(--color-primary), ${opacityValue})`
-                        }
-                        if (opacityVariable !== undefined) {
-                            return `rgba(var(--color-primary), var(${opacityVariable}, 1))`
-                        }
-                        return `rgb(var(--color-primary))`
-                    },
-                    secondary: ({ opacityVariable, opacityValue }) => {
-                        if (opacityValue !== undefined) {
-                            return `rgba(var(--color-secondary), ${opacityValue})`
-                        }
-                        if (opacityVariable !== undefined) {
-                            return `rgba(var(--color-secondary), var(${opacityVariable}, 1))`
-                        }
-                        return `rgb(var(--color-secondary))`
-                    },
-                    warning: ({ opacityVariable, opacityValue }) => {
-                        if (opacityValue !== undefined) {
-                            return `rgba(var(--color-warning), ${opacityValue})`
-                        }
-                        if (opacityVariable !== undefined) {
-                            return `rgba(var(--color-warning), var(${opacityVariable}, 1))`
-                        }
-                        return `rgb(var(--color-warning))`
-                    },
-                    error: ({ opacityVariable, opacityValue }) => {
-                        if (opacityValue !== undefined) {
-                            return `rgba(var(--color-error), ${opacityValue})`
-                        }
-                        if (opacityVariable !== undefined) {
-                            return `rgba(var(--color-error), var(${opacityVariable}, 1))`
-                        }
-                        return `rgb(var(--color-error))`
-                    },
-                    info: ({ opacityVariable, opacityValue }) => {
-                        if (opacityValue !== undefined) {
-                            return `rgba(var(--color-info), ${opacityValue})`
-                        }
-                        if (opacityVariable !== undefined) {
-                            return `rgba(var(--color-info), var(${opacityVariable}, 1))`
-                        }
-                        return `rgb(var(--color-info))`
-                    },
-                    success: ({ opacityVariable, opacityValue }) => {
-                        if (opacityValue !== undefined) {
-                            return `rgba(var(--color-success), ${opacityValue})`
-                        }
-                        if (opacityVariable !== undefined) {
-                            return `rgba(var(--color-success), var(${opacityVariable}, 1))`
-                        }
-                        return `rgb(var(--color-success))`
-                    }
-                }
-            },
-            fontFamily: {
-                primary: "var(--font-primary)",
-                secondary: "var(--font-secondary)"
-            },
-            fontWeight: {
-                light: "var(--weight-light)",
-                normal: "var(--weight-normal)",
-                medium: "var(--weight-medium)",
-                semibold: "var(--weight-semibold)",
-                bold: "var(--weight-bold)",
-                extrabold: "var(--weight-extrabold)"
-            },
-            zIndex: {
-                "0": 0,
-                "10": "var(--z-10)",
-                "20": "var(--z-20)",
-                "30": "var(--z-30)",
-                "40": "var(--z-40)",
-                "50": "var(--z-50)",
-                "auto": "auto"
-            },
-            screens: {
-                "m": {"max": "47.9375em"},
-                "t": "48em",
-                "d": "60em",
-                "w": "76em",
-                "hd": "88em",
-                "touch": {"max": "59.9375em"},
-            }
-        },
-        variants: {
-            extend: {
-                backgroundColor: ['checked'],
-                borderColor: ['checked'],
-                textColor: ['checked'],
-            }
-        },
-        plugins: [],
-    }
-})

package/src/icons/iconfont.css

@@ -1,171 +0,0 @@
-@import "variables.css";
-
-@font-face {
-  font-family: 'iconfont';
-  src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format('truetype');
-  font-weight: normal;
-  font-style: normal;
-  font-display: block;
-}
-
-[class^="icon-"], [class*=" icon-"] {
-  /* use !important to prevent issues with browser extensions that change fonts */
-  font-family: 'iconfont' !important;
-  speak: never;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-
-  /* Better Font Rendering =========== */
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.icon-logo-nl {
-  &:before {
-    content: var(--icon-logo-nl); 
-  }
-}
-.icon-logo {
-  &:before {
-    content: var(--icon-logo); 
-  }
-}
-.icon-recaptcha .path1 {
-  &:before {
-    content: var(--icon-recaptcha-path1);  
-    color: rgb(28, 58, 169);
-  }
-}
-.icon-recaptcha .path2 {
-  &:before {
-    content: var(--icon-recaptcha-path2);  
-    margin-left: -1em;  
-    color: rgb(66, 133, 244);
-  }
-}
-.icon-recaptcha .path3 {
-  &:before {
-    content: var(--icon-recaptcha-path3);  
-    margin-left: -1em;  
-    color: rgb(171, 171, 171);
-  }
-}
-.icon-menu {
-  &:before {
-    content: var(--icon-menu); 
-  }
-}
-.icon-dark {
-  &:before {
-    content: var(--icon-dark); 
-  }
-}
-.icon-light {
-  &:before {
-    content: var(--icon-light); 
-  }
-}
-.icon-radio-filled {
-  &:before {
-    content: var(--icon-radio-filled); 
-  }
-}
-.icon-checkbox-filled {
-  &:before {
-    content: var(--icon-checkbox-filled); 
-  }
-}
-.icon-circle-cancel {
-  &:before {
-    content: var(--icon-circle-cancel); 
-  }
-}
-.icon-close {
-  &:before {
-    content: var(--icon-close); 
-  }
-}
-.icon-chevron-left {
-  &:before {
-    content: var(--icon-chevron-left); 
-  }
-}
-.icon-chevron-right {
-  &:before {
-    content: var(--icon-chevron-right); 
-  }
-}
-.icon-chevron-down {
-  &:before {
-    content: var(--icon-chevron-down); 
-  }
-}
-.icon-chevron-up {
-  &:before {
-    content: var(--icon-chevron-up); 
-  }
-}
-.icon-social-facebook {
-  &:before {
-    content: var(--icon-social-facebook); 
-  }
-}
-.icon-social-twitter {
-  &:before {
-    content: var(--icon-social-twitter); 
-  }
-}
-.icon-social-instagram {
-  &:before {
-    content: var(--icon-social-instagram); 
-  }
-}
-.icon-social-pinterest {
-  &:before {
-    content: var(--icon-social-pinterest); 
-  }
-}
-.icon-social-linkedin {
-  &:before {
-    content: var(--icon-social-linkedin); 
-  }
-}
-.icon-youtube {
-  &:before {
-    content: var(--icon-youtube); 
-  }
-}
-.icon-tripadvisor {
-  &:before {
-    content: var(--icon-tripadvisor); 
-  }
-}
-.icon-angle-down {
-  &:before {
-    content: var(--icon-angle-down); 
-  }
-}
-.icon-angle-up {
-  &:before {
-    content: var(--icon-angle-up); 
-  }
-}
-.icon-paper-clip {
-  &:before {
-    content: var(--icon-paper-clip); 
-  }
-}
-.icon-valid {
-  &:before {
-    content: var(--icon-valid); 
-  }
-}
-.icon-invalid {
-  &:before {
-    content: var(--icon-invalid); 
-  }
-}
-