ba-js-common-header 0.0.49 → 0.0.52

package/dist/style.css

@@ -67,7 +67,7 @@
   --bs-red: #e41f1f;
   --bs-orange: #eb752e;
   --bs-yellow: #ffc107;
-  --bs-green: #70ca3a;
+  --bs-green: #81bf8c;
   --bs-teal: #45aeb1;
   --bs-cyan: #0dcaf0;
   --bs-white: #fff;
@@ -84,7 +84,7 @@
   --bs-gray-900: #4a4e4f;
   --bs-primary: #3b5772;
   --bs-secondary: #929494;
-  --bs-success: #70ca3a;
+  --bs-success: #81bf8c;
   --bs-info: #45aeb1;
   --bs-warning: #eb752e;
   --bs-danger: #e41f1f;
@@ -92,7 +92,7 @@
   --bs-dark: #2d2926;
   --bs-primary-rgb: 59, 87, 114;
   --bs-secondary-rgb: 146, 148, 148;
-  --bs-success-rgb: 112, 202, 58;
+  --bs-success-rgb: 129, 191, 140;
   --bs-info-rgb: 69, 174, 177;
   --bs-warning-rgb: 235, 117, 46;
   --bs-danger-rgb: 228, 31, 31;
@@ -2089,15 +2089,15 @@ progress {
 }
 
 .table-success {
-  --bs-table-bg: #e2f4d8;
-  --bs-table-striped-bg: #d9eacf;
+  --bs-table-bg: #e6f2e8;
+  --bs-table-striped-bg: #dde8de;
   --bs-table-striped-color: #2d2926;
-  --bs-table-active-bg: #d0e0c6;
+  --bs-table-active-bg: #d4ded5;
   --bs-table-active-color: #2d2926;
-  --bs-table-hover-bg: #d4e5cb;
+  --bs-table-hover-bg: #d8e3d9;
   --bs-table-hover-color: #2d2926;
   color: #2d2926;
-  border-color: #d0e0c6;
+  border-color: #d4ded5;
 }
 
 .table-info {
@@ -2770,7 +2770,7 @@ textarea.form-control-lg {
   width: 100%;
   margin-top: 0.25rem;
   font-size: 0.875em;
-  color: #70ca3a;
+  color: #81bf8c;
 }
 
 .valid-tooltip {
@@ -2783,7 +2783,7 @@ textarea.form-control-lg {
   margin-top: 0.1rem;
   font-size: 0.765625rem;
   color: #2d2926;
-  background-color: rgba(112, 202, 58, 0.9);
+  background-color: rgba(129, 191, 140, 0.9);
   border-radius: 0.25rem;
 }
 
@@ -2795,16 +2795,16 @@ textarea.form-control-lg {
 }
 
 .was-validated .form-control:valid, .form-control.is-valid {
-  border-color: #70ca3a;
+  border-color: #81bf8c;
   padding-right: calc(1.5em + 0.75rem);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2370ca3a' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2381bf8c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: right calc(0.375em + 0.1875rem) center;
   background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
-  border-color: #70ca3a;
-  box-shadow: 0 0 0 0.25rem rgba(112, 202, 58, 0.25);
+  border-color: #81bf8c;
+  box-shadow: 0 0 0 0.25rem rgba(129, 191, 140, 0.25);
 }
 
 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
@@ -2813,30 +2813,30 @@ textarea.form-control-lg {
 }
 
 .was-validated .form-select:valid, .form-select.is-valid {
-  border-color: #70ca3a;
+  border-color: #81bf8c;
 }
 .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
   padding-right: 4.125rem;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23606566' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2370ca3a' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23606566' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2381bf8c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
   background-position: right 0.75rem center, center right 2.25rem;
   background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
-  border-color: #70ca3a;
-  box-shadow: 0 0 0 0.25rem rgba(112, 202, 58, 0.25);
+  border-color: #81bf8c;
+  box-shadow: 0 0 0 0.25rem rgba(129, 191, 140, 0.25);
 }
 
 .was-validated .form-check-input:valid, .form-check-input.is-valid {
-  border-color: #70ca3a;
+  border-color: #81bf8c;
 }
 .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
-  background-color: #70ca3a;
+  background-color: #81bf8c;
 }
 .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
-  box-shadow: 0 0 0 0.25rem rgba(112, 202, 58, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(129, 191, 140, 0.25);
 }
 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
