@linzjs/lui 24.16.0 → 24.17.0

package/dist/scss/Components/Footer/footer.scss

@@ -114,7 +114,8 @@
     }
   }
 
-  .lui-footer-linz-logo {
+  .lui-footer-linz-logo,
+  .design-system-page .lui-footer-linz-logo {
     margin-top: lui.$unit-sm;
 
     @include breakpoint(md) {
@@ -125,22 +126,35 @@
   .lui-footer-nz-govt-logo,
   .lui-footer-copyright {
     text-align: left;
-    img {
-      height: toRem(60px);
-      width: auto;
-    }
+
     @include breakpoint(md) {
       text-align: right;
     }
   }
 
-  .lui-footer-nz-govt-logo {
+  .lui-footer-nz-govt-logo,
+  .design-system-page .lui-footer-nz-govt-logo {
     margin-top: lui.$unit-xl;
+
     @include breakpoint(md) {
       margin-top: 0;
       text-align: right;
     }
   }
+  .lui-footer-nz-govt-logo-link,
+  .design-system-page .lui-footer-nz-govt-logo-link {
+    height: 2rem;
+    opacity: 0.7;
+
+    &--arms {
+      height: 3.75rem;
+    }
+  }
+
+  .lui-footer-nz-govt-logo-img {
+    height: 100%;
+    width: auto;
+  }
 
   .lui-small {
     text-align: left;
@@ -180,9 +194,15 @@ $FooterCopyWriteForceLineBreak: toRem(250px);
   grid-template-columns: 1fr;
   align-items: center;
   padding: lui.$unit-md;
+
+  @container appFooterSml {
+    gap: lui.$unit-md;
+  }
+
   @container appFooterSml (inline-size >= #{$AppFooterSmlContainerBreakPointMd}) {
     grid-template-columns: 1fr $FooterLogoWidthPlusPadding;
     padding: 0 lui.$unit-md;
+    min-height: 70px;
   }
 }
 
@@ -230,10 +250,22 @@ $FooterCopyWriteForceLineBreak: toRem(250px);
   color: lui.$snow;
   font-size: toRem(14px);
   @include lui.font-regular();
-  line-height: toRem(24px);
+  height: 100%;
   opacity: 0.8;
   margin: 0;
   align-items: end;
+
+  @container appFooterSml {
+    line-height: toRem(20px);
+    align-items: center;
+    display: flex;
+    gap: lui.$unit-sm;
+
+    span {
+      display: block;
+    }
+  }
+
   @container appFooterSml (inline-size >= #{$AppFooterSmlContainerBreakPointSml}) {
     grid-row-start: -2;
     grid-row-end: -1;
@@ -251,14 +283,20 @@ $FooterCopyWriteForceLineBreak: toRem(250px);
   white-space: nowrap;
 }
 
-.luiAppFooter-nzGovtLogo {
+.luiAppFooter-nzGovtLogo-link {
   justify-self: start;
-  font-size: 0; //remove whitespace
-  @container appFooterSml (inline-size >= #{$AppFooterSmlContainerBreakPointLg}) {
+  opacity: 0.7;
+  height: 2rem;
+  display: block;
+}
+
+.luiAppFooter-nzGovtLogo-img {
+  height: 100%;
+  width: auto;
+}
+
+@container appFooterSml (inline-size >= #{$AppFooterSmlContainerBreakPointMd}) {
+  .luiAppFooter-nzGovtLogo {
     justify-self: end;
   }
-  img {
-    height: $FooterLogoHeight;
-    width: auto;
-  }
 }

package/dist/scss/Components/LuiFormElements/LuiSelectInput/LuiSelectInput.scss

@@ -19,6 +19,7 @@
 .LuiSelect-select {
   @include fonts.font-regular();
   margin-bottom: 0;
+  background: colors.$snow;
   border: 1px solid colors.$silver;
   border-radius: MiscVars.$borderRadius;
   display: block;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "24.16.0",
+  "version": "24.17.0",
   "license": "MIT",
   "repository": {
     "type": "git",