@internetarchive/ia-topnav 1.3.9 → 1.3.10-webdev-7394.0

package/dist/src/styles/media-menu.js

@@ -0,0 +1,66 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    outline: none;
+  }
+
+  .media-menu-inner {
+    z-index: -1;
+    top: -40rem;
+    background-color: var(--mediaMenuBg);
+    margin: 0;
+    overflow: hidden;
+    transition-duration: 0.2s;
+    transition-property: top;
+    transition-timing-function: ease;
+  }
+
+  .menu-group {
+    position: relative;
+    line-height: normal;
+  }
+
+  /* Mobile view styles */
+  @media (max-width: 889px) {
+    .media-menu-inner {
+      position: absolute;
+      width: 100%;
+    }
+
+    .open .media-menu-inner {
+      top: 0;
+    }
+
+    .overflow-clip {
+      position: absolute;
+      z-index: -1; /** needs to be under the navigation, otherwise it intercepts clicks */
+      top: 4rem;
+      left: 0;
+      height: 0;
+      width: 100%;
+      overflow: hidden;
+      transition-duration: 0.2s;
+      transition-property: height;
+    }
+
+    .open .overflow-clip {
+      height: 40rem;
+    }
+  }
+
+  /* Desktop view styles */
+  @media (min-width: 890px) {
+    .media-menu-inner {
+      display: block;
+      position: static;
+      width: auto;
+      height: 5rem;
+      transition-property: none;
+    }
+
+    .menu-group {
+      font-size: 0;
+    }
+  }
+`;
+//# sourceMappingURL=media-menu.js.map

package/dist/src/styles/media-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-menu.js","sourceRoot":"","sources":["../../../src/styles/media-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+DjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  :host {\n    outline: none;\n  }\n\n  .media-menu-inner {\n    z-index: -1;\n    top: -40rem;\n    background-color: var(--mediaMenuBg);\n    margin: 0;\n    overflow: hidden;\n    transition-duration: 0.2s;\n    transition-property: top;\n    transition-timing-function: ease;\n  }\n\n  .menu-group {\n    position: relative;\n    line-height: normal;\n  }\n\n  /* Mobile view styles */\n  @media (max-width: 889px) {\n    .media-menu-inner {\n      position: absolute;\n      width: 100%;\n    }\n\n    .open .media-menu-inner {\n      top: 0;\n    }\n\n    .overflow-clip {\n      position: absolute;\n      z-index: -1; /** needs to be under the navigation, otherwise it intercepts clicks */\n      top: 4rem;\n      left: 0;\n      height: 0;\n      width: 100%;\n      overflow: hidden;\n      transition-duration: 0.2s;\n      transition-property: height;\n    }\n\n    .open .overflow-clip {\n      height: 40rem;\n    }\n  }\n\n  /* Desktop view styles */\n  @media (min-width: 890px) {\n    .media-menu-inner {\n      display: block;\n      position: static;\n      width: auto;\n      height: 5rem;\n      transition-property: none;\n    }\n\n    .menu-group {\n      font-size: 0;\n    }\n  }\n`;\n"]}

package/dist/src/styles/media-slider.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/src/styles/media-slider.js

@@ -0,0 +1,81 @@
+import { css } from 'lit';
+export default css `
+  .media-slider-container {
+    position: relative;
+  }
+
+  .overflow-clip {
+    display: none;
+    position: absolute;
+    top: 3rem;
+    right: 0;
+    left: 0;
+    height: 0;
+    overflow: hidden;
+    transition: height 0.2s ease;
+  }
+
+  .information-menu {
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+    padding: 0;
+    height: 31.9rem;
+    overflow-x: hidden;
+    font-size: 1.4rem;
+    background: var(--mediaSliderBg);
+  }
+
+  .open {
+    display: block;
+  }
+
+  .hidden {
+    display: none;
+  }
+
+  .info-box {
+    padding: 1rem;
+  }
+
+  @media (max-width: 889px) {
+    .overflow-clip.open {
+      display: block;
+      height: 35.8rem;
+      left: 4rem;
+      top: 0;
+    }
+  }
+
+  @media (min-width: 890px) {
+    .overflow-clip {
+      display: block;
+    }
+
+    .information-menu {
+      left: 0;
+      z-index: 3;
+      height: auto;
+      min-height: 21rem;
+      background: var(--mediaSliderDesktopBg);
+      transform: translate(0, -100%);
+      transition: transform 0.2s ease;
+    }
+
+    .overflow-clip.open {
+      height: 22rem;
+    }
+
+    .information-menu.open {
+      transform: translate(0, 0);
+    }
+
+    .info-box {
+      max-width: 100rem;
+      padding: 1.5rem 0;
+      margin: 0 auto;
+    }
+  }
+`;
+//# sourceMappingURL=media-slider.js.map