-  color: #70ca3a;
+  color: #81bf8c;
 }
 
 .form-check-inline .form-check-input ~ .valid-feedback {
@@ -3040,32 +3040,32 @@ textarea.form-control-lg {
 
 .btn-success {
   color: #2d2926;
-  background-color: #70ca3a;
-  border-color: #70ca3a;
+  background-color: #81bf8c;
+  border-color: #81bf8c;
 }
 .btn-success:hover {
   color: #2d2926;
-  background-color: #85d258;
-  border-color: #7ecf4e;
+  background-color: #94c99d;
+  border-color: #8ec598;
 }
 .btn-check:focus + .btn-success, .btn-success:focus {
   color: #2d2926;
-  background-color: #85d258;
-  border-color: #7ecf4e;
-  box-shadow: 0 0 0 0.25rem rgba(102, 178, 55, 0.5);
+  background-color: #94c99d;
+  border-color: #8ec598;
+  box-shadow: 0 0 0 0.25rem rgba(116, 169, 125, 0.5);
 }
 .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
   color: #2d2926;
-  background-color: #8dd561;
-  border-color: #7ecf4e;
+  background-color: #9acca3;
+  border-color: #8ec598;
 }
 .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.25rem rgba(102, 178, 55, 0.5);
+  box-shadow: 0 0 0 0.25rem rgba(116, 169, 125, 0.5);
 }
 .btn-success:disabled, .btn-success.disabled {
   color: #2d2926;
-  background-color: #70ca3a;
-  border-color: #70ca3a;
+  background-color: #81bf8c;
+  border-color: #81bf8c;
 }
 
 .btn-info {
@@ -3269,27 +3269,27 @@ textarea.form-control-lg {
 }
 
 .btn-outline-success {
-  color: #70ca3a;
-  border-color: #70ca3a;
+  color: #81bf8c;
+  border-color: #81bf8c;
 }
 .btn-outline-success:hover {
   color: #2d2926;
-  background-color: #70ca3a;
-  border-color: #70ca3a;
+  background-color: #81bf8c;
+  border-color: #81bf8c;
 }
 .btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
-  box-shadow: 0 0 0 0.25rem rgba(112, 202, 58, 0.5);
+  box-shadow: 0 0 0 0.25rem rgba(129, 191, 140, 0.5);
 }
 .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
   color: #2d2926;
-  background-color: #70ca3a;
-  border-color: #70ca3a;
+  background-color: #81bf8c;
+  border-color: #81bf8c;
 }
 .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
-  box-shadow: 0 0 0 0.25rem rgba(112, 202, 58, 0.5);
+  box-shadow: 0 0 0 0.25rem rgba(129, 191, 140, 0.5);
 }
 .btn-outline-success:disabled, .btn-outline-success.disabled {
-  color: #70ca3a;
+  color: #81bf8c;
   background-color: transparent;
 }
 
@@ -4900,12 +4900,12 @@ textarea.form-control-lg {
 }
 
 .alert-success {
-  color: #437923;
-  background-color: #e2f4d8;
-  border-color: #d4efc4;
+  color: #4d7354;
+  background-color: #e6f2e8;
+  border-color: #d9ecdd;
 }
 .alert-success .alert-link {
-  color: #36611c;
+  color: #3e5c43;
 }
 
 .alert-info {
@@ -5249,17 +5249,17 @@ textarea.form-control-lg {
 }
 
 .list-group-item-success {
-  color: #437923;
-  background-color: #e2f4d8;
+  color: #4d7354;
+  background-color: #e6f2e8;
 }
 .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
-  color: #437923;
-  background-color: #cbdcc2;
+  color: #4d7354;
+  background-color: #cfdad1;
 }
 .list-group-item-success.list-group-item-action.active {
   color: #fff;
-  background-color: #437923;
-  border-color: #437923;
+  background-color: #4d7354;
+  border-color: #4d7354;
 }
 
 .list-group-item-info {
@@ -6346,10 +6346,10 @@ textarea.form-control-lg {
 }
 
 .link-success {
-  color: #70ca3a;
+  color: #81bf8c;
 }
 .link-success:hover, .link-success:focus {
-  color: #8dd561;
+  color: #9acca3;
 }
 
 .link-info {
@@ -6786,7 +6786,7 @@ textarea.form-control-lg {
 }
 
 .border-success {
-  border-color: #70ca3a !important;
+  border-color: #81bf8c !important;
 }
 
 .border-info {
@@ -11229,6 +11229,10 @@ h4, .h4 {
   }
 }
 
+#update_button_container {
+  transition: background-color 0.25s ease-in-out;
+}
+
 .bg-corporate-1 {
   background-color: #3b5772 !important;
 }
@@ -11459,6 +11463,11 @@ h4, .h4 {
   font-size: 1.1rem;
 }
 
+#hd-top-container {
+  position: relative;
+  z-index: 1;
+}
+
 #hd-submenu-back {
   cursor: pointer;
 }
