@utahdts/utah-design-system-header 0.7.0 → 0.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@utahdts/utah-design-system-header",
-  "version": "0.7.0",
+  "version": "0.9.2",
   "description": "Utah Header for the Utah Design System",
   "exports": {
     ".": {
@@ -9,7 +9,11 @@
       "production": "./dist/utah-design-system-header.es.js",
       "import": "./dist/utah-design-system-header.es.js",
       "require": "./dist/utah-design-system-header.umd.js",
-      "default": ["./dist/utah-design-system-header.es.js", "./dist/utah-design-system-header.umd.js", "./src/index.js"]
+      "default": [
+        "./dist/utah-design-system-header.es.js",
+        "./dist/utah-design-system-header.umd.js",
+        "./src/index.js"
+      ]
     },
     "./css": "./dist/style.css",
     "./src/css/index.scss": "./src/css/index.scss"
@@ -26,6 +30,8 @@
     "test-publish": "npm publish --dry-run",
     "test": "vitest",
     "testc": "vitest run --coverage",
+    "testOnce": "vitest run",
+    "testui": "vitest --ui",
     "watch": "vite build --watch"
   },
   "repository": {
@@ -38,17 +44,20 @@
   },
   "homepage": "https://github.com/utahdts/utah-design-system#readme",
   "dependencies": {
-    "@popperjs/core": "2.11.7"
+    "@popperjs/core": "2.11.8"
   },
   "devDependencies": {
-    "eslint": "8.39.0",
+    "@vitest/ui": "0.31.2",
+    "eslint": "8.41.0",
     "eslint-config-airbnb": "19.0.4",
     "eslint-plugin-import": "2.27.5",
     "eslint-plugin-jsx-a11y": "6.7.1",
+    "eslint-plugin-react-refresh": "0.4.1",
+    "jsdom": "22.1.0",
     "sass": "1.62.1",
-    "vite": "4.3.4",
+    "vite": "4.3.9",
     "vite-plugin-eslint": "1.8.1",
-    "vitest": "0.30.1"
+    "vitest": "0.31.2"
   },
   "type": "module"
 }

package/src/css/_citizen-experience.scss

@@ -1,5 +1,10 @@
-.utds-citizen-experience-wrapper {
-  display: flex;
+.utds-citizen-experience-wrapper, .utds-citizen-experience-wrapper--mobile {
   justify-content: flex-end;
   flex: 1;
 }
+.utds-citizen-experience-wrapper {
+  display: flex;
+}
+.utds-citizen-experience-wrapper--mobile {
+  display: none;
+}

package/src/css/_mobile-menu.scss

@@ -12,7 +12,8 @@
 .utah-design-system .utds-header-mobile__utah-id-wrapper,
 .utah-design-system .icon-button.main-menu__hamburger,
 .utah-design-system .utds-header-mobile__vip-action-items--left,
-.utah-design-system .utds-header-mobile__vip-action-items--right {
+.utah-design-system .utds-header-mobile__vip-action-items--right,
+.utah-design-system .main-menu__search-placeholder {
   display: none;
 }
 
@@ -29,6 +30,9 @@
     height: 100vh;
     z-index: 1000;
     background-color: transparent;
+    &.main-menu-is-removed {
+      top: auto;
+    }
   }
 
   &.is-open {

package/src/css/_official-website-popup.scss

@@ -52,5 +52,23 @@
         }
       }
     }
