@internetarchive/ia-topnav 2.0.0 → 2.0.1-alpha-webdev8396.0

package/dist/src/styles/ia-topnav.js

@@ -1,85 +1,85 @@
 import { css } from 'lit';
-export default css `
-  :host {
-    --white: #fff;
-    --grey13: #222;
-    --grey20: #333;
-    --grey40: #666;
-    --grey28: #474747;
-    --grey60: #999;
-    --grey66: #aaa;
-    --grey80: #ccc;
-    --greya0: #a0a0a0;
-    --grey6f: #6f6f6f;
-    --errorYellow: #ffcd27;
-
-    --linkColor: #4b64ff;
-    --linkHoverColor: var(--white);
-    --subnavLinkColor: var(--grey66);
-    --primaryTextColor: var(--white);
-    --inverseTextColor: var(--grey20);
-    --lightTextColor: var(--grey60);
-    --activeColor: var(--white);
-    --activeButtonBg: var(--grey20);
-    --iconFill: var(--grey60);
-
-    --mediaMenuBg: var(--grey13);
-    --mediaLabelDesktopColor: var(--grey60);
-    --activeDesktopMenuIcon: var(--grey28);
-
-    --mediaSliderBg: var(--grey20);
-    --mediaSliderDesktopBg: var(--grey28);
-
-    --primaryNavBg: var(--grey13);
-    --primaryNavBottomBorder: var(--grey20);
-
-    --desktopSubnavBg: var(--grey20);
-
-    --dropdownMenuBg: var(--grey20);
-    --dropdownMenuInfoItem: var(--greya0);
-    --dropdownMenuDivider: var(--grey40);
-    --inverseDropdownMenuInfoItem: var(--grey6f);
-
-    --loginTextColor: var(--grey60);
-
-    --themeFontFamily: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-    --logoWidthTablet: 263px;
-
-    --savePageSubmitBg: var(--grey13);
-    --savePageSubmitText: var(--white);
-    --savePageInputBorder: var(--grey60);
-    --savePageErrorText: var(--errorYellow);
-
-    color: var(--primaryTextColor);
-    font-family: var(--themeFontFamily);
-  }
-
-  primary-nav:focus {
-    outline: none !important;
-  }
-
-  #close-layer {
-    display: none;
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: 3;
-  }
-  #close-layer.visible {
-    display: block;
-  }
-
-  .topnav {
-    position: relative;
-    z-index: 4;
-  }
-
-  @media (max-width: 889px) {
-    desktop-subnav {
-      display: none;
-    }
-  }
+export default css `
+  :host {
+    --white: #fff;
+    --grey13: #222;
+    --grey20: #333;
+    --grey40: #666;
+    --grey28: #474747;
+    --grey60: #999;
+    --grey66: #aaa;
+    --grey80: #ccc;
+    --greya0: #a0a0a0;
+    --grey6f: #6f6f6f;
+    --errorYellow: #ffcd27;
+
+    --linkColor: #4b64ff;
+    --linkHoverColor: var(--white);
+    --subnavLinkColor: var(--grey66);
+    --primaryTextColor: var(--white);
+    --inverseTextColor: var(--grey20);
+    --lightTextColor: var(--grey60);
+    --activeColor: var(--white);
+    --activeButtonBg: var(--grey20);
+    --iconFill: var(--grey60);
+
+    --mediaMenuBg: var(--grey13);
+    --mediaLabelDesktopColor: var(--grey60);
+    --activeDesktopMenuIcon: var(--grey28);
+
+    --mediaSliderBg: var(--grey20);
+    --mediaSliderDesktopBg: var(--grey28);
+
+    --primaryNavBg: var(--grey13);
+    --primaryNavBottomBorder: var(--grey20);
+
+    --desktopSubnavBg: var(--grey20);
+
+    --dropdownMenuBg: var(--grey20);
+    --dropdownMenuInfoItem: var(--greya0);
+    --dropdownMenuDivider: var(--grey40);
+    --inverseDropdownMenuInfoItem: var(--grey6f);
+
+    --loginTextColor: var(--grey60);
+
+    --themeFontFamily: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    --logoWidthTablet: 263px;
+
+    --savePageSubmitBg: var(--grey13);
+    --savePageSubmitText: var(--white);
+    --savePageInputBorder: var(--grey60);
+    --savePageErrorText: var(--errorYellow);
+
+    color: var(--primaryTextColor);
+    font-family: var(--themeFontFamily);
+  }
+
+  primary-nav:focus {
+    outline: none !important;
+  }
+
+  #close-layer {
+    display: none;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 3;
+  }
+  #close-layer.visible {
+    display: block;
+  }
+
+  .topnav {
+    position: relative;
+    z-index: 4;
+  }
+
+  @media (max-width: 889px) {
+    desktop-subnav {
+      display: none;
+    }
+  }
 `;
 //# sourceMappingURL=ia-topnav.js.map

package/dist/src/styles/ia-topnav.js.map

@@ -1 +1 @@
-{"version":3,"file":"ia-topnav.js","sourceRoot":"","sources":["../../../src/styles/ia-topnav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFjB,CAAC","sourcesContent":["import { css } from 'lit';\r\n\r\nexport default css`\r\n  :host {\r\n    --white: #fff;\r\n    --grey13: #222;\r\n    --grey20: #333;\r\n    --grey40: #666;\r\n    --grey28: #474747;\r\n    --grey60: #999;\r\n    --grey66: #aaa;\r\n    --grey80: #ccc;\r\n    --greya0: #a0a0a0;\r\n    --grey6f: #6f6f6f;\r\n    --errorYellow: #ffcd27;\r\n\r\n    --linkColor: #4b64ff;\r\n    --linkHoverColor: var(--white);\r\n    --subnavLinkColor: var(--grey66);\r\n    --primaryTextColor: var(--white);\r\n    --inverseTextColor: var(--grey20);\r\n    --lightTextColor: var(--grey60);\r\n    --activeColor: var(--white);\r\n    --activeButtonBg: var(--grey20);\r\n    --iconFill: var(--grey60);\r\n\r\n    --mediaMenuBg: var(--grey13);\r\n    --mediaLabelDesktopColor: var(--grey60);\r\n    --activeDesktopMenuIcon: var(--grey28);\r\n\r\n    --mediaSliderBg: var(--grey20);\r\n    --mediaSliderDesktopBg: var(--grey28);\r\n\r\n    --primaryNavBg: var(--grey13);\r\n    --primaryNavBottomBorder: var(--grey20);\r\n\r\n    --desktopSubnavBg: var(--grey20);\r\n\r\n    --dropdownMenuBg: var(--grey20);\r\n    --dropdownMenuInfoItem: var(--greya0);\r\n    --dropdownMenuDivider: var(--grey40);\r\n    --inverseDropdownMenuInfoItem: var(--grey6f);\r\n\r\n    --loginTextColor: var(--grey60);\r\n\r\n    --themeFontFamily: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n    --logoWidthTablet: 263px;\r\n\r\n    --savePageSubmitBg: var(--grey13);\r\n    --savePageSubmitText: var(--white);\r\n    --savePageInputBorder: var(--grey60);\r\n    --savePageErrorText: var(--errorYellow);\r\n\r\n    color: var(--primaryTextColor);\r\n    font-family: var(--themeFontFamily);\r\n  }\r\n\r\n  primary-nav:focus {\r\n    outline: none !important;\r\n  }\r\n\r\n  #close-layer {\r\n    display: none;\r\n    position: fixed;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    z-index: 3;\r\n  }\r\n  #close-layer.visible {\r\n    display: block;\r\n  }\r\n\r\n  .topnav {\r\n    position: relative;\r\n    z-index: 4;\r\n  }\r\n\r\n  @media (max-width: 889px) {\r\n    desktop-subnav {\r\n      display: none;\r\n    }\r\n  }\r\n`;\r\n"]}
+{"version":3,"file":"ia-topnav.js","sourceRoot":"","sources":["../../../src/styles/ia-topnav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  :host {\n    --white: #fff;\n    --grey13: #222;\n    --grey20: #333;\n    --grey40: #666;\n    --grey28: #474747;\n    --grey60: #999;\n    --grey66: #aaa;\n    --grey80: #ccc;\n    --greya0: #a0a0a0;\n    --grey6f: #6f6f6f;\n    --errorYellow: #ffcd27;\n\n    --linkColor: #4b64ff;\n    --linkHoverColor: var(--white);\n    --subnavLinkColor: var(--grey66);\n    --primaryTextColor: var(--white);\n    --inverseTextColor: var(--grey20);\n    --lightTextColor: var(--grey60);\n    --activeColor: var(--white);\n    --activeButtonBg: var(--grey20);\n    --iconFill: var(--grey60);\n\n    --mediaMenuBg: var(--grey13);\n    --mediaLabelDesktopColor: var(--grey60);\n    --activeDesktopMenuIcon: var(--grey28);\n\n    --mediaSliderBg: var(--grey20);\n    --mediaSliderDesktopBg: var(--grey28);\n\n    --primaryNavBg: var(--grey13);\n    --primaryNavBottomBorder: var(--grey20);\n\n    --desktopSubnavBg: var(--grey20);\n\n    --dropdownMenuBg: var(--grey20);\n    --dropdownMenuInfoItem: var(--greya0);\n    --dropdownMenuDivider: var(--grey40);\n    --inverseDropdownMenuInfoItem: var(--grey6f);\n\n    --loginTextColor: var(--grey60);\n\n    --themeFontFamily: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    --logoWidthTablet: 263px;\n\n    --savePageSubmitBg: var(--grey13);\n    --savePageSubmitText: var(--white);\n    --savePageInputBorder: var(--grey60);\n    --savePageErrorText: var(--errorYellow);\n\n    color: var(--primaryTextColor);\n    font-family: var(--themeFontFamily);\n  }\n\n  primary-nav:focus {\n    outline: none !important;\n  }\n\n  #close-layer {\n    display: none;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 3;\n  }\n  #close-layer.visible {\n    display: block;\n  }\n\n  .topnav {\n    position: relative;\n    z-index: 4;\n  }\n\n  @media (max-width: 889px) {\n    desktop-subnav {\n      display: none;\n    }\n  }\n`;\n"]}