@internetarchive/ia-topnav 1.4.1 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/.prettierignore +1 -1
  2. package/LICENSE +661 -661
  3. package/README.md +147 -147
  4. package/demo/index.html +28 -28
  5. package/dist/src/data/menus.js +0 -2
  6. package/dist/src/data/menus.js.map +1 -1
  7. package/dist/src/ia-topnav.d.ts +7 -10
  8. package/dist/src/ia-topnav.js +95 -133
  9. package/dist/src/ia-topnav.js.map +1 -1
  10. package/dist/src/login-button.js +17 -17
  11. package/dist/src/login-button.js.map +1 -1
  12. package/dist/src/models.d.ts +0 -4
  13. package/dist/src/models.js.map +1 -1
  14. package/dist/src/primary-nav.d.ts +5 -4
  15. package/dist/src/primary-nav.js +98 -119
  16. package/dist/src/primary-nav.js.map +1 -1
  17. package/dist/src/styles/ia-topnav.js +82 -87
  18. package/dist/src/styles/ia-topnav.js.map +1 -1
  19. package/dist/src/styles/primary-nav.js +353 -308
  20. package/dist/src/styles/primary-nav.js.map +1 -1
  21. package/dist/test/ia-topnav.test.js +27 -69
  22. package/dist/test/ia-topnav.test.js.map +1 -1
  23. package/dist/test/primary-nav.test.js +38 -9
  24. package/dist/test/primary-nav.test.js.map +1 -1
  25. package/eslint.config.mjs +53 -53
  26. package/package.json +72 -72
  27. package/prettier.config.js +9 -9
  28. package/src/data/menus.ts +650 -652
  29. package/src/ia-topnav.ts +318 -366
  30. package/src/login-button.ts +78 -78
  31. package/src/models.ts +58 -63
  32. package/src/primary-nav.ts +277 -296
  33. package/src/styles/ia-topnav.ts +85 -90
  34. package/src/styles/primary-nav.ts +356 -311
  35. package/ssl/server.key +28 -28
  36. package/test/ia-topnav.test.ts +282 -343
  37. package/test/primary-nav.test.ts +135 -94
  38. package/tsconfig.json +31 -31
  39. package/web-dev-server.config.mjs +32 -32
  40. package/web-test-runner.config.mjs +41 -41
  41. package/dist/src/lib/location-handler.d.ts +0 -1
  42. package/dist/src/lib/location-handler.js +0 -5
  43. package/dist/src/lib/location-handler.js.map +0 -1
  44. package/dist/src/nav-search.d.ts +0 -19
  45. package/dist/src/nav-search.js +0 -127
  46. package/dist/src/nav-search.js.map +0 -1
  47. package/dist/src/search-menu.d.ts +0 -20
  48. package/dist/src/search-menu.js +0 -162
  49. package/dist/src/search-menu.js.map +0 -1
  50. package/dist/src/styles/nav-search.d.ts +0 -2
  51. package/dist/src/styles/nav-search.js +0 -136
  52. package/dist/src/styles/nav-search.js.map +0 -1
  53. package/dist/src/styles/search-menu.d.ts +0 -2
  54. package/dist/src/styles/search-menu.js +0 -118
  55. package/dist/src/styles/search-menu.js.map +0 -1
  56. package/dist/test/nav-search.test.d.ts +0 -1
  57. package/dist/test/nav-search.test.js +0 -47
  58. package/dist/test/nav-search.test.js.map +0 -1
  59. package/dist/test/search-menu.test.d.ts +0 -1
  60. package/dist/test/search-menu.test.js +0 -42
  61. package/dist/test/search-menu.test.js.map +0 -1
  62. package/src/lib/location-handler.ts +0 -5
  63. package/src/nav-search.ts +0 -117
  64. package/src/search-menu.ts +0 -156
  65. package/src/styles/nav-search.ts +0 -136
  66. package/src/styles/search-menu.ts +0 -118
  67. package/test/nav-search.test.ts +0 -70
  68. package/test/search-menu.test.ts +0 -58
