@linzjs/lui 21.44.5-1 → 21.45.1

package/dist/lui.css

@@ -148,6 +148,9 @@ textarea {
 
 a {
   color: #1F69C3;
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   display: inline-block;
   position: relative;
   transition: all 0.3s ease(expo-in-out);
@@ -280,6 +283,9 @@ ul li {
 }
 
 html {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: 300;
   font-size: 16px;
   line-height: 1.5;
   color: #2a292c;
@@ -358,6 +364,9 @@ h6,
 
 h1,
 .h1 {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: 300;
   font-size: 2.75rem;
 }
 h1 + p,
@@ -367,6 +376,9 @@ h1 + p,
 
 h2,
 .h2 {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: 300;
   font-size: 2rem;
   margin-top: 3rem;
 }
@@ -377,6 +389,9 @@ h2 + p,
 
 h3,
 .h3 {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   font-size: 1.625rem;
   margin-top: 2rem;
 }
@@ -387,6 +402,9 @@ h3 + p,
 
 h4,
 .h4 {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   font-size: 1.375rem;
   margin-top: 2rem;
 }
@@ -413,16 +431,28 @@ h6,
 
 p,
 .p {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: 300;
   font-size: 1rem;
   margin-top: 2rem;
 }
 
 p.lui-small {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: 300;
   font-size: 0.8125rem;
   line-height: 1.25rem;
   margin-top: 2rem;
 }
 
+.LuiBeta-fonts220222 h1,
+.LuiBeta-fonts220222 .h1 {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: 300;
+}
 .LuiBeta-fonts220222 h1,
 .LuiBeta-fonts220222 .h1 {
   font-size: 34px;
@@ -461,6 +491,9 @@ p.lui-small {
 }
 .LuiBeta-fonts220222 h2,
 .LuiBeta-fonts220222 .h2 {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: 300;
   margin-top: 3rem;
 }
 .LuiBeta-fonts220222 h2,
@@ -501,6 +534,9 @@ p.lui-small {
 }
 .LuiBeta-fonts220222 h3,
 .LuiBeta-fonts220222 .h3 {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   letter-spacing: 0.2px;
   margin-top: 2rem;
 }
@@ -542,6 +578,9 @@ p.lui-small {
 }
 .LuiBeta-fonts220222 h4,
 .LuiBeta-fonts220222 .h4 {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   letter-spacing: 0.2px;
   margin-top: 2rem;
 }
@@ -660,10 +699,16 @@ p.lui-small {
 }
 .LuiBeta-fonts220222 p,
 .LuiBeta-fonts220222 .p {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: 300;
   font-size: 1rem;
   margin-top: 2rem;
 }
 .LuiBeta-fonts220222 p.lui-small {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: 300;
   font-size: 0.8125rem;
   line-height: 1.25rem;
   margin-top: 2rem;
@@ -1658,6 +1703,9 @@ a.lui-button-tertiary {
   color: #007198;
   line-height: 22px;
   font-weight: 600;
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   border: none;
   margin: 2px;
 }
@@ -1966,6 +2014,9 @@ a.lui-button-text {
   line-height: 24px;
   font-weight: 600;
   text-decoration: underline;
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   padding: 0;
   margin: 0;
   border-radius: 0;
@@ -2747,6 +2798,9 @@ a.lui-button + a.lui-button {
 }
 .LuiDeprecatedForms .lui-checkbox-container label,
 .LuiDeprecatedForms .lui-radio-container label {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: 300;
   font-size: 16px;
 }
 .LuiDeprecatedForms .lui-radio-container input {
@@ -2816,6 +2870,9 @@ a.lui-button + a.lui-button {
 .LuiDeprecatedForms input:not([type=checkbox]):not([type=radio]),
 .LuiDeprecatedForms textarea,
 .LuiDeprecatedForms select {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   font-size: 16px;
   color: #2a292c;
   border: 0.06rem solid #beb9b4;
@@ -2847,6 +2904,9 @@ a.lui-button + a.lui-button {
   -webkit-appearance: none;
   -moz-appearance: none;
   -o-appearance: none;
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   cursor: pointer;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -3089,6 +3149,12 @@ table .lui-checkbox-container input {
   top: 0;
 }
 
+.lui-table-column-headers th {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
+}
+
 .lui-table-zebra tr:nth-child(even) {
   background-color: #f9f9f9;
 }
@@ -3235,6 +3301,9 @@ li.lui-select-menuItem:hover {
 }
 
 .lui-select-menuItemText {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   color: #2a292c;
   margin: 0;
   padding-left: 2rem;
@@ -3276,6 +3345,9 @@ li.lui-select-menu-group {
 .lui-select-submenu div[role=menuitem] {
   padding: 0.5rem 0.5rem 0.5rem 2.5rem;
   text-decoration: none;
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   height: 40px;
 }
 .lui-select-submenu .szh-menu__item--hover {
@@ -3288,6 +3360,9 @@ li.lui-select-menu-group {
 .lui-select-submenu-with-icon div[role=menuitem] {
   padding-left: 0px;
   text-decoration: none;
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   height: 40px;
 }
 
@@ -3361,18 +3436,32 @@ li.lui-select-divider {
 
 .lui-footer {
   padding-top: 2rem;
-  padding-bottom: 1.5rem;
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
+  padding-bottom: 2rem;
+  padding-left: 2rem;
+  padding-right: 2rem;
   background-color: #004b50;
 }
 .lui-footer div[class*=row-divider] {
   border-color: #017a76;
 }
+@media screen and (min-width: 768px) {
+  .lui-footer .lui-footer-app-title {
+    display: flex;
+    justify-content: space-between;
+  }
+}
+@media screen and (min-width: 768px) {
+  .lui-footer .lui-footer-app-title {
+    flex-direction: row;
+    justify-content: space-between;
+    flex: 0 1 auto;
+  }
+}
 @media screen and (min-width: 768px) {
   .lui-footer .lui-footer-columns {
     display: flex;
     justify-content: space-between;
+    align-items: center;
   }
 }
 @media screen and (min-width: 768px) {
@@ -3401,6 +3490,9 @@ li.lui-select-divider {
 .lui-footer h3,
 .lui-footer h4 {
   margin-top: 0;
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
 }
 .lui-footer a {
   text-decoration: underline;
@@ -3443,13 +3535,21 @@ li.lui-select-divider {
     margin-top: 3rem;
   }
 }
+.lui-footer .lui-footer-linz-logo {
+  margin-top: 0.75rem;
+}
+@media screen and (min-width: 768px) {
+  .lui-footer .lui-footer-linz-logo {
+    margin-top: 0;
+  }
+}
 .lui-footer .lui-footer-nz-govt-logo,
 .lui-footer .lui-footer-copyright {
   text-align: left;
 }
 .lui-footer .lui-footer-nz-govt-logo img,
 .lui-footer .lui-footer-copyright img {
-  height: 3.5rem;
+  height: 3.75rem;
   width: auto;
 }
 @media screen and (min-width: 768px) {
@@ -3463,12 +3563,13 @@ li.lui-select-divider {
 }
 @media screen and (min-width: 768px) {
   .lui-footer .lui-footer-nz-govt-logo {
+    margin-top: 0;
     text-align: right;
-    margin-top: 0.75rem;
   }
 }
 .lui-footer .lui-small {
   text-align: left;
+  margin-top: 0;
 }
 @media screen and (min-width: 768px) {
   .lui-footer .lui-small {
@@ -3535,6 +3636,9 @@ li.lui-select-divider {
 .luiAppFooter-linksCell a {
   color: #ffffff;
   font-size: 0.875rem;
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   text-decoration: none;
   line-height: 1.5rem;
 }
@@ -3545,6 +3649,9 @@ li.lui-select-divider {
 .luiAppFooter-copyright {
   color: #ffffff;
   font-size: 0.875rem;
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   line-height: 1.5rem;
   opacity: 0.8;
   margin: 0;
@@ -3894,6 +4001,9 @@ li.lui-select-divider {
   color: #ffffff;
   font-size: 20px;
   line-height: 24px;
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
 }
 .LuiHeaderV2-small:after {
   content: none;
@@ -3951,6 +4061,9 @@ li.lui-select-divider {
   text-align: center;
   border-radius: 4px;
   padding: 6px 6px;
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   font-size: 14px;
   white-space: nowrap;
   position: absolute;
@@ -4050,6 +4163,11 @@ li.lui-select-divider {
   position: relative;
   margin: 3rem 0 0 3rem;
 }
+.lui-help-section ol.lui-help-numbering li p:first-child {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
+}
 .lui-help-section ol.lui-help-numbering li:before {
   content: counter(lui-list-counter);
   position: absolute;
@@ -4385,6 +4503,9 @@ body.LuiHeaderMenuV2-drawer-open {
 }
 .lui-msg-success p {
   margin: 0;
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
 }
 .lui-msg-success h2 {
   font-size: 16px;
@@ -4424,6 +4545,9 @@ body.LuiHeaderMenuV2-drawer-open {
 }
 .lui-msg-info p {
   margin: 0;
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
 }
 .lui-msg-info h2 {
   font-size: 16px;
@@ -4463,6 +4587,9 @@ body.LuiHeaderMenuV2-drawer-open {
 }
 .lui-msg-warning p {
   margin: 0;
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
 }
 .lui-msg-warning h2 {
   font-size: 16px;
@@ -4502,6 +4629,9 @@ body.LuiHeaderMenuV2-drawer-open {
 }
 .lui-msg-error p {
   margin: 0;
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
 }
 .lui-msg-error h2 {
   font-size: 16px;
@@ -5220,6 +5350,9 @@ body.LuiHeaderMenuV2-drawer-open {
   padding: 0;
 }
 .LOLFirmSwitcherMenu-header {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   font-size: 16px;
   line-height: 1.3;
   text-align: right;
@@ -5525,6 +5658,9 @@ body.LuiHeaderMenuV2-drawer-open {
 }
 
 .LuiSelect-select {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   margin-bottom: 0;
   border: 1px solid #beb9b4;
   border-radius: 3px;
@@ -5615,8 +5751,7 @@ body.LuiHeaderMenuV2-drawer-open {
   color: #2a292c;
 }
 
-.LuiSelect-error-icon,
-.LuiSelect-warning-icon {
+.LuiSelect-error-icon, .LuiSelect-warning-icon {
   position: absolute;
   left: 0;
   top: 2px;
@@ -5638,6 +5773,9 @@ body.LuiHeaderMenuV2-drawer-open {
   position: relative;
 }
 .LuiTextAreaInput textarea {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   border: solid 1px #beb9b4;
   border-radius: 3px;
   background: #ffffff;
@@ -5724,8 +5862,7 @@ body.LuiHeaderMenuV2-drawer-open {
   position: relative;
 }
 
-.LuiTextAreaInput-error,
-.LuiTextAreaInput-warning {
+.LuiTextAreaInput-error, .LuiTextAreaInput-warning {
   position: relative;
   display: flex;
   font-family: "Open Sans", system-ui, sans-serif;
@@ -5742,8 +5879,7 @@ body.LuiHeaderMenuV2-drawer-open {
   color: #cc0000;
 }
 
-.LuiTextAreaInput-error-icon,
-.LuiTextAreaInput-warning-icon {
+.LuiTextAreaInput-error-icon, .LuiTextAreaInput-warning-icon {
   position: absolute;
   left: 0;
   top: 2px;
@@ -5816,6 +5952,9 @@ body.LuiHeaderMenuV2-drawer-open {
 }
 
 .LuiTextInput-input {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   margin-bottom: 0;
   border: 1px solid #beb9b4;
   border-radius: 3px;
@@ -6037,6 +6176,9 @@ body.LuiHeaderMenuV2-drawer-open {
 }
 
 .LuiSearchInput-input {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   line-height: 24px;
   height: 40px;
   color: #2a292c;
@@ -6110,6 +6252,9 @@ body.LuiHeaderMenuV2-drawer-open {
 }
 
 .LuiSearchInput-resultEntry {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   font-size: 16px;
   cursor: pointer;
   padding: 5px 20px;
@@ -6122,6 +6267,9 @@ body.LuiHeaderMenuV2-drawer-open {
 }
 
 .LuiSearchInput-resultHeader {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   font-size: 14px;
   padding: 5px 20px;
   line-height: 18px;
@@ -6130,6 +6278,9 @@ body.LuiHeaderMenuV2-drawer-open {
 }
 
 .LuiSearchInput-disclaimer {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   font-size: 14px;
   padding: 5px 20px;
   line-height: 20px;
@@ -6956,6 +7107,9 @@ li.lui-split-button-menuItem:hover {
 }
 
 .lui-split-button-menuItemText {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   color: #2a292c;
   margin: 0;
   padding-left: 2rem;
@@ -6987,6 +7141,9 @@ li.lui-split-button-menuItem:hover {
   display: flex;
   flex-direction: column;
   align-items: center;
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   color: #007198;
   width: 300px;
 }
@@ -6995,6 +7152,12 @@ li.lui-split-button-menuItem:hover {
   display: inline-block;
   margin: 0;
 }
+.LuiLoadingSpinner-SupportText-container .LuiLoadingSpinner-SupportText p {
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
+}
+
 .LuiCounter, .LuiCounter-non-zero, .LuiCounter-zero {
   border-radius: 5px;
   padding: 0 6px;
@@ -7021,6 +7184,9 @@ li.lui-split-button-menuItem:hover {
   border-radius: 0;
   color: #2a292c;
   min-width: 10rem;
+  font-family: "Open Sans", system-ui, sans-serif;
+  font-style: normal;
+  font-weight: normal;
   display: flex;
   position: relative;
   justify-content: center;