@@ -11468,6 +11477,9 @@ h4, .h4 {
   font-size: 0.7rem;
   font-weight: 400;
 }
+#hd-extranet .hd-icon {
+  margin-right: 0.5rem;
+}
 @media screen and (max-width: 992px) {
   #hd-extranet {
     display: none;
@@ -11519,6 +11531,55 @@ h4, .h4 {
   top: 5px;
 }
 
+.hd-dropdown {
+  position: relative;
+}
+
+.hd-dropdown-menu {
+  background-clip: padding-box;
+  background-color: #fff;
+  border-radius: 0.25rem;
+  border: 1px solid rgba(45, 41, 38, 0.15);
+  color: #606566;
+  display: none;
+  font-size: 0.875rem;
+  list-style: none;
+  margin: 0;
+  min-width: 10rem;
+  padding: 0.5rem 0;
+  position: absolute;
+  right: 0;
+  text-align: left;
+  z-index: 1000;
+}
+@media screen and (min-width: 992px) {
+  .hd-dropdown-menu {
+    transform: translateX(50%);
+  }
+}
+
+.hd-dropdown-header {
+  color: #606566;
+  display: block;
+  font-size: 0.765625rem;
+  margin-bottom: 0;
+  padding: 0.5rem 1rem;
+  white-space: nowrap;
+}
+
+.hd-dropdown-item {
+  background-color: transparent;
+  border: 0;
+  clear: both;
+  display: block;
+  font-weight: 300;
+  padding: 0.25rem 1rem;
+  text-align: inherit;
+  text-decoration: none;
+  white-space: nowrap;
+  width: 100%;
+}
+
 @media screen and (max-width: 992px) {
   #hd-property {
     display: none;
@@ -11549,6 +11610,13 @@ h4, .h4 {
   }
 }
 
+#hd-group-property-name .hd-icon {
+  font-size: 1rem;
+  height: 1.5rem;
+}
+#hd-group-property-name > div {
+  cursor: pointer;
+}
 @media screen and (min-width: 992px) {
   #hd-group-property-name {
     max-width: 50%;
@@ -11584,6 +11652,52 @@ h4, .h4 {
   top: 11px;
   transition: fill 0.15s ease-in-out;
 }
+#hd-property-input-container > ul {
+  background-color: white;
+  color: #3b5772;
+  font-weight: 400;
+  max-height: 360px;
+  overflow-y: scroll;
+  position: absolute;
+  width: 475px;
+  z-index: 100;
+}
+#hd-property-input-container > ul > li {
+  cursor: pointer;
+}
+#hd-property-input-container > ul > li:first-child {
+  border: none;
+}
+@media screen and (max-width: 992px) {
+  #hd-property-input-container > ul > li {
+    border-top: 1px solid rgba(59, 87, 114, 0.25);
+  }
+}
+@media screen and (min-width: 992px) {
+  #hd-property-input-container > ul {
+    display: none;
+  }
+}
+@media screen and (max-width: 992px) {
+  #hd-property-input-container > ul {
+    width: calc(100% + 30px);
+    height: calc(100vh - 106px);
+    max-height: none;
+    top: 45px;
+    left: -15px;
+    margin: 0;
+  }
+}
+#hd-property-input-container[aria-expanded=true] > ul {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  display: block;
+}
+@media screen and (min-width: 992px) {
+  #hd-property-input-container[aria-expanded=true] > input {
+    border-radius: 17.5px 17.5px 0 0;
+  }
+}
 #hd-property-input-container input {
   background-color: #3b5772;
   border: 1px solid rgba(255, 255, 255, 0.25);
@@ -11594,6 +11708,9 @@ h4, .h4 {
   padding-right: 35px;
   transition: background-color 0.15s ease-in-out;
 }
+#hd-property-input-container input:focus {
+  box-shadow: none;
+}
 #hd-property-input-container input:focus ~ .hd-icon-close {
   display: block;
 }