package/src/styles/ia-topnav.ts CHANGED
@@ -1,90 +1,85 @@
1
- import { css } from 'lit';
2
-
3
- export default css`
4
- :host {
5
- --white: #fff;
6
- --grey13: #222;
7
- --grey20: #333;
8
- --grey40: #666;
9
- --grey28: #474747;
10
- --grey60: #999;
11
- --grey66: #aaa;
12
- --grey80: #ccc;
13
- --greya0: #a0a0a0;
14
- --grey6f: #6f6f6f;
15
- --errorYellow: #ffcd27;
16
-
17
- --linkColor: #4b64ff;
18
- --linkHoverColor: var(--white);
19
- --subnavLinkColor: var(--grey66);
20
- --primaryTextColor: var(--white);
21
- --inverseTextColor: var(--grey20);
22
- --lightTextColor: var(--grey60);
23
- --activeColor: var(--white);
24
- --activeButtonBg: var(--grey20);
25
- --iconFill: var(--grey60);
26
-
27
- --searchActiveBg: var(--grey20);
28
- --searchActiveInputBg: var(--white);
29
- --searchMenuBg: var(--grey20);
30
- --desktopSearchIconFill: var(--grey20);
31
-
32
- --mediaMenuBg: var(--grey13);
33
- --mediaLabelDesktopColor: var(--grey60);
34
- --activeDesktopMenuIcon: var(--grey28);
35
-
36
- --mediaSliderBg: var(--grey20);
37
- --mediaSliderDesktopBg: var(--grey28);
38
-
39
- --primaryNavBg: var(--grey13);
40
- --primaryNavBottomBorder: var(--grey20);
41
-
42
- --desktopSubnavBg: var(--grey20);
43
-
44
- --dropdownMenuBg: var(--grey20);
45
- --dropdownMenuInfoItem: var(--greya0);
46
- --dropdownMenuDivider: var(--grey40);
47
- --inverseDropdownMenuInfoItem: var(--grey6f);
48
-
49
- --loginTextColor: var(--grey60);
50
-
51
- --themeFontFamily: 'Helvetica Neue', Helvetica, Arial, sans-serif;
52
- --logoWidthTablet: 263px;
53
-
54
- --savePageSubmitBg: var(--grey13);
55
- --savePageSubmitText: var(--white);
56
- --savePageInputBorder: var(--grey60);
57
- --savePageErrorText: var(--errorYellow);
58
-
59
- color: var(--primaryTextColor);
60
- font-family: var(--themeFontFamily);
61
- }
62
-
63
- primary-nav:focus {
64
- outline: none !important;
65
- }
66
-
67
- #close-layer {
68
- display: none;
69
- position: fixed;
70
- top: 0;
71
- right: 0;
72
- bottom: 0;
73
- left: 0;
74
- z-index: 3;
75
- }
76
- #close-layer.visible {
77
- display: block;
78
- }
79
-
80
- .topnav {
81
- position: relative;
82
- z-index: 4;
83
- }
84
-
85
- @media (max-width: 889px) {
86
- desktop-subnav {
87
- display: none;
88
- }
89
- }
90
- `;
1
+ import { css } from 'lit';
2
+
3
+ export default css`
4
+ :host {
5
+ --white: #fff;
6
+ --grey13: #222;
7
+ --grey20: #333;
8
+ --grey40: #666;
9
+ --grey28: #474747;
10
+ --grey60: #999;
11
+ --grey66: #aaa;
12
+ --grey80: #ccc;
13
+ --greya0: #a0a0a0;
14
+ --grey6f: #6f6f6f;
15
+ --errorYellow: #ffcd27;
16
+
17
+ --linkColor: #4b64ff;
18
+ --linkHoverColor: var(--white);
19
+ --subnavLinkColor: var(--grey66);
20
+ --primaryTextColor: var(--white);
21
+ --inverseTextColor: var(--grey20);
22
+ --lightTextColor: var(--grey60);
23
+ --activeColor: var(--white);
24
+ --activeButtonBg: var(--grey20);
25
+ --iconFill: var(--grey60);
26
+
27
+ --mediaMenuBg: var(--grey13);
28
+ --mediaLabelDesktopColor: var(--grey60);
29
+ --activeDesktopMenuIcon: var(--grey28);
30
+
31
+ --mediaSliderBg: var(--grey20);
32
+ --mediaSliderDesktopBg: var(--grey28);
33
+
34
+ --primaryNavBg: var(--grey13);
35
+ --primaryNavBottomBorder: var(--grey20);
36
+
37
+ --desktopSubnavBg: var(--grey20);
38
+
39
+ --dropdownMenuBg: var(--grey20);
40
+ --dropdownMenuInfoItem: var(--greya0);
41
+ --dropdownMenuDivider: var(--grey40);
42
+ --inverseDropdownMenuInfoItem: var(--grey6f);
43
+
44
+ --loginTextColor: var(--grey60);
45
+
46
+ --themeFontFamily: 'Helvetica Neue', Helvetica, Arial, sans-serif;
47
+ --logoWidthTablet: 263px;
48
+
49
+ --savePageSubmitBg: var(--grey13);
50
+ --savePageSubmitText: var(--white);
51
+ --savePageInputBorder: var(--grey60);
52
+ --savePageErrorText: var(--errorYellow);
53
+
54
+ color: var(--primaryTextColor);
55
+ font-family: var(--themeFontFamily);
56
+ }
57
+
58
+ primary-nav:focus {
59
+ outline: none !important;
60
+ }
61
+
62
+ #close-layer {
63
+ display: none;
64
+ position: fixed;
65
+ top: 0;
66
+ right: 0;
67
+ bottom: 0;
68
+ left: 0;
69
+ z-index: 3;
70
+ }
71
+ #close-layer.visible {
72
+ display: block;
73
+ }
74
+
75
+ .topnav {
76
+ position: relative;
77
+ z-index: 4;
78
+ }
79
+
80
+ @media (max-width: 889px) {
81
+ desktop-subnav {
82
+ display: none;
83
+ }
84
+ }
85
+ `;