@iamproperty/components 7.6.1 → 7.6.2

package/assets/js/scripts.bundle.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.6.1
+  * iamKey v7.6.2
   * Copyright 2022-2026 iamproperty
   */
 !function(e){"function"==typeof define&&define.amd?define(e):e()}(function(){"use strict";var e=e=>{if(e&&!e.querySelector(":scope .mh-lg")&&!e.querySelector("iam-multi-step")){e.innerHTML='<div class="mh-lg">'.concat(e.innerHTML,"</div>");var t=e.querySelector(".mh-lg"),a=e.querySelector(".mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)");if(a){var o=a.previousSibling;t.before(a),o&&a.before(o)}}e&&!e.querySelector(":scope > button:first-child")&&e.insertAdjacentHTML("afterbegin",'<button class="dialog__close">Close</button>')};window.triggerDynamicEvent=function(e){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"change";console.log("event"),e.hasAttribute("data-change-events")&&"change"==a&&t(e,e.getAttribute("data-change-events")),e.hasAttribute("data-click-events")&&"click"==a&&t(e,e.getAttribute("data-click-events"))};var t=(e,t)=>{if(t||(t=e.parentNode.getAttribute("data-change-events")),!t)return!1;Array.from(JSON.parse(t)).forEach(t=>{a(e,t)})},a=(e,t)=>{if("matches"in t)return"any"==t.matches||e.value==t.matches?o(e,t,"if"):o(e,t,"else"),!1;if("in-list"in t){var a=document.querySelector("".concat(t["in-list"],' option[value="').concat(e.value,'"]'));return document.querySelector("".concat(t["in-list"],' option[value="').concat(e.value,'"]'))?o(a,t,"if"):o(a,t,"else"),!1}"event"in t&&o(e,t,"event")},o=(e,t,a)=>{if(!(a in t))return!1;switch(t[a]){case"hide":if(document.querySelector(t.target)){var o=document.querySelector(t.target);o.classList.add("js-hide"),Array.from(o.querySelectorAll("[data-required]")).forEach(e=>{e.removeAttribute("required")})}break;case"show":if(document.querySelector(t.target)){var r=document.querySelector(t.target);r.classList.remove("js-hide"),Array.from(r.querySelectorAll("[data-required]")).forEach(e=>{e.closest(".js-hide")||e.setAttribute("required","true")})}break;case"populate-form":n(e,t);break;case"dispatchEvent":var i=new Event(t.value);document.querySelector("".concat(t.target)).dispatchEvent(i);break;case"setAttribute":Array.from(document.querySelectorAll("".concat(t.target))).forEach(function(e){e.setAttribute(t.attribute,t.value)});break;case"focus":document.querySelector("".concat(t.target)).focus();break;case"removeAttribute":Array.from(document.querySelectorAll("".concat(t.target))).forEach(function(e){e.removeAttribute(t.attribute)});break;case"updateValue":document.querySelector("".concat(t.target)).value=t.value?t.value:"";var c=new Event("change");document.querySelector("".concat(t.target)).dispatchEvent(c);break;case"submitForm":document.querySelector("".concat(t.target)).submit();break;case"openLink":document.querySelector("".concat(t.target)).value&&(window.location.href=document.querySelector("".concat(t.target)).value)}},n=function(e,t){var a=JSON.parse(e.getAttribute("data-values")),o=document.querySelector(t.target);if(!a)return!1;Object.keys(a).forEach(t=>{document.getElementById(t)&&"SPAN"==document.getElementById(t).tagName&&(document.getElementById(t).innerHTML=a[t]),o.querySelector('select[name="'.concat(t,'"] [value="').concat(a[t],'"]'))?(o.querySelector('select[name="'.concat(t,'"]')).value=a[t],e.hasAttribute("data-lock-fields")&&(o.querySelector('select[name="'.concat(t,'"]')).disabled=!0)):o.querySelector('input[name="'.concat(t,'"][type="radio"][value="').concat(a[t],'"]'))?(Array.from(o.querySelectorAll('input[name="'.concat(t,'"][type="radio"]'))).forEach(function(e){e.disabled=!0}),o.querySelector('input[name="'.concat(t,'"][type="radio"][value="').concat(a[t],'"]')).checked=!0,o.querySelector('input[name="'.concat(t,'"][type="radio"][value="').concat(a[t],'"]')).disabled=!1):o.querySelector('input[name="'.concat(t,'"]'))&&(o.querySelector('input[name="'.concat(t,'"]')).value=a[t],e.hasAttribute("data-lock-fields")&&o.querySelector('input[name="'.concat(t,'"]')).setAttribute("readonly","true"))})},r=function(e,t,a,o){return new(a||(a=Promise))(function(n,r){function i(e){try{d(o.next(e))}catch(e){r(e)}}function c(e){try{d(o.throw(e))}catch(e){r(e)}}function d(e){e.done?n(e.value):function(e){return e instanceof a?e:new a(function(t){t(e)})}(e.value).then(i,c)}d((o=o.apply(e,t||[])).next())})},i=()=>r(void 0,void 0,void 0,function*(){return new Promise((e,t)=>{var a=new Image;a.onload=function(){var t=document.createElement("script");t.src="https://www.youtube.com/iframe_api";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(t,a),document.body.classList.add("youtubeLoaded"),e(!0)},a.onerror=function(){t(!1)},a.src="https://youtube.com/favicon.ico"})});document.addEventListener("DOMContentLoaded",()=>{return a=void 0,o=void 0,c=function*(){var a,o;window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Pageview",pageTitle:document.title}),document.addEventListener("click",e=>{var t=e.target.closest("[open] summary");if(t)window.dataLayer.push({event:"closeDetails",detailsTitle:t.textContent||""});else{var a=e.target.closest("summary"),o=e.target.closest("a"),n=e.target.closest("button");a&&window.dataLayer.push({event:"openDetails",detailsTitle:a.textContent||""}),o&&window.dataLayer.push({event:"linkClicked",linkText:o.hasAttribute("title")?o.getAttribute("title")||"":o.textContent||"",class:o.hasAttribute("class")&&o.getAttribute("class")||"",href:o.getAttribute("href")||""}),n&&window.dataLayer.push({event:"buttonClicked",buttonText:n.textContent||"",class:n.hasAttribute("class")&&n.getAttribute("class")||""})}}),document.addEventListener("change",e=>{e&&e.target instanceof HTMLElement&&e.target.closest("[data-change-events]")&&t(e.target,e.target.closest("[data-change-events]").getAttribute("data-change-events"))}),document.addEventListener("keyup",e=>{e&&e.target instanceof HTMLElement&&e.target.closest("[data-change-events]")&&t(e.target,e.target.closest("[data-change-events]").getAttribute("data-change-events"))}),document.addEventListener("click",e=>{e&&e.target instanceof HTMLElement&&e.target.closest("[data-click-events]")&&t(e.target,e.target.closest("[data-click-events]").getAttribute("data-click-events"))}),(o=document.body).classList.add("js-enabled"),(-1!==navigator.userAgent.indexOf("MSIE")||navigator.appVersion.indexOf("Trident/")>0)&&o.classList.add("ie"),a=function(e){var t=document.querySelector('label[for="'.concat(e.replace("#",""),'"]')),a=document.querySelector(e+" summary"),o=document.querySelector("dialog".concat(e)),n=document.querySelector("detail".concat(e));t instanceof HTMLElement?t.click():a instanceof HTMLElement?a.click():o instanceof HTMLElement?o.showModal():n instanceof HTMLElement&&n.addAttribute("open")},location.hash&&a(location.hash),window.addEventListener("hashchange",function(){a(location.hash)},!1),addEventListener("popstate",e=>{if(e&&e.state&&e.state.type&&"pagination"==e.state.type){var t=document.querySelector("#".concat(e.state.form)),a=document.querySelector("#".concat(e.state.form," [data-pagination]"));a?a.value=e.state.page:t.innerHTML+='<input name="page" type="hidden" data-pagination="true" value="'.concat(e.state.page,'" />'),t.dispatchEvent(new Event("submit"))}}),Array.from(document.querySelectorAll("form")).forEach(e=>{e.addEventListener("submit",t=>{var a;e.querySelector(":invalid")&&(e.classList.add("was-validated"),null===(a=e?.querySelector("input:invalid"))||void 0===a||a.scrollIntoView(),t.preventDefault())})}),document.addEventListener("click",e=>{var t;if(e&&e.target instanceof HTMLElement&&e.target.matches("form button:not([type=button])")){var a=e.target.closest("form");Array.from(a.querySelectorAll("[data-password-type]")).forEach(e=>{e.setAttribute("type","password")}),(a.querySelector(":invalid")||a.querySelector('.pwd-checker[data-strength="1"]')||a.querySelector('.pwd-checker[data-strength="2"]'))&&(a.classList.add("was-validated"),null===(t=a?.querySelector("input:invalid"))||void 0===t||t.scrollIntoView(),e.preventDefault()),a.querySelector("iam-multiselect[data-is-required][data-error]")&&(a.classList.add("was-validated"),e.preventDefault())}}),document.addEventListener("keydown",e=>{"Escape"===e.key&&document.querySelector(".dialog--transactional[open], .dialog--acknowledgement[open]")&&(e.preventDefault(),e.stopPropagation())}),Array.from(document.querySelectorAll("label progress")).forEach(e=>{e.closest("label").setAttribute("data-percent",e.getAttribute("value"))}),(t=>{Array.from(t.querySelectorAll("dialog[open]")).forEach(t=>{t.closest(".dialog__wrapper")||(t.removeAttribute("open"),t.showModal(),t.focus(),e(t))}),t.addEventListener("click",t=>{if("IAM-ACTIONBAR"==t.target.tagName)return!1;if(t&&t.target instanceof HTMLElement&&t.target.closest("[data-modal]")){var a=t.target.closest("[data-modal]"),o=a.hasAttribute("data-modal")?a.getAttribute("data-modal"):a.getAttribute("data-filter"),n=document.querySelector("dialog#".concat(o));if(document.querySelector("iam-modal#".concat(o))||document.querySelector("iam-multi-step-modal#".concat(o)))return!1;if(e(n),n.showModal(),n.focus(),!n.querySelector("iam-multi-step")){var r=n.offsetWidth;n.setAttribute("style","max-width: ".concat(r,"px;"))}Array.from(n.querySelectorAll("[data-duplicate]")).forEach(e=>{var t=e.getAttribute("data-duplicate"),a=document.getElementById(t);if(e.checked!=a.checked){e.checked=a.checked;var o=new Event("change");e.dispatchEvent(o)}}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openModal",id:o})}if(t&&t.target instanceof HTMLElement&&t.target.closest("button.dialog__close")){var i=t.target.closest("dialog[open]");t.preventDefault(),i.close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach(e=>{e.classList.remove("active")});var c=new CustomEvent("dialog-closed",{bubbles:!0,cancelable:!0,detail:{modalId:i.id}});t.target.dispatchEvent(c),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:i.getAttribute("id")})}if(t&&t.target instanceof HTMLElement&&t.target.closest('button[formmethod="dialog"]')){var d=t.target.closest("dialog[open]");Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach(e=>{e.classList.remove("active")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:d.getAttribute("id")})}if(t&&t.target instanceof HTMLElement&&t.target.closest("dialog[open]")){var l=t.target.closest("dialog[open]");if("contents"===window.getComputedStyle(l).display&&(l=l.parentNode.closest("dialog[open]")),!l.classList.contains("dialog--transactional")&&!l.classList.contains("dialog--acknowledgement")){var u=l.getBoundingClientRect();(t.clientX<u.left||t.clientX>u.right||t.clientY<u.top||t.clientY>u.bottom)&&(t.target.closest("dialog *")||l.close(),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:l.getAttribute("id")}))}}if(t&&t.target instanceof HTMLElement&&t.target.closest(".dialog__wrapper > button")){var s=t.target.closest(".dialog__wrapper > button"),m=s.parentNode;if(m.querySelector("dialog")){t.stopPropagation();var y="openPopover",p=m.querySelector(":scope > dialog");if(document.querySelector("*:not([data-keep-open]) > dialog[open]")&&document.querySelector("*:not([data-keep-open]) > dialog[open]")!=p&&s.closest("dialog[open]")!=document.querySelector("*:not([data-keep-open]) > dialog[open]")&&document.querySelector("*:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach(e=>{e.removeAttribute("aria-expanded")}),p.hasAttribute("open"))p.close(),y="closePopover",p.removeAttribute("style"),s.removeAttribute("aria-expanded");else{p.show(),s.setAttribute("aria-expanded",!0);var g=s.getBoundingClientRect(),v=g.top,f=g.left;if(s.closest("iam-table")){var b=s.closest("iam-table").parentNode.getBoundingClientRect();v-=b.top,f-=b.left}p.classList.contains("dialog--fix")&&p.setAttribute("style","position:fixed;top: ".concat(v,"px; left: ").concat(f,"px; margin: 3rem 0 0 0;"))}var w=p.getBoundingClientRect();if(w.bottom-window.scrollY>window.innerHeight-window.scrollY){var h=p.hasAttribute("style")?p.getAttribute("style")+" ":"";p.setAttribute("style",h+"transform: translate(0, calc(-100% - 4rem))"),(w=p.getBoundingClientRect()).top-window.scrollY<100&&p.removeAttribute("style")}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:y,id:s.textContent})}}t&&t.target instanceof HTMLElement&&!t.target.closest("dialog[open]")&&!t.target.closest(".dialog__wrapper > button")&&(document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]")&&document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper:not([data-keep-open]) > button")).forEach(e=>{e.removeAttribute("aria-expanded")}))})})(document.body),(e=>{r(void 0,void 0,void 0,function*(){document.querySelector(".youtube-link[data-youtube]")&&!document.body.classList.contains("youtubeLoaded")&&(yield i()),setTimeout(()=>r(void 0,void 0,void 0,function*(){document.querySelector(".youtube-link[data-youtube]")&&!document.body.classList.contains("youtubeLoaded")&&(yield i())}),"2000"),e.addEventListener("click",e=>r(void 0,void 0,void 0,function*(){var t=e.target.closest(".youtube-link[data-youtube]");if(t||(t=e.target.closest(".vimeo-link[data-vimeo]")),t&&t.hasAttribute("data-youtube")){e.preventDefault(),document.body.classList.contains("youtubeLoaded")||(yield i());var a="youtube-"+t.getAttribute("data-youtube");document.getElementById("".concat(a,"-dialog"))||document.body.insertAdjacentHTML("beforeend",'<dialog id="'.concat(a,'-dialog"><div class="embed" id="').concat(a,'"></div></dialog>'));var o=document.getElementById("".concat(a,"-dialog")),n=document.getElementById(a),c=new CustomEvent("play-video",{detail:{"Video Type":"YoutTube",ID:t.getAttribute("data-youtube")}});t.dispatchEvent(c),window.dataLayer.push(c.detail),((e,t)=>{r(void 0,void 0,void 0,function*(){typeof window.player>"u"&&(window.player=[]);var a=e.getAttribute("id");if(typeof window.player[a]<"u"&&"function"==typeof window.player[a].pauseVideo)return window.player[a].playVideo(),!1;window.player[a]=new YT.Player(a,{height:"100%",width:"100%",videoId:t,playerVars:{modestbranding:1,playsinline:1,rel:0,showinfo:0},events:{onReady:function(e){e.target.playVideo()},onStateChange:function(e){e.data!=YT.PlayerState.PLAYING||o||(document.getElementById(a).classList.add("player-ready"),o=!0)}}});var o=!1})})(n,t.getAttribute("data-youtube")),o.showModal(),o.addEventListener("close",()=>{window.player[n.getAttribute("id")]&&"function"==typeof window.player[n.getAttribute("id")].pauseVideo&&window.player[n.getAttribute("id")].pauseVideo();var e=new CustomEvent("close-video",{detail:{"Video Type":"YoutTube",ID:t.getAttribute("data-youtube")}});t.dispatchEvent(e),window.dataLayer.push(e.detail)})}else if(t&&t.hasAttribute("data-vimeo")){e.preventDefault();var d="vimeo-"+t.getAttribute("data-youtube");document.getElementById("".concat(d,"-dialog"))||document.body.insertAdjacentHTML("beforeend",'<dialog id="'.concat(d,'-dialog"><div class="embed" id="').concat(d,'"></div></dialog>'));var l=document.getElementById("".concat(d,"-dialog")),u=document.getElementById(d),s=t.getAttribute("data-vimeo"),m=new CustomEvent("play-video",{detail:{"Video Type":"Vimeo",ID:s}});t.dispatchEvent(m),window.dataLayer.push(m.detail),u.querySelector("iframe")||(u.innerHTML='<iframe src="https://player.vimeo.com/video/'.concat(s,'?autoplay=1" width="100%" height="100%" frameborder="0" allow="autoplay; encrypted-media" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>')),l.showModal(),l.addEventListener("close",()=>{u.innerHTML="";var e=new CustomEvent("close-video",{detail:{"Video Type":"Vimeo",ID:t.getAttribute("data-vimeo")}});t.dispatchEvent(e),window.dataLayer.push(e.detail)})}}))})})(document.body)},new((n=void 0)||(n=Promise))(function(e,t){function r(e){try{d(c.next(e))}catch(e){t(e)}}function i(e){try{d(c.throw(e))}catch(e){t(e)}}function d(t){t.done?e(t.value):function(e){return e instanceof n?e:new n(function(t){t(e)})}(t.value).then(r,i)}d((c=c.apply(a,o||[])).next())});var a,o,n,c})});

package/assets/sass/_bs_grid.scss

@@ -1,9 +1,11 @@
-@use '_func' as *;
+@use 'sass:map';
+@use '_functions/bs_functions' as *;
+@use '_functions/bs_variables' as *; // Variables file from bootstrap
+@use '_functions/bs_mixins' as *;
+@use '_functions/utility-mixins' as *;
 
-$layers: 'false' !default;
-$mobileOnly: 'false' !default;
 
-@include layer('reset', $layers) {
+@layer reset {
   // Row
   //
   // Rows contain your columns.

package/assets/sass/_bs_utilities.scss

@@ -0,0 +1,51 @@
+@use 'sass:math';
+@use 'sass:map';
+@use 'sass:meta';
+@use '_functions/bs_functions' as *;
+
+@use '_functions/bs_mixins' as *;
+
+@use '_functions/bs_variables' as *;
+@use '_functions/bs_utilities' as *;
+
+
+@layer utilities {
+  // Missing classes that exist as mixins
+  @include clearfix();
+  @include visually-hidden();
+  @include text-truncate();
+  @include ratio();
+  @include fixed();
+  @include sticky();
+  @include max-height();
+  @include js-display();
+  @include line-clamp();
+
+  // Loop over each breakpoint
+  @each $breakpoint in map.keys($grid-breakpoints) {
+    // Generate media query if needed
+    @include media-breakpoint-up($breakpoint) {
+      $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+      // Loop over each utility property
+      @each $key, $utility in $utilities {
+        // The utility can be disabled with `false`, thus check if the utility is a map first
+        // Only proceed if responsive media queries are enabled or if it's the base media query
+        @if meta.type-of($utility) == 'map' and (map.get($utility, responsive) or $infix == '') {
+          @include generate-utility($utility, $infix);
+        }
+      }
+    }
+  }
+
+  // Print utilities
+  @media print {
+    @each $key, $utility in $utilities {
+      // The utility can be disabled with `false`, thus check if the utility is a map first
+      // Then check if the utility needs print styles
+      @if meta.type-of($utility) == 'map' and map.get($utility, print) == true {
+        @include generate-utility($utility, '-print');
+      }
+    }
+  }
+}

package/assets/sass/_components.scss

@@ -1,64 +1,27 @@
 @use 'sass:math';
 @use '_func' as *;
 
-$layers: 'true' !default;
-$mobileOnly: 'false' !default;
-$darkMode: 'true' !default;
-
-@use 'components/nav.preload' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-@use 'components/carousel.config' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-@use 'components/multiselect.preload' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
+
+
+
+@use 'components/nav.preload';
+@use 'components/carousel.config';
+@use 'components/multiselect.preload';
 @use 'components/multi-step-modal.global';
 
-@use 'components/inline-edit.preload' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-@use 'components/charts.config.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-@use 'components/menu.global.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-
-@use 'components/tabs.config.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-
-@use 'components/address-lookup.preload.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
+@use 'components/inline-edit.preload';
+@use 'components/charts.config.scss';
+@use 'components/menu.global.scss';
+
+@use 'components/tabs.config.scss';
+
+@use 'components/address-lookup.preload.scss';
 
 
 @use 'components/milestone.scss';
-@use 'components/calendar.config.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
+@use 'components/calendar.config.scss';
 
-@include layer('components', $layers) {
+@layer components {
   // Make sure the first
   main {
     position: relative;
@@ -74,7 +37,7 @@ $darkMode: 'true' !default;
     grid-column: container;
   }
 
-  @include media-breakpoint-up(md, $mobileOnly) {
+  @media screen and (min-width: 62em) {
     iam-header:not(:defined) {
       min-height: rem(470);
     }

package/assets/sass/_corefiles.scss

@@ -1,56 +1,26 @@
 @use 'sass:math';
 @use '_func' as *;
 
-$root: ':root' !default;
-$layers: 'true' !default;
-$mobileOnly: 'false' !default;
-$darkMode: 'true' !default;
-$optionalText: 'true' !default;
 
 // Foundations
-@use 'foundations/root.scss' with (
-  $root: $root,
-  $layers: $layers,
-  $mobileOnly: $mobileOnly,
-  $darkMode: $darkMode
-);
-
-@use 'foundations/reboot.scss' with (
-  $layers: $layers,
-  $mobileOnly: $mobileOnly,
-  $darkMode: $darkMode
-);
+@use 'foundations/root.scss';
+@use 'foundations/colours.scss';
+
+@use 'foundations/reboot.scss';
 
 // Elements
-@use '_elements.scss' with (
-  $layers: $layers,
-  $mobileOnly: $mobileOnly,
-  $darkMode: $darkMode,
-  $optionalText: $optionalText
-);
+@use '_elements.scss';
 
 // Components
-@use '_components.scss' with (
-  $layers: $layers,
-  $mobileOnly: $mobileOnly,
-  $darkMode: $darkMode
-);
+@use '_components.scss';
 
 // Templates
-@use 'templates/form.scss' with (
-  $layers: $layers,
-  $mobileOnly: $mobileOnly,
-  $darkMode: $darkMode
-);
-
-@use 'templates/auth.scss' with (
-  $layers: $layers,
-  $mobileOnly: $mobileOnly,
-  $darkMode: $darkMode
-);
+@use 'templates/form.scss';
+
+@use 'templates/auth.scss';
 
 // Overrides
-@include layer('overrides', $layers) {
+@layer overrides {
   @media (prefers-reduced-motion) {
     * {
       transition: unset;

package/assets/sass/_elements.scss

@@ -1,121 +1,28 @@
 @use './func' as *;
 
-$layers: 'true' !default;
-$mobileOnly: 'false' !default;
-$darkMode: 'true' !default;
-$optionalText: 'true' !default;
-
-@use 'elements/brand.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-@use 'elements/icons.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-@use 'elements/media.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-@use 'elements/type.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-@use 'elements/hr.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-// elements
-@use 'elements/lists.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-@use 'elements/tooltips.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-@use 'elements/container.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-@use 'elements/table.element.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-
-@use 'elements/links.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-@use 'elements/buttons' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-@use 'elements/dialog.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-@use 'elements/popover.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-@use 'elements/modal.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-@use 'elements/admin-panel.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-
+@use 'elements/brand';
+@use 'elements/icons';
+@use 'elements/media';
+@use 'elements/type';
+@use 'elements/hr';
+@use 'elements/lists.scss';
+@use 'elements/lists--tick-list';
+@use 'elements/lists--breadcrumbs';
+@use 'elements/lists--steps';
+@use 'elements/tooltips.scss';
+@use 'elements/container.scss';
+@use 'elements/table.element.scss';
+@use 'elements/links.scss';
+@use 'elements/buttons';
+@use 'elements/dialog.scss';
+@use 'elements/popover.scss';
+@use 'elements/modal.scss';
+@use 'elements/admin-panel.scss';
 @use 'elements/prefix.scss';
-
-@use 'elements/forms.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly,
-  $optionalText: $optionalText
-);
-
-@use 'elements/toggle-button.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-
-@use 'elements/badge-tag.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-@use 'elements/feature.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-@use 'elements/details.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
-
-@use 'elements/progress.scss' with (
-  $layers: $layers,
-  $darkMode: $darkMode,
-  $mobileOnly: $mobileOnly
-);
+@use 'elements/forms.scss';
+@use 'elements/toggle-button.scss';
+@use 'elements/badge-tag.scss';
+@use 'elements/feature.scss';
+@use 'elements/details.scss';
+@use 'elements/progress.scss';
+@use 'elements/code';

package/assets/sass/_fonts.scss

@@ -1,7 +1,7 @@
 $fontPath: '../fonts/' !default;
 
 @font-face {
-  font-family: 'Qanelas';
+  font-family: "Qanelas";
   src:
     url($fontPath + 'qanelas-medium-webfont.woff2') format('woff2'),
     url($fontPath + 'qanelas-medium-webfont.woff') format('woff');
@@ -10,7 +10,7 @@ $fontPath: '../fonts/' !default;
 }
 
 @font-face {
-  font-family: 'Qanelas';
+  font-family: "Qanelas";
   src:
     url($fontPath + 'qanelas-semibold-webfont.woff2') format('woff2'),
     url($fontPath + 'qanelas-semibold-webfont.woff') format('woff');
@@ -19,7 +19,7 @@ $fontPath: '../fonts/' !default;
 }
 
 @font-face {
-  font-family: 'Qanelas';
+  font-family: "Qanelas";
   src:
     url($fontPath + 'qanelas-bold-webfont.woff2') format('woff2'),
     url($fontPath + 'qanelas-bold-webfont.woff') format('woff');

package/assets/sass/_func.scss

@@ -1,10 +1,2 @@
-$optionalText: 'true' !default;
-
-// Declare global vars variable
-
 @forward '_functions/functions';
 
-@forward '_functions/variables';
-
-@forward '_functions/mixins';
-@forward '_functions/utility-mixins';