@@ -11605,6 +11722,7 @@ h4, .h4 {
 @media screen and (min-width: 992px) {
   #hd-property-input-container input:focus {
     background-color: #fff;
+    border: none;
     color: #3b5772;
   }
   #hd-property-input-container input:focus ~ .hd-icon-search {
@@ -11649,16 +11767,8 @@ h4, .h4 {
 #hd-nav-container {
   font-size: 0.8rem;
 }
-@media screen and (max-width: 992px) {
-  #hd-nav-container {
-    background-color: #fff;
-    color: #3b5772;
-  }
-}
-@media screen and (min-width: 992px) {
-  #hd-nav-container {
-    display: block !important;
-  }
+#hd-nav-container a {
+  color: #3b5772;
 }
 @media screen and (min-width: 992px) {
   #hd-nav-container ul.hd-nav-first-level > li.hd-nav-selected > div a, #hd-nav-container ul.hd-nav-first-level > li.hd-nav-selected > div span {
@@ -11678,6 +11788,17 @@ h4, .h4 {
 #hd-nav-container .hd-icon {
   fill: #3b5772;
 }
+@media screen and (max-width: 992px) {
+  #hd-nav-container {
+    background-color: #fff;
+    color: #3b5772;
+  }
+}
+@media screen and (min-width: 992px) {
+  #hd-nav-container {
+    display: block !important;
+  }
+}
 
 @media screen and (max-width: 992px) {
   #hd-nav-container,
@@ -11838,7 +11959,7 @@ h4, .h4 {
     display: none;
     left: 100%;
     position: absolute;
-    top: 0;
+    top: -1rem;
     width: 275px;
   }
   #hd-nav-container ul.hd-nav-third-level > li:hover ul.hd-nav-second-level,
@@ -12031,11 +12152,17 @@ h4, .h4 {
   margin-right: 2px;
   margin-bottom: 2px;
   font-size: 16px;
-  line-height: 16px img;
-  line-height-vertical-align: middle;
-  line-height-width: 16px;
-  line-height-height: 16px;
-  line-height-background: transparent url(/scripts/jquery_checkbox/check_3s.png) no-repeat;
+  line-height: 16px;
+}
+.jquery-checkbox-0 img,
+.jquery-checkbox-1 img,
+.jquery-checkbox-2 img,
+.jquery-checkbox-3 img,
+.jquery-checkbox-4 img {
+  vertical-align: middle;
+  width: 16px;
+  height: 16px;
+  background: transparent url(/scripts/jquery_checkbox/check_3s.png) no-repeat;
 }
 
 .pseudo-checkbox {
@@ -12070,22 +12197,79 @@ h4, .h4 {
   overflow-x: hidden;
 }
 
-#obm-photo {
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  min-height: 150px;
-}
 @media screen and (max-width: 576px) {
-  #obm-photo {
-    background-size: contain;
+  .staff-layout-1,
+.staff-layout-2 {
+    text-align: center;
+  }
+  .staff-layout-1 .staff-photo-container,
+.staff-layout-2 .staff-photo-container {
+    margin: 0 auto;
+    width: 180px;
   }
 }
 
-@media screen and (max-width: 576px) {
-  #obm-text {
-    text-align: center;
+@media screen and (min-width: 768px) {
+  .staff-layout-3 .staff-2,
+.staff-layout-3 .staff-3 {
+    transform: scale(0.9);
   }
 }
+@media screen and (max-width: 768px) {
+  .staff-layout-3 .staff-photo-container {
+    margin: 0 auto;
+    width: 180px;
+  }
+}
+
+.staff-card {
+  z-index: 10;
+}
+.staff-card > div {
+  border-radius: 0.5rem;
+  transition: box-shadow 0.25s ease-in-out;
+}
+.staff-card:hover > div {
+  box-shadow: 0 0.75rem 1.5rem rgba(45, 41, 38, 0.25) !important;
+}
+.staff-card:hover .staff-photo {
+  transform: scale(1.05);
+}
+
+.staff-photo-container {
+  border-radius: 0.5rem;
+  overflow: hidden;
+  position: relative;
+}
 
-/*# sourceMappingURL=ha-refresh-2022.css.map */
+.staff-photo {
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  transition: transform 0.25s ease-in-out;
+}
+
+.notifications-container {
+  z-index: 10;
+}
+
+.blog-article > a {
+  background-color: #fff;
+  transition: background-color 0.25s ease-in-out;
+}
+.blog-article img {
+  filter: grayscale(100%);
+  transition: filter 0.25s ease-in-out;
+}
+.blog-article:hover > a {
+  background-color: #45aeb1;
+  color: #fff;
+}
+.blog-article:hover img {
+  filter: grayscale(0%);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ba-js-common-header",
-  "version": "0.0.49",
+  "version": "0.0.52",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -16,11 +16,12 @@
   "dependencies": {
     "@react-spring/web": "^9.4.4",
     "@reduxjs/toolkit": "^1.8.1",
-    "ba-js-icon": "^2.0.2",
+    "ba-js-icon": "^2.1.0",
     "classnames": "^2.3.1",
     "core-js": "^3.22.5",
     "downshift": "^6.1.7",
     "jed": "^1.1.1",
+    "js-cookie": "^3.0.1",
     "lodash": "^4.17.21",
     "nanoid": "^3.3.4",
     "prop-types": "^15.8.1",