@internetarchive/ia-topnav 2.1.0-alpha-webdev8170.0 → 2.1.0

package/dist/src/styles/login-button.js

@@ -1,91 +1,91 @@
 import { css } from 'lit';
 import { TOPNAV_MOBILE_BREAKPOINT } from '../models';
-export default css `
-  .logged-out-menu {
-    background: inherit;
-    border: none;
-  }
-  .logged-out-menu:focus-visible {
-    outline: none;
-    border: none;
-  }
-  .dropdown-toggle {
-    display: block;
-    text-transform: uppercase;
-    color: var(--grey80);
-    cursor: pointer;
-  }
-
-  .dropdown-toggle svg {
-    height: 100%;
-    width: 4rem;
-  }
-
-  .dropdown-toggle .fill-color {
-    fill: var(--iconFill);
-  }
-
-  .dropdown-toggle:active .fill-color,
-  .dropdown-toggle:focus .fill-color,
-  .dropdown-toggle:hover .fill-color {
-    fill: var(--linkHoverColor);
-  }
-
-  .active {
-    border-radius: 1rem 1rem 0 0;
-    background: var(--activeButtonBg);
-  }
-
-  .active .fill-color {
-    fill: var(--activeColor);
-  }
-
-  span {
-    display: none;
-    font-size: 1.4rem;
-    text-transform: uppercase;
-    color: var(--loginTextColor);
-  }
-
-  span a {
-    color: inherit;
-    text-decoration: none;
-    outline: 0;
-  }
-
-  a:hover,
-  a:active,
-  a:focus {
-    color: var(--linkHoverColor) !important;
-    outline: none !important;
-    outline-offset: inherit !important;
-  }
-
-  @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {
-    .logged-out-toolbar {
-      padding: 1rem 0.5rem;
-      vertical-align: middle;
-    }
-
-    .active {
-      background: transparent;
-    }
-
-    .dropdown-toggle {
-      display: inline-block;
-      vertical-align: middle;
-    }
-
-    .dropdown-toggle svg {
-      height: 3rem;
-      width: 3rem;
-      display: block;
-    }
-
-    span {
-      display: inline;
-      vertical-align: middle;
-    }
-  }
+export default css `
+  .logged-out-menu {
+    background: inherit;
+    border: none;
+  }
+  .logged-out-menu:focus-visible {
+    outline: none;
+    border: none;
+  }
+  .dropdown-toggle {
+    display: block;
+    text-transform: uppercase;
+    color: var(--grey80);
+    cursor: pointer;
+  }
+
+  .dropdown-toggle svg {
+    height: 100%;
+    width: 4rem;
+  }
+
+  .dropdown-toggle .fill-color {
+    fill: var(--iconFill);
+  }
+
+  .dropdown-toggle:active .fill-color,
+  .dropdown-toggle:focus .fill-color,
+  .dropdown-toggle:hover .fill-color {
+    fill: var(--linkHoverColor);
+  }
+
+  .active {
+    border-radius: 1rem 1rem 0 0;
+    background: var(--activeButtonBg);
+  }
+
+  .active .fill-color {
+    fill: var(--activeColor);
+  }
+
+  span {
+    display: none;
+    font-size: 1.4rem;
+    text-transform: uppercase;
+    color: var(--loginTextColor);
+  }
+
+  span a {
+    color: inherit;
+    text-decoration: none;
+    outline: 0;
+  }
+
+  a:hover,
+  a:active,
+  a:focus {
+    color: var(--linkHoverColor) !important;
+    outline: none !important;
+    outline-offset: inherit !important;
+  }
+
+  @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {
+    .logged-out-toolbar {
+      padding: 1rem 0.5rem;
+      vertical-align: middle;
+    }
+
+    .active {
+      background: transparent;
+    }
+
+    .dropdown-toggle {
+      display: inline-block;
+      vertical-align: middle;
+    }
+
+    .dropdown-toggle svg {
+      height: 3rem;
+      width: 3rem;
+      display: block;
+    }
+
+    span {
+      display: inline;
+      vertical-align: middle;
+    }
+  }
 `;
 //# sourceMappingURL=login-button.js.map

package/dist/src/styles/login-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"login-button.js","sourceRoot":"","sources":["../../../src/styles/login-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAErD,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA6DK,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B9C,CAAC","sourcesContent":["import { css } from 'lit';\nimport { TOPNAV_MOBILE_BREAKPOINT } from '../models';\n\nexport default css`\n  .logged-out-menu {\n    background: inherit;\n    border: none;\n  }\n  .logged-out-menu:focus-visible {\n    outline: none;\n    border: none;\n  }\n  .dropdown-toggle {\n    display: block;\n    text-transform: uppercase;\n    color: var(--grey80);\n    cursor: pointer;\n  }\n\n  .dropdown-toggle svg {\n    height: 100%;\n    width: 4rem;\n  }\n\n  .dropdown-toggle .fill-color {\n    fill: var(--iconFill);\n  }\n\n  .dropdown-toggle:active .fill-color,\n  .dropdown-toggle:focus .fill-color,\n  .dropdown-toggle:hover .fill-color {\n    fill: var(--linkHoverColor);\n  }\n\n  .active {\n    border-radius: 1rem 1rem 0 0;\n    background: var(--activeButtonBg);\n  }\n\n  .active .fill-color {\n    fill: var(--activeColor);\n  }\n\n  span {\n    display: none;\n    font-size: 1.4rem;\n    text-transform: uppercase;\n    color: var(--loginTextColor);\n  }\n\n  span a {\n    color: inherit;\n    text-decoration: none;\n    outline: 0;\n  }\n\n  a:hover,\n  a:active,\n  a:focus {\n    color: var(--linkHoverColor) !important;\n    outline: none !important;\n    outline-offset: inherit !important;\n  }\n\n  @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {\n    .logged-out-toolbar {\n      padding: 1rem 0.5rem;\n      vertical-align: middle;\n    }\n\n    .active {\n      background: transparent;\n    }\n\n    .dropdown-toggle {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    .dropdown-toggle svg {\n      height: 3rem;\n      width: 3rem;\n      display: block;\n    }\n\n    span {\n      display: inline;\n      vertical-align: middle;\n    }\n  }\n`;\n"]}
+{"version":3,"file":"login-button.js","sourceRoot":"","sources":["../../../src/styles/login-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAErD,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA6DK,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B9C,CAAC","sourcesContent":["import { css } from 'lit';\r\nimport { TOPNAV_MOBILE_BREAKPOINT } from '../models';\r\n\r\nexport default css`\r\n  .logged-out-menu {\r\n    background: inherit;\r\n    border: none;\r\n  }\r\n  .logged-out-menu:focus-visible {\r\n    outline: none;\r\n    border: none;\r\n  }\r\n  .dropdown-toggle {\r\n    display: block;\r\n    text-transform: uppercase;\r\n    color: var(--grey80);\r\n    cursor: pointer;\r\n  }\r\n\r\n  .dropdown-toggle svg {\r\n    height: 100%;\r\n    width: 4rem;\r\n  }\r\n\r\n  .dropdown-toggle .fill-color {\r\n    fill: var(--iconFill);\r\n  }\r\n\r\n  .dropdown-toggle:active .fill-color,\r\n  .dropdown-toggle:focus .fill-color,\r\n  .dropdown-toggle:hover .fill-color {\r\n    fill: var(--linkHoverColor);\r\n  }\r\n\r\n  .active {\r\n    border-radius: 1rem 1rem 0 0;\r\n    background: var(--activeButtonBg);\r\n  }\r\n\r\n  .active .fill-color {\r\n    fill: var(--activeColor);\r\n  }\r\n\r\n  span {\r\n    display: none;\r\n    font-size: 1.4rem;\r\n    text-transform: uppercase;\r\n    color: var(--loginTextColor);\r\n  }\r\n\r\n  span a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n    outline: 0;\r\n  }\r\n\r\n  a:hover,\r\n  a:active,\r\n  a:focus {\r\n    color: var(--linkHoverColor) !important;\r\n    outline: none !important;\r\n    outline-offset: inherit !important;\r\n  }\r\n\r\n  @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {\r\n    .logged-out-toolbar {\r\n      padding: 1rem 0.5rem;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    .active {\r\n      background: transparent;\r\n    }\r\n\r\n    .dropdown-toggle {\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    .dropdown-toggle svg {\r\n      height: 3rem;\r\n      width: 3rem;\r\n      display: block;\r\n    }\r\n\r\n    span {\r\n      display: inline;\r\n      vertical-align: middle;\r\n    }\r\n  }\r\n`;\r\n"]}

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

@@ -1,157 +1,157 @@
 import { css } from 'lit';
 import { TOPNAV_MOBILE_BREAKPOINT } from '../models';
-export default css `
-  a {
-    display: inline-block;
-    text-decoration: none;
-  }
-
-  .menu-item {
-    display: inline-block;
-    width: 100%;
-    padding: 0;
-    font-size: 1.6rem;
-    text-align: left;
-    background: transparent;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-  }
-
-  .menu-item:focus {
-    outline: none;
-  }
-
-  .label {
-    display: inline-block;
-    padding: 0;
-    font-weight: 400;
-    color: var(--primaryTextColor);
-    text-align: left;
-    vertical-align: middle;
-  }
-
-  .menu-item > .icon {
-    display: inline-flex;
-    vertical-align: middle;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-  }
-
-  .menu-item > .icon > svg {
-    height: 4rem;
-    width: 4rem;
-  }
-
-  .menu-item.selected .icon {
-    background-color: var(--activeButtonBg);
-    border-radius: 1rem 0 0 1rem;
-  }
-
-  .icon .fill-color {
-    fill: #999;
-  }
-
-  .icon.active .fill-color {
-    fill: #fff;
-  }
-
-  .donate .fill-color {
-    fill: #f00;
-  }
-
-  @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {
-    .menu-item {
-      width: auto;
-      height: 5rem;
-      color: var(--mediaLabelDesktopColor);
-      display: inline-flex;
-    }
-    .menu-item:hover,
-    .menu-item:active,
-    .menu-item:focus {
-      color: var(--linkHoverColor);
-    }
-
-    .menu-item:hover .fill-color,
-    .menu-item:active .fill-color,
-    .menu-item:focus .fill-color {
-      fill: var(--linkHoverColor);
-    }
-
-    .label {
-      display: none;
-    }
-
-    .label,
-    .web:after {
-      padding-right: 1rem;
-      font-size: 1.3rem;
-      text-transform: uppercase;
-      color: inherit;
-    }
-
-    .web:after {
-      display: none;
-      content: 'web';
-    }
-    .donate,
-    .more {
-      display: none;
-    }
-
-    .menu-item.selected {
-      background: var(--activeDesktopMenuIcon);
-    }
-
-    .menu-item.selected .label,
-    .menu-item.selected.web:after {
-      color: var(--linkHoverColor);
-    }
-
-    .menu-item.selected .icon {
-      background: transparent;
-    }
-
-    /* selected state icon colors */
-    .web.selected .fill-color {
-      fill: #ffcd27;
-    }
-
-    .texts.selected .fill-color {
-      fill: #faab3c;
-    }
-
-    .video.selected .fill-color {
-      fill: #f1644b;
-    }
-
-    .audio.selected .fill-color {
-      fill: #00adef;
-    }
-
-    .software.selected .fill-color {
-      fill: #9ecc4f;
-    }
-
-    .images.selected .fill-color {
-      fill: #aa99c9;
-    }
-  }
-
-  @media (min-width: 1200px) {
-    .label,
-    .web:after {
-      display: inline;
-    }
-
-    .web .label {
-      display: none;
-    }
-  }
+export default css `
+  a {
+    display: inline-block;
+    text-decoration: none;
+  }
+
+  .menu-item {
+    display: inline-block;
+    width: 100%;
+    padding: 0;
+    font-size: 1.6rem;
+    text-align: left;
+    background: transparent;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+
+  .menu-item:focus {
+    outline: none;
+  }
+
+  .label {
+    display: inline-block;
+    padding: 0;
+    font-weight: 400;
+    color: var(--primaryTextColor);
+    text-align: left;
+    vertical-align: middle;
+  }
+
+  .menu-item > .icon {
+    display: inline-flex;
+    vertical-align: middle;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+  }
+
+  .menu-item > .icon > svg {
+    height: 4rem;
+    width: 4rem;
+  }
+
+  .menu-item.selected .icon {
+    background-color: var(--activeButtonBg);
+    border-radius: 1rem 0 0 1rem;
+  }
+
+  .icon .fill-color {
+    fill: #999;
+  }
+
+  .icon.active .fill-color {
+    fill: #fff;
+  }
+
+  .donate .fill-color {
+    fill: #f00;
+  }
+
+  @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {
+    .menu-item {
+      width: auto;
+      height: 5rem;
+      color: var(--mediaLabelDesktopColor);
+      display: inline-flex;
+    }
+    .menu-item:hover,
+    .menu-item:active,
+    .menu-item:focus {
+      color: var(--linkHoverColor);
+    }
+
+    .menu-item:hover .fill-color,
+    .menu-item:active .fill-color,
+    .menu-item:focus .fill-color {
+      fill: var(--linkHoverColor);
+    }
+
+    .label {
+      display: none;
+    }
+
+    .label,
+    .web:after {
+      padding-right: 1rem;
+      font-size: 1.3rem;
+      text-transform: uppercase;
+      color: inherit;
+    }
+
+    .web:after {
+      display: none;
+      content: 'web';
+    }
+    .donate,
+    .more {
+      display: none;
+    }
+
+    .menu-item.selected {
+      background: var(--activeDesktopMenuIcon);
+    }
+
+    .menu-item.selected .label,
+    .menu-item.selected.web:after {
+      color: var(--linkHoverColor);
+    }
+
+    .menu-item.selected .icon {
+      background: transparent;
+    }
+
+    /* selected state icon colors */
+    .web.selected .fill-color {
+      fill: #ffcd27;
+    }
+
+    .texts.selected .fill-color {
+      fill: #faab3c;
+    }
+
+    .video.selected .fill-color {
+      fill: #f1644b;
+    }
+
+    .audio.selected .fill-color {
+      fill: #00adef;
+    }
+
+    .software.selected .fill-color {
+      fill: #9ecc4f;
+    }
+
+    .images.selected .fill-color {
+      fill: #aa99c9;
+    }
+  }
+
+  @media (min-width: 1200px) {
+    .label,
+    .web:after {
+      display: inline;
+    }
+
+    .web .label {
+      display: none;
+    }
+  }
 `;
 //# sourceMappingURL=media-button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"media-button.js","sourceRoot":"","sources":["../../../src/styles/media-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAErD,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAgEK,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyF9C,CAAC","sourcesContent":["import { css } from 'lit';\nimport { TOPNAV_MOBILE_BREAKPOINT } from '../models';\n\nexport default css`\n  a {\n    display: inline-block;\n    text-decoration: none;\n  }\n\n  .menu-item {\n    display: inline-block;\n    width: 100%;\n    padding: 0;\n    font-size: 1.6rem;\n    text-align: left;\n    background: transparent;\n    -webkit-box-align: center;\n    -ms-flex-align: center;\n    align-items: center;\n  }\n\n  .menu-item:focus {\n    outline: none;\n  }\n\n  .label {\n    display: inline-block;\n    padding: 0;\n    font-weight: 400;\n    color: var(--primaryTextColor);\n    text-align: left;\n    vertical-align: middle;\n  }\n\n  .menu-item > .icon {\n    display: inline-flex;\n    vertical-align: middle;\n    -webkit-box-align: center;\n    -ms-flex-align: center;\n    align-items: center;\n    -webkit-box-pack: center;\n    -ms-flex-pack: center;\n    justify-content: center;\n  }\n\n  .menu-item > .icon > svg {\n    height: 4rem;\n    width: 4rem;\n  }\n\n  .menu-item.selected .icon {\n    background-color: var(--activeButtonBg);\n    border-radius: 1rem 0 0 1rem;\n  }\n\n  .icon .fill-color {\n    fill: #999;\n  }\n\n  .icon.active .fill-color {\n    fill: #fff;\n  }\n\n  .donate .fill-color {\n    fill: #f00;\n  }\n\n  @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {\n    .menu-item {\n      width: auto;\n      height: 5rem;\n      color: var(--mediaLabelDesktopColor);\n      display: inline-flex;\n    }\n    .menu-item:hover,\n    .menu-item:active,\n    .menu-item:focus {\n      color: var(--linkHoverColor);\n    }\n\n    .menu-item:hover .fill-color,\n    .menu-item:active .fill-color,\n    .menu-item:focus .fill-color {\n      fill: var(--linkHoverColor);\n    }\n\n    .label {\n      display: none;\n    }\n\n    .label,\n    .web:after {\n      padding-right: 1rem;\n      font-size: 1.3rem;\n      text-transform: uppercase;\n      color: inherit;\n    }\n\n    .web:after {\n      display: none;\n      content: 'web';\n    }\n    .donate,\n    .more {\n      display: none;\n    }\n\n    .menu-item.selected {\n      background: var(--activeDesktopMenuIcon);\n    }\n\n    .menu-item.selected .label,\n    .menu-item.selected.web:after {\n      color: var(--linkHoverColor);\n    }\n\n    .menu-item.selected .icon {\n      background: transparent;\n    }\n\n    /* selected state icon colors */\n    .web.selected .fill-color {\n      fill: #ffcd27;\n    }\n\n    .texts.selected .fill-color {\n      fill: #faab3c;\n    }\n\n    .video.selected .fill-color {\n      fill: #f1644b;\n    }\n\n    .audio.selected .fill-color {\n      fill: #00adef;\n    }\n\n    .software.selected .fill-color {\n      fill: #9ecc4f;\n    }\n\n    .images.selected .fill-color {\n      fill: #aa99c9;\n    }\n  }\n\n  @media (min-width: 1200px) {\n    .label,\n    .web:after {\n      display: inline;\n    }\n\n    .web .label {\n      display: none;\n    }\n  }\n`;\n"]}
+{"version":3,"file":"media-button.js","sourceRoot":"","sources":["../../../src/styles/media-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAErD,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAgEK,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyF9C,CAAC","sourcesContent":["import { css } from 'lit';\r\nimport { TOPNAV_MOBILE_BREAKPOINT } from '../models';\r\n\r\nexport default css`\r\n  a {\r\n    display: inline-block;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .menu-item {\r\n    display: inline-block;\r\n    width: 100%;\r\n    padding: 0;\r\n    font-size: 1.6rem;\r\n    text-align: left;\r\n    background: transparent;\r\n    -webkit-box-align: center;\r\n    -ms-flex-align: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .menu-item:focus {\r\n    outline: none;\r\n  }\r\n\r\n  .label {\r\n    display: inline-block;\r\n    padding: 0;\r\n    font-weight: 400;\r\n    color: var(--primaryTextColor);\r\n    text-align: left;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  .menu-item > .icon {\r\n    display: inline-flex;\r\n    vertical-align: middle;\r\n    -webkit-box-align: center;\r\n    -ms-flex-align: center;\r\n    align-items: center;\r\n    -webkit-box-pack: center;\r\n    -ms-flex-pack: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .menu-item > .icon > svg {\r\n    height: 4rem;\r\n    width: 4rem;\r\n  }\r\n\r\n  .menu-item.selected .icon {\r\n    background-color: var(--activeButtonBg);\r\n    border-radius: 1rem 0 0 1rem;\r\n  }\r\n\r\n  .icon .fill-color {\r\n    fill: #999;\r\n  }\r\n\r\n  .icon.active .fill-color {\r\n    fill: #fff;\r\n  }\r\n\r\n  .donate .fill-color {\r\n    fill: #f00;\r\n  }\r\n\r\n  @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {\r\n    .menu-item {\r\n      width: auto;\r\n      height: 5rem;\r\n      color: var(--mediaLabelDesktopColor);\r\n      display: inline-flex;\r\n    }\r\n    .menu-item:hover,\r\n    .menu-item:active,\r\n    .menu-item:focus {\r\n      color: var(--linkHoverColor);\r\n    }\r\n\r\n    .menu-item:hover .fill-color,\r\n    .menu-item:active .fill-color,\r\n    .menu-item:focus .fill-color {\r\n      fill: var(--linkHoverColor);\r\n    }\r\n\r\n    .label {\r\n      display: none;\r\n    }\r\n\r\n    .label,\r\n    .web:after {\r\n      padding-right: 1rem;\r\n      font-size: 1.3rem;\r\n      text-transform: uppercase;\r\n      color: inherit;\r\n    }\r\n\r\n    .web:after {\r\n      display: none;\r\n      content: 'web';\r\n    }\r\n    .donate,\r\n    .more {\r\n      display: none;\r\n    }\r\n\r\n    .menu-item.selected {\r\n      background: var(--activeDesktopMenuIcon);\r\n    }\r\n\r\n    .menu-item.selected .label,\r\n    .menu-item.selected.web:after {\r\n      color: var(--linkHoverColor);\r\n    }\r\n\r\n    .menu-item.selected .icon {\r\n      background: transparent;\r\n    }\r\n\r\n    /* selected state icon colors */\r\n    .web.selected .fill-color {\r\n      fill: #ffcd27;\r\n    }\r\n\r\n    .texts.selected .fill-color {\r\n      fill: #faab3c;\r\n    }\r\n\r\n    .video.selected .fill-color {\r\n      fill: #f1644b;\r\n    }\r\n\r\n    .audio.selected .fill-color {\r\n      fill: #00adef;\r\n    }\r\n\r\n    .software.selected .fill-color {\r\n      fill: #9ecc4f;\r\n    }\r\n\r\n    .images.selected .fill-color {\r\n      fill: #aa99c9;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 1200px) {\r\n    .label,\r\n    .web:after {\r\n      display: inline;\r\n    }\r\n\r\n    .web .label {\r\n      display: none;\r\n    }\r\n  }\r\n`;\r\n"]}

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

@@ -1,67 +1,67 @@
 import { css } from 'lit';
 import { TOPNAV_MOBILE_BREAKPOINT } from '../models';
-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: ${TOPNAV_MOBILE_BREAKPOINT - 1}px) {
-    .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: ${TOPNAV_MOBILE_BREAKPOINT}px) {
-    .media-menu-inner {
-      display: block;
-      position: static;
-      width: auto;
-      height: 5rem;
-      transition-property: none;
-    }
-
-    .menu-group {
-      font-size: 0;
-    }
-  }
+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: ${TOPNAV_MOBILE_BREAKPOINT - 1}px) {
+    .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: ${TOPNAV_MOBILE_BREAKPOINT}px) {
+    .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

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