@iamproperty/components 3.1.0 → 3.4.4

package/assets/sass/_print.scss

@@ -1,62 +1,62 @@
-@use "_func" as *;
-
-$printMedia: print!default;
-@media #{$printMedia} {
-  :root {
-  --content-max-width: 100%;
-  }
-  html {
-    font-size: 11pt;
-    padding-left: 10px;
-    padding-right: 10px;
-
-    body {
-      background: white;
-      height: auto;
-      min-height: 100%;
-    }
-  }
-  .container {
-    padding-left: 0;
-    padding-right: 0;
-    overflow: hidden;
-  }
-  .print-header {
-    background-image: linear-gradient(45deg, var(--colour-secondary) 0%, transparent 80%) !important;
-  }
-  p a[href^=http]:after,
-  p a[href^=mailto]:after,
-  a.youtube-embed:after {
-    content: " (" attr(href) ")";
-    display: inline!important;
-    color: inherit;
-    mask: none;
-    -webkit-mask: none;
-    background: none;
-  }
-
-  // Nav fixes 
-  .nav {
-    position: relative;
-    box-shadow: none!important;
-  }
-  .nav [class*="col"]:not(.nav__logo){
-    display: none;
-  }
-  nav + main > *:first-child {
-    padding-top: 0;
-  }
-}
-@media print {
-  
-  html {
-    padding: 0;
-  }
-  
-  tr, img, svg, li {
-    break-inside: avoid;
-  }
-  [class*="bg-"]:not(.print-header) {
-    background: none!important;
-  }
+@use "_func" as *;
+
+$printMedia: print!default;
+@media #{$printMedia} {
+  :root {
+  --content-max-width: 100%;
+  }
+  html {
+    font-size: 11pt;
+    padding-left: 10px;
+    padding-right: 10px;
+
+    body {
+      background: white;
+      height: auto;
+      min-height: 100%;
+    }
+  }
+  .container {
+    padding-left: 0;
+    padding-right: 0;
+    overflow: hidden;
+  }
+  .print-header {
+    background-image: linear-gradient(45deg, var(--colour-secondary) 0%, transparent 80%) !important;
+  }
+  p a[href^=http]:after,
+  p a[href^=mailto]:after,
+  a.youtube-embed:after {
+    content: " (" attr(href) ")";
+    display: inline!important;
+    color: inherit;
+    mask: none;
+    -webkit-mask: none;
+    background: none;
+  }
+
+  // Nav fixes 
+  .nav {
+    position: relative;
+    box-shadow: none!important;
+  }
+  .nav [class*="col"]:not(.nav__logo){
+    display: none;
+  }
+  nav + main > *:first-child {
+    padding-top: 0;
+  }
+}
+@media print {
+  
+  html {
+    padding: 0;
+  }
+  
+  tr, img, svg, li {
+    break-inside: avoid;
+  }
+  [class*="bg-"]:not(.print-header) {
+    background: none!important;
+  }
 }

package/assets/sass/_tests/{sass.spec.js → colours.spec.js}

@@ -1,9 +1,9 @@
-/**
- * @jest-environment node
- */
-
-const path = require('path');
-const sassTrue = require('sass-true');
-
-const sassFile = path.join(__dirname, 'colours.spec.scss');
-sassTrue.runSass({ file: sassFile }, { describe, it });
+/**
+ * @jest-environment jest-environment-node-single-context
+ */
+
+const path = require('path');
+const sassTrue = require('sass-true');
+
+const sassFile = path.join(__dirname, 'colours.spec.scss');
+sassTrue.runSass({ describe, it }, sassFile);

package/assets/sass/_tests/colours.spec.scss

@@ -1,45 +1,45 @@
-@use 'true' as *;
-@import '../../sass/func';
-
-$test_colors: ();
-$test_colors: map-merge((
-  "primary": rgba(0, 49, 60, var(--alpha, 1)),
-  "secondary": rgba(180, 230, 165, var(--alpha, 1)),
-  "success": rgba(180, 230, 165, var(--alpha, 1)),
-  "info": rgba(30, 190, 230, var(--alpha, 1)),
-  "warning":  rgba(255, 165, 0, var(--alpha, 1)),
-  "danger": rgba(220, 53, 69, var(--alpha, 1)),
-  "light": rgba(255, 210, 210, var(--alpha, 1)),
-  "dark": rgba(70, 0, 60, var(--alpha, 1)),
-  "muted-theme": #9d9d9d,
-  "muted": var(--colour-muted-theme),
-  "border-theme": #6f6f6f,
-  "border": var(--colour-border-theme),
-  "link-theme": #00313c,
-  "link": var(--colour-link-theme),
-  "focus-theme": #000000,
-  "focus": var(--colour-focus-theme),
-  "hover-theme": #000000,
-  "hover": var(--colour-hover-theme),
-  "active-theme": #b4e6a5,
-  "active": var(--colour-active-theme),
-  "selected-theme": #1ebee6,
-  "selected": var(--colour-selected-theme)
-), $test_colors);
-
-
-@include describe('Colour variables are added to the global var array [Variable]') {
-  @each $color, $value in $test_colors {
-
-    @include it($color+' colour variable is added to the global var array with the correct hex code') {
-      @include assert {
-        @include output {
-          color: map-get($vars, --colour-#{$color});
-        }
-        @include expect {
-          color: $value;
-        }
-      }
-    }
-  }
+@use 'true' as *;
+@import '../../sass/func';
+
+$test_colors: ();
+$test_colors: map-merge((
+  "primary": rgba(0, 49, 60, var(--alpha, 1)),
+  "secondary": rgba(180, 230, 165, var(--alpha, 1)),
+  "success": rgba(180, 230, 165, var(--alpha, 1)),
+  "info": rgba(30, 190, 230, var(--alpha, 1)),
+  "warning":  rgba(255, 165, 0, var(--alpha, 1)),
+  "danger": rgba(220, 53, 69, var(--alpha, 1)),
+  "light": rgba(255, 210, 210, var(--alpha, 1)),
+  "dark": rgba(70, 0, 60, var(--alpha, 1)),
+  "muted-theme": #9d9d9d,
+  "muted": var(--colour-muted-theme),
+  "border-theme": #6f6f6f,
+  "border": var(--colour-border-theme),
+  "link-theme": #00313c,
+  "link": var(--colour-link-theme),
+  "focus-theme": #000000,
+  "focus": var(--colour-focus-theme),
+  "hover-theme": #000000,
+  "hover": var(--colour-hover-theme),
+  "active-theme": #b4e6a5,
+  "active": var(--colour-active-theme),
+  "selected-theme": #1ebee6,
+  "selected": var(--colour-selected-theme)
+), $test_colors);
+
+
+@include describe('Colour variables are added to the global var array [Variable]') {
+  @each $color, $value in $test_colors {
+
+    @include it($color+' colour variable is added to the global var array with the correct hex code') {
+      @include assert {
+        @include output {
+          color: map-get($vars, --colour-#{$color});
+        }
+        @include expect {
+          color: $value;
+        }
+      }
+    }
+  }
 }

package/assets/sass/_tests/func.spec.js

@@ -0,0 +1,9 @@
+/**
+ * @jest-environment jest-environment-node-single-context
+ */
+
+const path = require('path');
+const sassTrue = require('sass-true');
+
+const sassFile = path.join(__dirname, 'func.spec.scss');
+sassTrue.runSass({ describe, it }, sassFile);