package/dist/src/styles/media-slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-slider.js","sourceRoot":"","sources":["../../../src/styles/media-slider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  .media-slider-container {\n    position: relative;\n  }\n\n  .overflow-clip {\n    display: none;\n    position: absolute;\n    top: 3rem;\n    right: 0;\n    left: 0;\n    height: 0;\n    overflow: hidden;\n    transition: height 0.2s ease;\n  }\n\n  .information-menu {\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0;\n    padding: 0;\n    height: 31.9rem;\n    overflow-x: hidden;\n    font-size: 1.4rem;\n    background: var(--mediaSliderBg);\n  }\n\n  .open {\n    display: block;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  .info-box {\n    padding: 1rem;\n  }\n\n  @media (max-width: 889px) {\n    .overflow-clip.open {\n      display: block;\n      height: 35.8rem;\n      left: 4rem;\n      top: 0;\n    }\n  }\n\n  @media (min-width: 890px) {\n    .overflow-clip {\n      display: block;\n    }\n\n    .information-menu {\n      left: 0;\n      z-index: 3;\n      height: auto;\n      min-height: 21rem;\n      background: var(--mediaSliderDesktopBg);\n      transform: translate(0, -100%);\n      transition: transform 0.2s ease;\n    }\n\n    .overflow-clip.open {\n      height: 22rem;\n    }\n\n    .information-menu.open {\n      transform: translate(0, 0);\n    }\n\n    .info-box {\n      max-width: 100rem;\n      padding: 1.5rem 0;\n      margin: 0 auto;\n    }\n  }\n`;\n"]}

package/dist/src/styles/media-subnav.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult[];
+export default _default;

package/dist/src/styles/media-subnav.js

@@ -0,0 +1,159 @@
+import { css } from 'lit';
+import { subnavListCSS } from './base';
+export default [
+    subnavListCSS,
+    css `
+    img {
+      display: block;
+      width: 90px;
+      height: 90px;
+      margin: 0 auto 1rem auto;
+      border-radius: 45px;
+    }
+
+    h3 {
+      margin-top: 0;
+      font-size: 1.8rem;
+    }
+
+    .icon-links {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-pack: space-evenly;
+      -ms-flex-pack: space-evenly;
+      justify-content: space-evenly;
+      text-align: center;
+    }
+
+    .icon-links a {
+      display: inline-block;
+      width: 12rem;
+      margin-bottom: 1.5rem;
+      overflow: hidden;
+      white-space: nowrap;
+      text-align: center;
+      text-overflow: ellipsis;
+    }
+
+    .icon-links a + a {
+      margin-left: 2rem;
+    }
+
+    .featured h4 {
+      display: none;
+    }
+
+    @media (min-width: 890px) {
+      :host {
+        display: -ms-grid;
+        display: grid;
+        -ms-grid-columns: 40% 20% 40%;
+        grid-template-columns: 40% 20% 40%;
+      }
+
+      .wayback-search {
+        -ms-grid-column: 1;
+        -ms-grid-column-span: 3;
+        grid-column: 1 / 4;
+      }
+
+      h3 {
+        display: none;
+      }
+
+      .icon-links {
+        -ms-grid-column: 1;
+      }
+
+      .icon-links a {
+        padding-top: 3.5rem;
+        max-width: 16rem;
+      }
+
+      .links {
+        padding: 0 1.5rem;
+      }
+
+      .featured {
+        -ms-grid-column: 2;
+      }
+
+      .featured h4 {
+        display: block;
+      }
+
+      .top {
+        -ms-grid-column: 3;
+      }
+
+      .top ul {
+        display: -ms-grid;
+        display: grid;
+        -ms-grid-columns: 50% 3rem 50%;
+        grid-template-columns: 50% 50%;
+        -ms-grid-rows: (auto) [7];
+        grid-template-rows: repeat(7, auto);
+        grid-column-gap: 3rem;
+        grid-auto-flow: column;
+      }
+      .top ul > *:nth-child(1) {
+        -ms-grid-row: 1;
+        -ms-grid-column: 1;
+      }
+      .top ul > *:nth-child(2) {
+        -ms-grid-row: 2;
+        -ms-grid-column: 1;
+      }
+      .top ul > *:nth-child(3) {
+        -ms-grid-row: 3;
+        -ms-grid-column: 1;
+      }
+      .top ul > *:nth-child(4) {
+        -ms-grid-row: 4;
+        -ms-grid-column: 1;
+      }
+      .top ul > *:nth-child(5) {
+        -ms-grid-row: 5;
+        -ms-grid-column: 1;
+      }
+      .top ul > *:nth-child(6) {
+        -ms-grid-row: 6;
+        -ms-grid-column: 1;
+      }
+      .top ul > *:nth-child(7) {
+        -ms-grid-row: 7;
+        -ms-grid-column: 1;
+      }
+      .top ul > *:nth-child(8) {
+        -ms-grid-row: 1;
+        -ms-grid-column: 3;
+      }
+      .top ul > *:nth-child(9) {
+        -ms-grid-row: 2;
+        -ms-grid-column: 3;
+      }
+      .top ul > *:nth-child(10) {
+        -ms-grid-row: 3;
+        -ms-grid-column: 3;
+      }
+      .top ul > *:nth-child(11) {
+        -ms-grid-row: 4;
+        -ms-grid-column: 3;
+      }
+      .top ul > *:nth-child(12) {
+        -ms-grid-row: 5;
+        -ms-grid-column: 3;
+      }
+      .top ul > *:nth-child(13) {
+        -ms-grid-row: 6;
+        -ms-grid-column: 3;
+      }
+      .top ul > *:nth-child(14) {
+        -ms-grid-row: 7;
+        -ms-grid-column: 3;
+      }
+    }
+  `,
+];
+//# sourceMappingURL=media-subnav.js.map

package/dist/src/styles/media-subnav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-subnav.js","sourceRoot":"","sources":["../../../src/styles/media-subnav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEvC,eAAe;IACb,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwJF;CACF,CAAC","sourcesContent":["import { css } from 'lit';\nimport { subnavListCSS } from './base';\n\nexport default [\n  subnavListCSS,\n  css`\n    img {\n      display: block;\n      width: 90px;\n      height: 90px;\n      margin: 0 auto 1rem auto;\n      border-radius: 45px;\n    }\n\n    h3 {\n      margin-top: 0;\n      font-size: 1.8rem;\n    }\n\n    .icon-links {\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-pack: space-evenly;\n      -ms-flex-pack: space-evenly;\n      justify-content: space-evenly;\n      text-align: center;\n    }\n\n    .icon-links a {\n      display: inline-block;\n      width: 12rem;\n      margin-bottom: 1.5rem;\n      overflow: hidden;\n      white-space: nowrap;\n      text-align: center;\n      text-overflow: ellipsis;\n    }\n\n    .icon-links a + a {\n      margin-left: 2rem;\n    }\n\n    .featured h4 {\n      display: none;\n    }\n\n    @media (min-width: 890px) {\n      :host {\n        display: -ms-grid;\n        display: grid;\n        -ms-grid-columns: 40% 20% 40%;\n        grid-template-columns: 40% 20% 40%;\n      }\n\n      .wayback-search {\n        -ms-grid-column: 1;\n        -ms-grid-column-span: 3;\n        grid-column: 1 / 4;\n      }\n\n      h3 {\n        display: none;\n      }\n\n      .icon-links {\n        -ms-grid-column: 1;\n      }\n\n      .icon-links a {\n        padding-top: 3.5rem;\n        max-width: 16rem;\n      }\n\n      .links {\n        padding: 0 1.5rem;\n      }\n\n      .featured {\n        -ms-grid-column: 2;\n      }\n\n      .featured h4 {\n        display: block;\n      }\n\n      .top {\n        -ms-grid-column: 3;\n      }\n\n      .top ul {\n        display: -ms-grid;\n        display: grid;\n        -ms-grid-columns: 50% 3rem 50%;\n        grid-template-columns: 50% 50%;\n        -ms-grid-rows: (auto) [7];\n        grid-template-rows: repeat(7, auto);\n        grid-column-gap: 3rem;\n        grid-auto-flow: column;\n      }\n      .top ul > *:nth-child(1) {\n        -ms-grid-row: 1;\n        -ms-grid-column: 1;\n      }\n      .top ul > *:nth-child(2) {\n        -ms-grid-row: 2;\n        -ms-grid-column: 1;\n      }\n      .top ul > *:nth-child(3) {\n        -ms-grid-row: 3;\n        -ms-grid-column: 1;\n      }\n      .top ul > *:nth-child(4) {\n        -ms-grid-row: 4;\n        -ms-grid-column: 1;\n      }\n      .top ul > *:nth-child(5) {\n        -ms-grid-row: 5;\n        -ms-grid-column: 1;\n      }\n      .top ul > *:nth-child(6) {\n        -ms-grid-row: 6;\n        -ms-grid-column: 1;\n      }\n      .top ul > *:nth-child(7) {\n        -ms-grid-row: 7;\n        -ms-grid-column: 1;\n      }\n      .top ul > *:nth-child(8) {\n        -ms-grid-row: 1;\n        -ms-grid-column: 3;\n      }\n      .top ul > *:nth-child(9) {\n        -ms-grid-row: 2;\n        -ms-grid-column: 3;\n      }\n      .top ul > *:nth-child(10) {\n        -ms-grid-row: 3;\n        -ms-grid-column: 3;\n      }\n      .top ul > *:nth-child(11) {\n        -ms-grid-row: 4;\n        -ms-grid-column: 3;\n      }\n      .top ul > *:nth-child(12) {\n        -ms-grid-row: 5;\n        -ms-grid-column: 3;\n      }\n      .top ul > *:nth-child(13) {\n        -ms-grid-row: 6;\n        -ms-grid-column: 3;\n      }\n      .top ul > *:nth-child(14) {\n        -ms-grid-row: 7;\n        -ms-grid-column: 3;\n      }\n    }\n  `,\n];\n"]}

package/dist/src/styles/more-slider.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/src/styles/more-slider.js

@@ -0,0 +1,15 @@
+import { css } from 'lit';
+export default css `
+  ul {
+    padding: 0;
+    margin: -1rem 0 0 0;
+    list-style: none;
+  }
+  a {
+    display: block;
+    padding: 1rem 0;
+    text-decoration: none;
+    color: var(--activeColor);
+  }
+`;
+//# sourceMappingURL=more-slider.js.map

package/dist/src/styles/more-slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"more-slider.js","sourceRoot":"","sources":["../../../src/styles/more-slider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;CAYjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  ul {\n    padding: 0;\n    margin: -1rem 0 0 0;\n    list-style: none;\n  }\n  a {\n    display: block;\n    padding: 1rem 0;\n    text-decoration: none;\n    color: var(--activeColor);\n  }\n`;\n"]}

package/dist/src/styles/nav-search.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/src/styles/nav-search.js

@@ -0,0 +1,136 @@
+import { css } from 'lit';
+export default css `
+  input[type='text'] {
+    color: var(--grey13);
+  }
+
+  input:focus {
+    outline: none;
+  }
+  button {
+    background: none;
+    color: inherit;
+    border: none;
+    font: inherit;
+    cursor: pointer;
+  }
+  button:focus {
+    outline: none;
+  }
+  .search {
+    padding-top: 0;
+    margin-right: 0.5rem;
+  }
+  .search svg {
+    position: relative;
+    fill: var(--activeSearchColor);
+  }
+  .search-activated {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    position: absolute;
+    top: 0;
+    right: 4rem;
+    bottom: 0;
+    left: 4rem;
+    z-index: 3;
+    padding: 0.5rem 0.2rem;
+    border-radius: 1rem 1rem 0 0;
+    background: var(--searchActiveBg);
+  }
+  .search-inactive {
+    display: none;
+  }
+  .search-activated .highlight,
+  .search-activated .search {
+    background: var(--searchActiveInputBg);
+    border-radius: 0.5rem;
+  }
+  .search-activated .highlight {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    width: 100%;
+    margin: 0 0.5rem;
+  }
+  .search-activated .search {
+    height: 100%;
+    padding: 0;
+    margin-right: 0;
+    -ms-flex-item-align: center;
+    -ms-grid-row-align: center;
+    align-self: center;
+  }
+  .search-activated .search svg {
+    height: 3rem;
+    width: 3rem;
+  }
+  .search-activated .search-field {
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+    padding-left: 1rem;
+    border-radius: 0.5rem;
+    border: none;
+    font-size: 1.6rem;
+    text-align: center;
+  }
+  .search-activated .search-field:focus {
+    outline: none;
+  }
+  @keyframes fade-in {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+  .fade-in {
+    animation: fade-in 0.2s forwards;
+  }
+
+  @media (min-width: 890px) {
+    .search svg {
+      display: inline;
+      width: 2.8rem;
+      height: 2.8rem;
+      vertical-align: -14px;
+    }
+    .search path {
+      fill: var(--desktopSearchIconFill);
+    }
+
+    .search-inactive,
+    .search-activated {
+      display: block;
+      position: static;
+      padding: 1.1rem 0.2rem;
+      background: transparent;
+    }
+
+    .search-activated .highlight {
+      width: 13rem;
+      height: 2.8rem;
+      -webkit-box-orient: horizontal;
+      -webkit-box-direction: reverse;
+      -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+    }
+
+    .search-activated .search-field {
+      width: calc(100% - 28px);
+      height: 100%;
+      padding-left: 0;
+      font-size: 1.4rem;
+      text-align: left;
+    }
+
+    .search-activated .search svg {
+      width: 2.8rem;
+      height: 2.8rem;
+    }
+  }
+`;
+//# sourceMappingURL=nav-search.js.map

package/dist/src/styles/nav-search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-search.js","sourceRoot":"","sources":["../../../src/styles/nav-search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqIjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  input[type='text'] {\n    color: var(--grey13);\n  }\n\n  input:focus {\n    outline: none;\n  }\n  button {\n    background: none;\n    color: inherit;\n    border: none;\n    font: inherit;\n    cursor: pointer;\n  }\n  button:focus {\n    outline: none;\n  }\n  .search {\n    padding-top: 0;\n    margin-right: 0.5rem;\n  }\n  .search svg {\n    position: relative;\n    fill: var(--activeSearchColor);\n  }\n  .search-activated {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    position: absolute;\n    top: 0;\n    right: 4rem;\n    bottom: 0;\n    left: 4rem;\n    z-index: 3;\n    padding: 0.5rem 0.2rem;\n    border-radius: 1rem 1rem 0 0;\n    background: var(--searchActiveBg);\n  }\n  .search-inactive {\n    display: none;\n  }\n  .search-activated .highlight,\n  .search-activated .search {\n    background: var(--searchActiveInputBg);\n    border-radius: 0.5rem;\n  }\n  .search-activated .highlight {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    width: 100%;\n    margin: 0 0.5rem;\n  }\n  .search-activated .search {\n    height: 100%;\n    padding: 0;\n    margin-right: 0;\n    -ms-flex-item-align: center;\n    -ms-grid-row-align: center;\n    align-self: center;\n  }\n  .search-activated .search svg {\n    height: 3rem;\n    width: 3rem;\n  }\n  .search-activated .search-field {\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding-left: 1rem;\n    border-radius: 0.5rem;\n    border: none;\n    font-size: 1.6rem;\n    text-align: center;\n  }\n  .search-activated .search-field:focus {\n    outline: none;\n  }\n  @keyframes fade-in {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n  .fade-in {\n    animation: fade-in 0.2s forwards;\n  }\n\n  @media (min-width: 890px) {\n    .search svg {\n      display: inline;\n      width: 2.8rem;\n      height: 2.8rem;\n      vertical-align: -14px;\n    }\n    .search path {\n      fill: var(--desktopSearchIconFill);\n    }\n\n    .search-inactive,\n    .search-activated {\n      display: block;\n      position: static;\n      padding: 1.1rem 0.2rem;\n      background: transparent;\n    }\n\n    .search-activated .highlight {\n      width: 13rem;\n      height: 2.8rem;\n      -webkit-box-orient: horizontal;\n      -webkit-box-direction: reverse;\n      -ms-flex-direction: row-reverse;\n      flex-direction: row-reverse;\n    }\n\n    .search-activated .search-field {\n      width: calc(100% - 28px);\n      height: 100%;\n      padding-left: 0;\n      font-size: 1.4rem;\n      text-align: left;\n    }\n\n    .search-activated .search svg {\n      width: 2.8rem;\n      height: 2.8rem;\n    }\n  }\n`;\n"]}

package/dist/src/styles/primary-nav.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;