+    &__address-bar {
+      width: 354px;
+      height: 36px;
+      background-image: url("data:image/octet-stream;base64,UklGRuwEAABXRUJQVlA4IOAEAADwHwCdASpiASQAPqVSoE2mJKKmIlM7gMAUiWcA1omAZ5L+quAAeU57Ff7gZUsyjoIfcspskX/Z+aXerL/OS/2fif0vWQD0UdKP1F+wXwFjgsOVljuLW2Op0of2k7mtFgbg3/ZZcJvAd5EOTtRboWBEovpUwny2vEEX+EfUT6okRZuysz+szm1Zv2ll1HayxbDJTJ4XGlN7RwCEqrvjv+1hN+vJthkN/mdgcKTEsCPkxiEk2zCiCBGrs55SMMUxwXTur8OgZc7obQQYXoyybcjhChraWE3edMoQ5mjM+/Q1F3/owGxv5b4VOkJ1lglMJKwnwNNufEWQGLMZsUIbJg0HDFgQID+S5UgA/v0qp3/7/xMv9uix8D7M2q4qllrrYRJW4+Vk2FzQ6OvjNoSlmzIQt5TdcoS6JfyX3gsgBifJQFSG+qhq0otwW3YeUh7lktuXpd0BTKfM3U16RJu5fV9fsatn3GYeSrhSg1SVppTe0SOs2c7KFePeEG3o8gr8FPUXqJfIMeVuAooTfNUEcJC7259ZEDa+3iQEPAfipB+1W5U3t5XSAbctMqRkel1o/taUsXofyFduUes9cMhnAqLFgEvd/MCAc83CzpDZ7Jq2Ni0H4fC/AboElmXodtQtrv+zU+SoxYfPAYjcJbRnVoZVcJHGausRlNrDBvt4t5l13u7q2iN9khHfdI9nctsPl6fRYtM6oYgXUEKfuxj1eu4OcKQcGyUc66y9tbPLhn3AcgfJv6LEjBbDyVzgBWl64YwDg4hkdzdlJboZex80NX16KK1VXBhOcCsbhA8nKiqqrZbP5tv/Q2+JEUFSlI5QOu0X5hzWWTILs8kGa5TY5k3czcXzGMHMr4zfZesbWQ2rCrVKYkxMI0CZLs65Rbwsm+c16z/6TS+yH238KjOmpEk0CNnqgvdyT2hCdbAOwVKwfq3eEJDr0ngw/0t7u+Pf0rFDWupO3vB+wDyM65UuHVEAgPp9bVz+xNUcbwf0uxOMq+dULRNhK0PZj4L1eGbBjCyJl5zymWoDMQOsIriRx0o5PJvRbeC/n6nPLlocVSEplNS5CmDLokXz/L3nkpeS/UqMG+hBJvg5F/525IlBbPoEcenMOuh5VAZ8EyC/WDB7czaqEYGY4SVnutQ8P7NNwCrfHri5fk5PxeychK1epwUQfemEyXyK1Uj0CrXdDYfMf8P2B/Bcys9Xjn5TgXP4t7+pf+FW5XSJx6yYbSwD9wIkP7IK33W4VdADHDxC9D54bU+mdS38QRAtCODMtn1Exb0Wr635Ozcf7jf/wY6GuxQvKeYDL//lHb/feMaDRjuCjZpJ9UUZ7Kt2bzfi23x/79mD8ZhwNJ79DacDCDe36QquHJWCAnjvbvLbxoKSiLfvX/jSCpyPShK/HIJX03NuZSz7TSaTi05lzMU4R92EO5UPdze/vZzl/ipHwOvPzPEgf8GnMehXJ7afMKkkTHbjW5xxQdOEEmfzEogfU47s4c77Tec2ysr7zPpGR4bDE1vk8Sm+sOGwx4Bx9tpsTHwOZPT95801DIX1LuwfMzJg8JxR2psK5JFUrh0RRb1d7O5bqqWx6KlNn8b3ic9WcVBAVDQeUomaP9bfwcqUWPeEQQ/8xOOw46XRz995M3kQFXQ00ZP+KXUOXLMigAAAAAAAAAA=");
+      background-size: contain;
+      margin-top: var(--spacing-xs);
+    }
+    &__official-image {
+      width: 150px;
+      font-family: SourceSansPro-Regular, "Source Sans Pro", Arial, Helvetica, sans-serif;
+      font-weight: normal;
+      font-size: 14px;
+      display: block;
+      fill: white;
+    }
+    &__copyright {
+      font-size: var(--font-size-s);
+    }
   }
 }

package/src/css/_utah-header-wrapper.scss

@@ -19,3 +19,6 @@
     }
   }
 }
+.utds-header-desktop--hidden {
+  display: none !important;
+}

package/src/css/media-queries.css

@@ -8,6 +8,12 @@
 }
 
 @media screen and (max-width: media-size__tablet-portrait__PLACEHOLDER) {
+  .utds-header-desktop--hidden {
+    display: flex !important;
+  }
+  .utds-header-mobile--hidden {
+    display: none !important;
+  }
   .utds-header {
     height: 60px;
     padding: var(--spacing-xs) var(--spacing);
@@ -18,8 +24,13 @@
   .utds-citizen-experience-wrapper {
     display: none;
   }
+  .utds-citizen-experience-wrapper--mobile {
+    display: flex;
+  }
   .utah-design-system .main-menu__wrapper {
     padding: 0 var(--spacing);
+    /* The utah id button is this tall, but without it, the menu doesn't fill the space up to the mobile menu content popup */
+    min-height: 46px;
   }
   .utah-design-system .main-menu__nav {
     display: none;
@@ -30,7 +41,8 @@
   }
   .utah-design-system .icon-button.main-menu__hamburger,
   .utah-design-system .utds-header-mobile__vip-action-items--left,
-  .utah-design-system .utds-header-mobile__vip-action-items--right {
+  .utah-design-system .utds-header-mobile__vip-action-items--right,
+  .utah-design-system .main-menu__search-placeholder {
     display: flex;
   }