@internetarchive/ia-topnav 1.4.1-alpha-webdev8259.0 → 1.4.1-alpha-webdev8259.1

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 (43) hide show
  1. package/dist/index.d.ts +0 -1
  2. package/dist/index.js.map +1 -1
  3. package/dist/src/data/menus.js.map +1 -1
  4. package/dist/src/dropdown-menu.js +26 -26
  5. package/dist/src/dropdown-menu.js.map +1 -1
  6. package/dist/src/ia-topnav.d.ts +2 -13
  7. package/dist/src/ia-topnav.js +70 -140
  8. package/dist/src/ia-topnav.js.map +1 -1
  9. package/dist/src/lib/keyboard-navigation.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/media-menu.js +21 -21
  13. package/dist/src/media-menu.js.map +1 -1
  14. package/dist/src/models.d.ts +0 -1
  15. package/dist/src/models.js.map +1 -1
  16. package/dist/src/primary-nav.d.ts +6 -7
  17. package/dist/src/primary-nav.js +98 -142
  18. package/dist/src/primary-nav.js.map +1 -1
  19. package/dist/src/styles/login-button.js +87 -87
  20. package/dist/src/styles/login-button.js.map +1 -1
  21. package/dist/src/styles/primary-nav.js +343 -343
  22. package/dist/src/styles/primary-nav.js.map +1 -1
  23. package/dist/src/user-menu.js +13 -13
  24. package/dist/src/user-menu.js.map +1 -1
  25. package/dist/test/ia-topnav.test.js +15 -87
  26. package/dist/test/ia-topnav.test.js.map +1 -1
  27. package/dist/test/primary-nav.test.js +16 -34
  28. package/dist/test/primary-nav.test.js.map +1 -1
  29. package/index.ts +3 -4
  30. package/package.json +1 -1
  31. package/src/data/menus.ts +652 -652
  32. package/src/dropdown-menu.ts +132 -132
  33. package/src/ia-topnav.ts +301 -383
  34. package/src/lib/keyboard-navigation.ts +166 -166
  35. package/src/login-button.ts +78 -78
  36. package/src/media-menu.ts +143 -143
  37. package/src/models.ts +63 -65
  38. package/src/primary-nav.ts +277 -324
  39. package/src/styles/login-button.ts +90 -90
  40. package/src/styles/primary-nav.ts +346 -346
  41. package/src/user-menu.ts +32 -32
  42. package/test/ia-topnav.test.ts +282 -381
  43. package/test/primary-nav.test.ts +136 -163
package/src/styles/login-button.ts CHANGED
@@ -1,90 +1,90 @@
1
- import { css } from 'lit';
2
-
3
- export default css`
4
- .logged-out-menu {
5
- background: inherit;
6
- border: none;
7
- }
8
- .logged-out-menu:focus-visible {
9
- outline: none;
10
- border: none;
11
- }
12
- .dropdown-toggle {
13
- display: block;
14
- text-transform: uppercase;
15
- color: var(--grey80);
16
- cursor: pointer;
17
- }
18
-
19
- .dropdown-toggle svg {
20
- height: 100%;
21
- width: 4rem;
22
- }
23
-
24
- .dropdown-toggle .fill-color {
25
- fill: var(--iconFill);
26
- }
27
-
28
- .dropdown-toggle:active .fill-color,
29
- .dropdown-toggle:focus .fill-color,
30
- .dropdown-toggle:hover .fill-color {
31
- fill: var(--linkHoverColor);
32
- }
33
-
34
- .active {
35
- border-radius: 1rem 1rem 0 0;
36
- background: var(--activeButtonBg);
37
- }
38
-
39
- .active .fill-color {
40
- fill: var(--activeColor);
41
- }
42
-
43
- span {
44
- display: none;
45
- font-size: 1.4rem;
46
- text-transform: uppercase;
47
- color: var(--loginTextColor);
48
- }
49
-
50
- span a {
51
- color: inherit;
52
- text-decoration: none;
53
- outline: 0;
54
- }
55
-
56
- a:hover,
57
- a:active,
58
- a:focus {
59
- color: var(--linkHoverColor) !important;
60
- outline: none !important;
61
- outline-offset: inherit !important;
62
- }
63
-
64
- @media (min-width: 890px) {
65
- .logged-out-toolbar {
66
- padding: 1rem 0.5rem;
67
- vertical-align: middle;
68
- }
69
-
70
- .active {
71
- background: transparent;
72
- }
73
-
74
- .dropdown-toggle {
75
- display: inline-block;
76
- vertical-align: middle;
77
- }
78
-
79
- .dropdown-toggle svg {
80
- height: 3rem;
81
- width: 3rem;
82
- display: block;
83
- }
84
-
85
- span {
86
- display: inline;
87
- vertical-align: middle;
88
- }
89
- }
90
- `;
1
+ import { css } from 'lit';
2
+
3
+ export default css`
4
+ .logged-out-menu {
5
+ background: inherit;
6
+ border: none;
7
+ }
8
+ .logged-out-menu:focus-visible {
9
+ outline: none;
10
+ border: none;
11
+ }
12
+ .dropdown-toggle {
13
+ display: block;
14
+ text-transform: uppercase;
15
+ color: var(--grey80);
16
+ cursor: pointer;
17
+ }
18
+
19
+ .dropdown-toggle svg {
20
+ height: 100%;
21
+ width: 4rem;
22
+ }
23
+
24
+ .dropdown-toggle .fill-color {
25
+ fill: var(--iconFill);
26
+ }
27
+
28
+ .dropdown-toggle:active .fill-color,
29
+ .dropdown-toggle:focus .fill-color,
30
+ .dropdown-toggle:hover .fill-color {
31
+ fill: var(--linkHoverColor);
32
+ }
33
+
34
+ .active {
35
+ border-radius: 1rem 1rem 0 0;
36
+ background: var(--activeButtonBg);
37
+ }
38
+
39
+ .active .fill-color {
40
+ fill: var(--activeColor);
41
+ }
42
+
43
+ span {
44
+ display: none;
45
+ font-size: 1.4rem;
46
+ text-transform: uppercase;
47
+ color: var(--loginTextColor);
48
+ }
49
+
50
+ span a {
51
+ color: inherit;
52
+ text-decoration: none;
53
+ outline: 0;
54
+ }
55
+
56
+ a:hover,
57
+ a:active,
58
+ a:focus {
59
+ color: var(--linkHoverColor) !important;
60
+ outline: none !important;
61
+ outline-offset: inherit !important;
62
+ }
63
+
64
+ @media (min-width: 890px) {
65
+ .logged-out-toolbar {
66
+ padding: 1rem 0.5rem;
67
+ vertical-align: middle;
68
+ }
69
+
70
+ .active {
71
+ background: transparent;
72
+ }
73
+
74
+ .dropdown-toggle {
75
+ display: inline-block;
76
+ vertical-align: middle;
77
+ }
78
+
79
+ .dropdown-toggle svg {
80
+ height: 3rem;
81
+ width: 3rem;
82
+ display: block;
83
+ }
84
+
85
+ span {
86
+ display: inline;
87
+ vertical-align: middle;
88
+ }
89
+ }
90
+ `;