@internetarchive/ia-topnav 2.0.0 → 2.0.1-alpha-webdev8396.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 (52) hide show
  1. package/dist/src/data/menus.js.map +1 -1
  2. package/dist/src/dropdown-menu.d.ts +3 -4
  3. package/dist/src/dropdown-menu.js +6 -13
  4. package/dist/src/dropdown-menu.js.map +1 -1
  5. package/dist/src/ia-topnav.d.ts +3 -0
  6. package/dist/src/ia-topnav.js +79 -69
  7. package/dist/src/ia-topnav.js.map +1 -1
  8. package/dist/src/login-button.d.ts +3 -0
  9. package/dist/src/login-button.js +28 -18
  10. package/dist/src/login-button.js.map +1 -1
  11. package/dist/src/models.js.map +1 -1
  12. package/dist/src/primary-nav.d.ts +4 -0
  13. package/dist/src/primary-nav.js +109 -90
  14. package/dist/src/primary-nav.js.map +1 -1
  15. package/dist/src/signed-out-dropdown.d.ts +1 -1
  16. package/dist/src/signed-out-dropdown.js +1 -2
  17. package/dist/src/signed-out-dropdown.js.map +1 -1
  18. package/dist/src/styles/dropdown-menu.js +1 -0
  19. package/dist/src/styles/dropdown-menu.js.map +1 -1
  20. package/dist/src/styles/ia-topnav.js +82 -82
  21. package/dist/src/styles/ia-topnav.js.map +1 -1
  22. package/dist/src/styles/primary-nav.js +353 -353
  23. package/dist/src/styles/primary-nav.js.map +1 -1
  24. package/dist/src/user-menu.d.ts +1 -2
  25. package/dist/src/user-menu.js +1 -2
  26. package/dist/src/user-menu.js.map +1 -1
  27. package/dist/test/ia-topnav.test.js +9 -9
  28. package/dist/test/ia-topnav.test.js.map +1 -1
  29. package/dist/test/primary-nav.test.js +7 -7
  30. package/dist/test/primary-nav.test.js.map +1 -1
  31. package/package.json +1 -1
  32. package/src/data/menus.ts +650 -650
  33. package/src/dropdown-menu.ts +6 -12
  34. package/src/ia-topnav.ts +332 -318
  35. package/src/login-button.ts +89 -78
  36. package/src/models.ts +58 -58
  37. package/src/primary-nav.ts +300 -277
  38. package/src/signed-out-dropdown.ts +1 -2
  39. package/src/styles/dropdown-menu.ts +1 -0
  40. package/src/styles/ia-topnav.ts +85 -85
  41. package/src/styles/primary-nav.ts +356 -356
  42. package/src/user-menu.ts +3 -4
  43. package/test/ia-topnav.test.ts +282 -282
  44. package/test/primary-nav.test.ts +135 -135
  45. package/dist/src/styles/signed-out-dropdown.d.ts +0 -2
  46. package/dist/src/styles/signed-out-dropdown.js +0 -31
  47. package/dist/src/styles/signed-out-dropdown.js.map +0 -1
  48. package/dist/src/styles/user-menu.d.ts +0 -2
  49. package/dist/src/styles/user-menu.js +0 -31
  50. package/dist/src/styles/user-menu.js.map +0 -1
  51. package/src/styles/signed-out-dropdown.ts +0 -31
  52. package/src/styles/user-menu.ts +0 -31
package/src/styles/ia-topnav.ts CHANGED
@@ -1,85 +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
- --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
- `;
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
+ `;