@linzjs/lui 21.44.5-1 → 21.45.1

package/dist/scss/Components/ContextMenu/context-menu.scss

@@ -1,7 +1,7 @@
-@use '../../Foundation/Variables/ColorVars.scss' as colors;
-@use '../../Foundation/Variables/FontVars.scss' as fonts;
-@use '../../Foundation/Variables/SpacingVars.scss' as spacing;
-@use '../../Foundation/Utilities' as *;
+@use "../../Foundation/Variables/ColorVars.scss" as colors;
+@use "../../Foundation/Variables/FontVars.scss" as fonts;
+@use "../../Foundation/Variables/SpacingVars.scss"as spacing;
+@use "../../Foundation/Utilities" as *;
 
 /**
  * Here is where we can override the styles of react-menu
@@ -71,6 +71,7 @@ li.lui-select-menuItem {
 }
 
 .lui-select-menuItemText {
+  @include fonts.font-regular();
   color: colors.$charcoal;
   margin: 0;
   padding-left: spacing.$unit-lg;
@@ -111,6 +112,7 @@ li.lui-select-menu-group {
   div[role='menuitem'] {
     padding: spacing.$unit-xs spacing.$unit-xs spacing.$unit-xs 2.5rem;
     text-decoration: none;
+    @include fonts.font-regular();
     height: 40px;
   }
   //overwrite the hover color
@@ -125,6 +127,7 @@ li.lui-select-menu-group {
   div[role='menuitem'] {
     padding-left: 0px;
     text-decoration: none;
+    @include fonts.font-regular();
     height: 40px;
   }
 }

package/dist/scss/Components/ExpandingSection/expanding-section.scss

@@ -1,7 +1,7 @@
-@use '../../Foundation/Variables/ColorVars.scss' as colors;
-@use '../../Foundation/Variables/FontVars.scss' as fonts;
-@use '../../Foundation/Variables/SpacingVars.scss' as spacing;
-@use '../../Foundation/Utilities/' as *;
+@use "../../Foundation/Variables/ColorVars.scss" as colors;
+@use "../../Foundation/Variables/FontVars.scss" as fonts;
+@use "../../Foundation/Variables/SpacingVars.scss" as spacing;
+@use "../../Foundation/Utilities/" as *;
 
 .lui {
   &-expand {

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

@@ -3,29 +3,43 @@
 
 // This builds on the NZ Govt footer SCSS which lives in a separate folder
 
+@mixin footer-column-md-breakpoint {
+  @include breakpoint(md) {
+    flex-direction: row;
+    justify-content: space-between;
+    flex: 0 1 auto;
+  }
+}
+
 .lui-footer {
   padding-top: lui.$unit-lg;
-  padding-bottom: lui.$unit-md;
+  padding-bottom: lui.$unit-lg;
 
-  padding-left: lui.$unit-md;
-  padding-right: lui.$unit-md;
+  padding-left: lui.$unit-lg;
+  padding-right: lui.$unit-lg;
 
   // colour row dividers (border top)
   div[class*='row-divider'] {
     border-color: lui.$surfie;
   }
 
-  .lui-footer-columns {
+  .lui-footer-app-title {
     @include breakpoint(md) {
       display: flex;
       justify-content: space-between;
     }
 
+    @include footer-column-md-breakpoint;
+  }
+
+  .lui-footer-columns {
     @include breakpoint(md) {
-      flex-direction: row;
+      display: flex;
       justify-content: space-between;
-      flex: 0 1 auto;
+      align-items: center;
     }
+
+    @include footer-column-md-breakpoint;
   }
 
   .lui-footer-container-right {
@@ -51,6 +65,7 @@
   h3,
   h4 {
     margin-top: 0;
+    @include lui.font-regular;
   }
 
   a {
@@ -101,11 +116,21 @@
     }
   }
 
+  .lui-footer-linz-logo {
+    margin-top: lui.$unit-sm;
+
+    @include breakpoint(md) {
+      margin-top: 0;
+    }
+  }
+
+
+
   .lui-footer-nz-govt-logo,
   .lui-footer-copyright {
     text-align: left;
     img {
-      height: toRem(56px);
+      height: toRem(60px);
       width: auto;
     }
     @include breakpoint(md) {
@@ -116,13 +141,14 @@
   .lui-footer-nz-govt-logo {
     margin-top: lui.$unit-xl;
     @include breakpoint(md) {
+      margin-top: 0;
       text-align: right;
-      margin-top: lui.$unit-sm;
     }
   }
 
   .lui-small {
     text-align: left;
+    margin-top: 0;
 
     @include breakpoint(md) {
       text-align: right;
@@ -194,6 +220,7 @@ $FooterCopyWriteForceLineBreak: toRem(250px);
   a {
     color: lui.$snow;
     font-size: toRem(14px);
+    @include lui.font-regular();
     text-decoration: none;
     line-height: toRem(24px);
     &:hover {
@@ -205,6 +232,7 @@ $FooterCopyWriteForceLineBreak: toRem(250px);
 .luiAppFooter-copyright {
   color: lui.$snow;
   font-size: toRem(14px);
+  @include lui.font-regular();
   line-height: toRem(24px);
   opacity: 0.8;
   margin: 0;

package/dist/scss/Components/Header/header.scss

@@ -1,8 +1,8 @@
-@use '../../Foundation/Variables/MiscVars.scss' as misc;
-@use '../../Foundation/Variables/ColorVars.scss' as colors;
-@use '../../Foundation/Variables/FontVars.scss' as fonts;
-@use '../../Foundation/Variables/SpacingVars.scss' as spacing;
-@use '../../Foundation/Utilities' as *;
+@use "../../Foundation/Variables/MiscVars.scss" as misc;
+@use "../../Foundation/Variables/ColorVars.scss" as colors;
+@use "../../Foundation/Variables/FontVars.scss" as fonts;
+@use "../../Foundation/Variables/SpacingVars.scss" as spacing;
+@use "../../Foundation/Utilities" as *;
 
 $headerRowHeightSm: 60px;
 $headerRowHeightMd: 85px;

package/dist/scss/Components/HeaderV2/header-v2.scss

@@ -1,8 +1,8 @@
-@use '../../Foundation/Variables/MiscVars.scss' as misc;
-@use '../../Foundation/Variables/ColorVars.scss' as colors;
-@use '../../Foundation/Variables/FontVars.scss' as fonts;
-@use '../../Foundation/Variables/SpacingVars.scss' as spacing;
-@use '../../Foundation/Utilities' as *;
+@use "../../Foundation/Variables/MiscVars.scss" as misc;
+@use "../../Foundation/Variables/ColorVars.scss" as colors;
+@use "../../Foundation/Variables/FontVars.scss" as fonts;
+@use "../../Foundation/Variables/SpacingVars.scss" as spacing;
+@use "../../Foundation/Utilities" as *;
 
 $headerRowHeightSmV2: 56px;
 $headerRowHeightMdV2: 85px;
@@ -138,6 +138,7 @@ $headerElementPadding: spacing.$unit-xs;
           color: colors.$white;
           font-size: 20px;
           line-height: 24px;
+          @include fonts.font-regular;
         }
       }
     }
@@ -207,6 +208,7 @@ $headerElementPadding: spacing.$unit-xs;
       text-align: center;
       border-radius: 4px;
       padding: 6px 6px;
+      @include fonts.font-regular;
       font-size: 14px;
       white-space: nowrap;
 

package/dist/scss/Components/HelpSection/help-section.scss

@@ -1,8 +1,8 @@
-@use '../../Foundation/Variables/ColorVars.scss' as colors;
-@use '../../Foundation/Variables/FontVars.scss' as fonts;
-@use '../../Foundation/Variables/MiscVars.scss' as misc;
-@use '../../Foundation/Variables/SpacingVars.scss' as spacing;
-@use '../../Foundation/Utilities' as *;
+@use "../../Foundation/Variables/ColorVars.scss" as colors;
+@use "../../Foundation/Variables/FontVars.scss" as fonts;
+@use "../../Foundation/Variables/MiscVars.scss" as misc;
+@use "../../Foundation/Variables/SpacingVars.scss" as spacing;
+@use "../../Foundation/Utilities" as *;
 
 .lui-help-section {
   ol.lui-help-numbering {
@@ -13,7 +13,9 @@
       counter-increment: lui-list-counter;
       position: relative;
       margin: spacing.$unit-xl 0 0 spacing.$unit-xl;
-
+      p:first-child {
+        @include fonts.font-regular;
+      }
       &:before {
         content: counter(lui-list-counter);
         position: absolute;

package/dist/scss/Components/LOLCommonMenu/LOLAuthorisedLink.scss

@@ -1,5 +1,5 @@
-@use '../../Foundation/Variables/ColorVars.scss' as colors;
-@use '../../Foundation/Variables/FontVars.scss' as fonts;
+@use "../../Foundation/Variables/ColorVars.scss" as colors;
+@use "../../Foundation/Variables/FontVars.scss" as fonts;
 
 .LOLAuthorisedLink {
   & .lui-menu-drawer-option {

package/dist/scss/Components/LOLCommonMenu/LOLDrawerMenu.scss

@@ -1,7 +1,7 @@
-@use '../../Foundation/Variables/MiscVars.scss' as misc;
-@use '../../Foundation/Variables/ColorVars.scss' as colors;
+@use "../../Foundation/Variables/MiscVars.scss" as misc;
+@use "../../Foundation/Variables/ColorVars.scss" as colors;
 @use '../../Foundation/Variables/FontVars.scss' as fonts;
-@use '../../Foundation/Utilities' as *;
+@use "../../Foundation/Utilities" as *;
 
 .LOLDrawerMenu {
   display: flex;

package/dist/scss/Components/LOLCommonMenu/LOLFirmSwitcherMenu.scss

@@ -1,4 +1,4 @@
-@use '../../Foundation/Variables/ColorVars.scss' as colors;
+@use "../../Foundation/Variables/ColorVars.scss" as colors;
 @use '../../Foundation/Variables/FontVars.scss' as fonts;
 
 .LOLFirmSwitcherMenu {
@@ -6,6 +6,7 @@
   padding: 0;
 
   &-header {
+    @include fonts.font-regular;
     font-size: fonts.$base-font-size;
     line-height: 1.3;
     text-align: right;

package/dist/scss/Components/LuiErrorPage/LuiErrorPage.scss

@@ -1,5 +1,5 @@
 @use '../../Core.scss' as lui;
-@use '../../Foundation/Utilities' as *;
+@use "../../Foundation/Utilities" as *;
 
 $MaxContentWidth: toRem(800px);
 $MaxImgWidth: toRem(280px);

package/dist/scss/Components/LuiFormElements/LuiRadioInput/LuiRadioInput.scss

@@ -2,7 +2,7 @@
 @use '../../../Foundation/Variables/ColorVars' as colors;
 @use '../../../Foundation/Variables/SpacingVars' as spacing;
 @use '../../../Foundation/Utilities/ScreenReadersOnly' as screen;
-@use '../../../Foundation/Utilities' as *;
+@use "../../../Foundation/Utilities" as *;
 
 .LuiRadioInput-fieldset {
   border: none;
@@ -74,7 +74,7 @@
   &:has(input:focus-visible):before {
     @include focusStyle;
   }
-}
+} 
 
 .LuiRadioInput--hasError {
   .LuiRadioInput-label:before {
@@ -145,4 +145,4 @@
   &:after {
     background-color: colors.$warning;
   }
-}
+}

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

@@ -17,6 +17,7 @@
 }
 
 .LuiSelect-select {
+  @include fonts.font-regular();
   margin-bottom: 0;
   border: 1px solid colors.$silver;
   border-radius: MiscVars.$borderRadius;
@@ -124,8 +125,7 @@
   color: colors.$charcoal;
 }
 
-.LuiSelect-error-icon,
-.LuiSelect-warning-icon {
+.LuiSelect-error-icon, .LuiSelect-warning-icon {
   position: absolute;
   left: 0;
   top: 2px;

package/dist/scss/Components/LuiFormElements/LuiTextAreaInput/LuiTextAreaInput.scss

@@ -19,6 +19,7 @@
   position: relative;
 
   textarea {
+    @include fonts.font-regular;
     @include luiFluidType.fluidType--size(
       14px,
       16px,
@@ -52,8 +53,7 @@
     display: block;
   }
 
-  &.hasError,
-  &.hasWarning {
+  &.hasError, &.hasWarning {
     .LuiTextAreaInput-wrapper {
       position: relative;
 
@@ -107,8 +107,7 @@
   position: relative;
 }
 
-.LuiTextAreaInput-error,
-.LuiTextAreaInput-warning {
+.LuiTextAreaInput-error, .LuiTextAreaInput-warning {
   position: relative;
   display: flex;
   @include fonts.font-semibold;
@@ -123,8 +122,7 @@
   color: colors.$error;
 }
 
-.LuiTextAreaInput-error-icon,
-.LuiTextAreaInput-warning-icon {
+.LuiTextAreaInput-error-icon, .LuiTextAreaInput-warning-icon {
   position: absolute;
   left: 0;
   top: 2px;

package/dist/scss/Components/LuiFormElements/LuiTextInput/LuiTextInput.scss

@@ -64,6 +64,7 @@ $label-line-height: spacing.$unit-md;
 }
 
 .LuiTextInput-input {
+  @include fonts.font-regular();
   @include forms.formPlaceholder;
   margin-bottom: 0;
   border: 1px solid colors.$silver;

package/dist/scss/Components/LuiLoadingSpinner/LuiLoadingSpinner.scss

@@ -13,10 +13,10 @@
 }
 .LuiLoadingSpinner-SupportText-container {
   position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
+  top:0;
+  bottom:0;
+  left:0;
+  right:0;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -25,6 +25,7 @@
     display: flex;
     flex-direction: column;
     align-items: center;
+    @include fonts.font-regular;
     color: colors.$sea;
     width: 300px;
     // The spinner is nested inside the supporting text version, so we remove the positioning etc
@@ -34,6 +35,7 @@
       margin: 0;
     }
     p {
+      @include fonts.font-regular;
     }
   }
 }

package/dist/scss/Components/LuiMultiSwitch/LuiMultiSwitch.scss

@@ -35,8 +35,8 @@
     &[aria-checked='true'] {
       background-color: lui.$sea;
       color: white;
-      box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.4);
-      text-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
+      box-shadow: inset 0 3px 6px rgba(0,0,0,.4);
+      text-shadow: 0 3px 6px rgba(0,0,0,.4);
     }
   }
 

package/dist/scss/Components/LuiSearchInput/LuiSearchInput.scss

@@ -49,6 +49,7 @@ $input-wrapper-height-lg: 56px;
 }
 
 .LuiSearchInput-input {
+  @include fonts.font-regular();
   @include forms.formPlaceholder;
 
   $input-height: 40px;
@@ -89,7 +90,7 @@ $input-wrapper-height-lg: 56px;
 
   &-enabled {
     svg {
-      fill: colors.$sea;
+      fill: colors.$sea
     }
   }
 }
@@ -124,6 +125,7 @@ $input-wrapper-height-lg: 56px;
 }
 
 .LuiSearchInput-resultEntry {
+  @include fonts.font-regular();
   font-size: 16px;
   cursor: pointer;
   padding: 5px 20px;
@@ -137,6 +139,7 @@ $input-wrapper-height-lg: 56px;
 }
 
 .LuiSearchInput-resultHeader {
+  @include fonts.font-regular();
   font-size: 14px;
   padding: 5px 20px;
   line-height: 18px;
@@ -145,6 +148,7 @@ $input-wrapper-height-lg: 56px;
 }
 
 .LuiSearchInput-disclaimer {
+  @include fonts.font-regular();
   font-size: 14px;
   padding: 5px 20px;
   line-height: 20px;

package/dist/scss/Components/LuiShadow/LuiShadow.scss

@@ -23,3 +23,5 @@
     @include utils.drop-shadow(lg);
   }
 }
+
+

package/dist/scss/Components/LuiSplitButton/LuiSplitButton.scss

@@ -1,9 +1,9 @@
 @use '../../Elements/Buttons/buttons.scss' as buttons;
 @use '../../Foundation/Variables/ColorVars.scss' as colors;
-@use '../../Foundation/Variables/FontVars.scss' as fonts;
-@use '../../Foundation/Variables/SpacingVars.scss' as spacing;
+@use "../../Foundation/Variables/FontVars.scss" as fonts;
+@use "../../Foundation/Variables/SpacingVars.scss"as spacing;
 @use '../../Foundation/Variables/MiscVars.scss' as misc;
-@use '../../Foundation/Utilities' as *;
+@use "../../Foundation/Utilities" as *;
 
 .lui-split-button {
   display: flex;
@@ -57,10 +57,10 @@
       .lui-expand-icon {
         color: colors.$sea;
       }
-      border-left: 0;
+      border-left:0;
     }
     &-secondary:hover {
-      border-left: 0;
+      border-left:0;
     }
   }
 }
@@ -90,11 +90,12 @@ li.lui-split-button-menuItem {
 
   &:hover {
     background-color: colors.$polar;
-    border-right: 1px solid white;
+    border-right: 1px solid white ;
   }
 }
 
 .lui-split-button-menuItemText {
+  @include fonts.font-regular();
   color: colors.$charcoal;
   margin: 0;
   padding-left: spacing.$unit-lg;

package/dist/scss/Components/LuiTabs/LuiTab/LuiTab.scss

@@ -1,14 +1,15 @@
-@use '../../../Foundation/Variables/MiscVars.scss' as misc;
-@use '../../../Foundation/Variables/ColorVars.scss' as colors;
+@use "../../../Foundation/Variables/MiscVars.scss" as misc;
+@use "../../../Foundation/Variables/ColorVars.scss" as colors;
 @use '../../../Foundation/Variables/FontVars.scss' as fonts;
 @use '../../../Foundation/Variables/SpacingVars.scss' as spacing;
-@use '../../../Foundation/Utilities' as *;
+@use "../../../Foundation/Utilities" as *;
 
 .LuiTab {
   background: transparent;
   border-radius: 0;
   color: colors.$base-type-color;
   min-width: spacing.$unit-xxl * 2;
+  @include fonts.font-regular;
   display: flex;
   position: relative;
   justify-content: center;
@@ -23,11 +24,11 @@
     width: 100%;
   }
   &--error {
-    // Border bottom doesn't cover the grey line underneath,
+    // Border bottom doesn't cover the grey line underneath, 
     // so adding an after element to be offset by 1px to cover the line in a nice panic red.
     &:after {
       display: block;
-      content: '';
+      content: "";
       position: absolute;
       left: 0;
       right: 0;
@@ -37,7 +38,7 @@
     }
   }
 
-  &:disabled {
+  &:disabled{
     cursor: not-allowed;
     color: colors.$disabled-color;
     background: colors.$disabled-bg-color;

package/dist/scss/Components/Menu/menu.scss

@@ -1,8 +1,8 @@
-@use '../../Foundation/Variables/MiscVars.scss' as misc;
-@use '../../Foundation/Variables/ColorVars.scss' as colors;
+@use "../../Foundation/Variables/MiscVars.scss" as misc;
+@use "../../Foundation/Variables/ColorVars.scss" as colors;
 @use '../../Foundation/Variables/FontVars.scss' as fonts;
-@use '../../Foundation/Utilities' as *;
-@use '../Header/header.scss' as header;
+@use "../../Foundation/Utilities" as *;
+@use "../Header/header.scss" as header;
 
 @mixin menu-container {
   text-align: left;

package/dist/scss/Components/MenuV2/menu-v2.scss

@@ -1,9 +1,9 @@
-@use '../../Foundation/Variables/MiscVars.scss' as misc;
-@use '../../Foundation/Variables/ColorVars.scss' as colors;
+@use "../../Foundation/Variables/MiscVars.scss" as misc;
+@use "../../Foundation/Variables/ColorVars.scss" as colors;
 @use '../../Foundation/Variables/FontVars.scss' as fonts;
-@use '../../Foundation/Variables/SpacingVars.scss' as spacing;
-@use '../../Foundation/Utilities' as *;
-@use '../HeaderV2/header-v2.scss' as header;
+@use "../../Foundation/Variables/SpacingVars.scss" as spacing;
+@use "../../Foundation/Utilities" as *;
+@use "../HeaderV2/header-v2.scss" as header;
 
 @mixin LuiHeaderMenuV2-drop-content {
   text-align: left;

package/dist/scss/Components/Messaging/messaging.scss

@@ -1,8 +1,8 @@
-@use '../../Foundation/Variables/MiscVars.scss' as misc;
-@use '../../Foundation/Variables/ColorVars.scss' as colors;
-@use '../../Foundation/Variables/FontVars.scss' as fonts;
-@use '../../Foundation/Variables/SpacingVars.scss' as spacing;
-@use '../../Foundation/Utilities' as *;
+@use "../../Foundation/Variables/MiscVars.scss" as misc;
+@use "../../Foundation/Variables/ColorVars.scss" as colors;
+@use "../../Foundation/Variables/FontVars.scss" as fonts;
+@use "../../Foundation/Variables/SpacingVars.scss" as spacing;
+@use "../../Foundation/Utilities" as *;
 
 @mixin message-base-styling {
   border-left: spacing.$unit-xl solid colors.$silver;
@@ -15,6 +15,7 @@
 
   p {
     margin: 0;
+    @include fonts.font-regular;
   }
 
   h2 {

package/dist/scss/Components/Modal/modal.scss

@@ -1,7 +1,7 @@
-@use '../../Foundation/Variables/ColorVars.scss' as colors;
-@use '../../Foundation/Variables/FontVars.scss' as fonts;
-@use '../../Foundation/Variables/SpacingVars.scss' as spacing;
-@use '../../Foundation/Utilities' as *;
+@use "../../Foundation/Variables/ColorVars.scss" as colors;
+@use "../../Foundation/Variables/FontVars.scss" as fonts;
+@use "../../Foundation/Variables/SpacingVars.scss" as spacing;
+@use "../../Foundation/Utilities" as *;
 
 .lui-modal {
   padding: spacing.$unit-lg;
@@ -47,7 +47,7 @@
   }
   &-header {
     color: colors.$white;
-
+    
     &-title {
       display: flex;
       justify-content: space-between;
@@ -85,7 +85,7 @@
       border-radius: 50%;
       background-color: transparent;
       text-align: center;
-      float: right;
+      float: right;     
     }
     &-btn-size {
       font-size: toRem(32px);
@@ -97,7 +97,7 @@
       h1 {
         color: colors.$white;
       }
-      path {
+      path{
         fill: rgb(255 255 255 / 70%);
       }
     }
@@ -106,7 +106,7 @@
       h1 {
         color: colors.$surfie;
       }
-      path {
+      path{
         fill: colors.$gray;
       }
     }
@@ -123,13 +123,13 @@
   }
 }
 
-.lui-modal-header-buttons {
+.lui-modal-header-buttons{
   padding-left: 12px;
   display: flex;
-  button {
+  button{
     padding-left: 8px;
     padding-right: 0px;
-    float: none;
+    float:none;
     display: flex;
   }
 }

package/dist/scss/Components/Notifications/notifications.scss

@@ -1,7 +1,7 @@
-@use '../../Foundation/Variables/MiscVars.scss' as misc;
-@use '../../Foundation/Variables/ColorVars.scss' as colors;
-@use '../../Foundation/Variables/SpacingVars.scss' as spacing;
-@use '../../Foundation/Utilities' as *;
+@use "../../Foundation/Variables/MiscVars.scss" as misc;
+@use "../../Foundation/Variables/ColorVars.scss" as colors;
+@use "../../Foundation/Variables/SpacingVars.scss" as spacing;
+@use "../../Foundation/Utilities" as *;
 
 .lui-large-feature-notification {
   width: 100%;