luna-one 3.1.397 → 3.1.400

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.
@@ -8,4 +8,3 @@
8
8
  @import "./utilities/box-shadow";
9
9
 
10
10
  @import "./content/typography";
11
- @import "./content/icon.scss";
@@ -527,7 +527,6 @@ $gray-theme-text-color: color("gray-7");
527
527
 
528
528
  @mixin icon-base() {
529
529
  display: inline-block;
530
- background-image: url("/ter-icons.svg");
531
530
  background-repeat: no-repeat;
532
531
  }
533
532
 
@@ -101,13 +101,15 @@ var MobileNav = function MobileNav(props) {
101
101
 
102
102
  var flyoutPaddingClass = isIos && isBottomBarActive ? "ter-mobile-nav__flyout--extra-padding" : "ter-mobile-nav__flyout--regular-padding";
103
103
 
104
- var generateNavOptions = function generateNavOptions() {
105
- var _navOptions$filter;
104
+ var generateNavOptions = function generateNavOptions(publicOnly) {
105
+ var _navOptions$filter, _navOptions$filter$fi;
106
106
 
107
107
  return navOptions === null || navOptions === void 0 ? void 0 : (_navOptions$filter = navOptions.filter(function (option) {
108
+ return publicOnly ? option.isPublicPage : option;
109
+ })) === null || _navOptions$filter === void 0 ? void 0 : (_navOptions$filter$fi = _navOptions$filter.filter(function (option) {
108
110
  // filter out unusable options
109
111
  return option.type === "category" || option.type === "links" || option.type === "link" || option.type === "page";
110
- })) === null || _navOptions$filter === void 0 ? void 0 : _navOptions$filter.map(function (option) {
112
+ })) === null || _navOptions$filter$fi === void 0 ? void 0 : _navOptions$filter$fi.map(function (option) {
111
113
  if (option.type === "category") {
112
114
  return /*#__PURE__*/_react.default.createElement(_MobileMegaMenu.default, {
113
115
  key: option.text,
@@ -144,7 +146,8 @@ var MobileNav = function MobileNav(props) {
144
146
  className: "ter-mobile-nav__link ".concat(isOpen !== null ? "ter-mobile-nav__link--hidden" : "", " ").concat(!hamburgerIsOpen ? "ter-top-mobile-nav__link-wrapper--hidden" : "", " ").concat(mouse ? "" : "tabFocus"),
145
147
  onClick: closeAll,
146
148
  target: option.type === "link" ? "_blank" : "_self",
147
- Link: Link
149
+ Link: Link,
150
+ isPublicPage: option.isPublicPage
148
151
  }, /*#__PURE__*/_react.default.createElement("p", null, option.text));
149
152
  }
150
153
  });
@@ -164,7 +167,7 @@ var MobileNav = function MobileNav(props) {
164
167
  className: "ter-mobile-nav__menus-container"
165
168
  }, /*#__PURE__*/_react.default.createElement("div", {
166
169
  className: "".concat(!hamburgerIsOpen ? "ter-mobile-nav__menus-container--fill--hidden" : "", "\n ").concat(!disableLogin && !isAuthenticated ? "ter-mobile-nav__menus-container--no-fill" : "ter-mobile-nav__menus-container--fill")
167
- }), (disableLogin || !disableLogin && isAuthenticated) && generateNavOptions()), /*#__PURE__*/_react.default.createElement(_TopMobileNav.default, {
170
+ }), disableLogin || !disableLogin && isAuthenticated ? generateNavOptions() : generateNavOptions(true)), /*#__PURE__*/_react.default.createElement(_TopMobileNav.default, {
168
171
  links: rightLinks,
169
172
  handleSearchFieldChange: handleSearchFieldChange,
170
173
  searchFieldValue: searchFieldValue,
@@ -54,13 +54,15 @@ var TopMobileNav = function TopMobileNav(props) {
54
54
  }
55
55
  };
56
56
 
57
- var generateLinks = function generateLinks(currentOpenMenu) {
57
+ var generateLinks = function generateLinks(currentOpenMenu, publicOnly) {
58
58
  if (links) {
59
- var _links$filter;
59
+ var _links$filter, _links$filter$filter;
60
60
 
61
61
  return links === null || links === void 0 ? void 0 : (_links$filter = links.filter(function (link) {
62
+ return publicOnly ? link.isPublicPage : link;
63
+ })) === null || _links$filter === void 0 ? void 0 : (_links$filter$filter = _links$filter.filter(function (link) {
62
64
  return link === null || link === void 0 ? void 0 : link.url;
63
- })) === null || _links$filter === void 0 ? void 0 : _links$filter.map(function (link) {
65
+ })) === null || _links$filter$filter === void 0 ? void 0 : _links$filter$filter.map(function (link) {
64
66
  var url = link.url,
65
67
  text = link.text;
66
68
  return /*#__PURE__*/_react.default.createElement(_terraOne.LunaLink, {
@@ -90,7 +92,7 @@ var TopMobileNav = function TopMobileNav(props) {
90
92
  }; //disable search is handled by mobile section in <NavBar />
91
93
 
92
94
 
93
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (disableLogin || !disableLogin && isAuthenticated) && generateLinks(currentOpenMenu), !disableLanguageRegion && /*#__PURE__*/_react.default.createElement("section", {
95
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, disableLogin || !disableLogin && isAuthenticated ? generateLinks(currentOpenMenu) : generateLinks(currentOpenMenu, true), !disableLanguageRegion && /*#__PURE__*/_react.default.createElement("section", {
94
96
  className: "ter-top-mobile-nav__location-wrapper ".concat(currentOpenMenu !== null ? "ter-top-mobile-nav__location-wrapper--inactive" : "", " ").concat(!hamburgerIsOpen ? "ter-top-mobile-nav__location-wrapper--hidden" : "", " ").concat(mouse ? "" : "tabFocus"),
95
97
  onKeyDown: function onKeyDown(e) {
96
98
  return toggleWithEnter(e);
@@ -185,7 +185,7 @@ var NavBarTop = function NavBarTop(props) {
185
185
  return /*#__PURE__*/_react.default.createElement("div", {
186
186
  className: "luna-layout__navigation-padding ".concat(theme ? "luna-layout__navigation-padding--".concat(theme) : "")
187
187
  }, /*#__PURE__*/_react.default.createElement("div", {
188
- className: "ter-navbar-top__wrapper ".concat(theme ? "ter-navbar__wrapper--".concat(theme) : "")
188
+ className: "ter-navbar-top__wrapper ".concat(theme ? "ter-navbar-top__wrapper--".concat(theme) : "")
189
189
  }, /*#__PURE__*/_react.default.createElement("section", {
190
190
  className: "ter-navbar-top ".concat(disableSectorFlyOut ? "" : "ter-navbar-top--flyout", "\n ").concat(theme ? "ter-navbar-top--".concat(theme) : "")
191
191
  }, /*#__PURE__*/_react.default.createElement("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "luna-one",
3
- "version": "3.1.397",
3
+ "version": "3.1.400",
4
4
  "dependencies": {
5
5
  "@storybook/addon-knobs": "^6.3.1",
6
6
  "@testing-library/jest-dom": "^5.11.9",
@@ -24,7 +24,7 @@
24
24
  "react-scroll": "^1.7.14",
25
25
  "react-slidedown": "^2.4.5",
26
26
  "smoothscroll-polyfill": "^0.4.4",
27
- "terra-one": "^3.0.134"
27
+ "terra-one": "^3.0.137"
28
28
  },
29
29
  "peerDependencies": {
30
30
  "node-sass": "^4.12.0",
@@ -1,361 +0,0 @@
1
- @mixin icon-base() {
2
- display: inline-block;
3
- background-image: url('/ter-icons.svg');
4
- background-repeat: no-repeat;
5
- }
6
-
7
- .ter-icon {
8
- @include icon-base();
9
- }
10
-
11
- .ter-icon.ter-icon--open-caret-right-dark-48px {
12
- background-position: -0px -0px;
13
- }
14
-
15
- .ter-icon.ter-icon--enclosed-arrow-down-dark-48px {
16
- background-position: -50px -0px;
17
- }
18
-
19
- .ter-icon.ter-icon--refresh-dark-24px {
20
- background-position: -100px -0px;
21
- }
22
-
23
- .ter-icon.ter-icon--refresh-dark-48px {
24
- background-position: -150px -0px;
25
- }
26
-
27
- .ter-icon.ter-icon--refresh-dark-32px {
28
- background-position: -200px -0px;
29
- }
30
-
31
- .ter-icon.ter-icon--open-caret-left-dark-32px {
32
- background-position: -250px -0px;
33
- }
34
-
35
- .ter-icon.ter-icon--refresh-dark-16px {
36
- background-position: -300px -0px;
37
- }
38
-
39
- .ter-icon.ter-icon--open-x-dark-48px {
40
- background-position: -350px -0px;
41
- }
42
-
43
- .ter-icon.ter-icon--open-x-dark-32px {
44
- background-position: -0px -50px;
45
- }
46
-
47
- .ter-icon.ter-icon--open-x-dark-24px {
48
- background-position: -50px -50px;
49
- }
50
-
51
- .ter-icon.ter-icon--ico-open-x-dark-16px {
52
- background-position: -100px -50px;
53
- }
54
-
55
- .ter-icon.ter-icon--open-check-dark-48px {
56
- background-position: -150px -50px;
57
- }
58
-
59
- .ter-icon.ter-icon--open-check-dark-32px {
60
- background-position: -200px -50px;
61
- }
62
-
63
- .ter-icon.ter-icon--open-check-dark-24px {
64
- background-position: -250px -50px;
65
- }
66
-
67
- .ter-icon.ter-icon--open-check-dark-16px {
68
- background-position: -300px -50px;
69
- }
70
-
71
- .ter-icon.ter-icon--open-caret-up-dark-48px {
72
- background-position: -350px -50px;
73
- }
74
-
75
- .ter-icon.ter-icon--open-caret-up-dark-32px {
76
- background-position: -0px -100px;
77
- }
78
-
79
- .ter-icon.ter-icon--open-caret-up-dark-24px {
80
- background-position: -50px -100px;
81
- }
82
-
83
- .ter-icon.ter-icon--open-caret-up-dark-16px {
84
- background-position: -100px -100px;
85
- }
86
-
87
- .ter-icon.ter-icon--enclosed-caret-down-dark-48px {
88
- background-position: -150px -100px;
89
- }
90
-
91
- .ter-icon.ter-icon--open-caret-right-dark-32px {
92
- background-position: -200px -100px;
93
- }
94
-
95
- .ter-icon.ter-icon--open-caret-right-dark-24px {
96
- background-position: -250px -100px;
97
- }
98
-
99
- .ter-icon.ter-icon--open-caret-right-dark-16px {
100
- background-position: -300px -100px;
101
- }
102
-
103
- .ter-icon.ter-icon--open-caret-left-dark-48px {
104
- background-position: -350px -100px;
105
- }
106
-
107
- .ter-icon.ter-icon--open-arrow-right-dark-32px {
108
- background-position: -0px -150px;
109
- }
110
-
111
- .ter-icon.ter-icon--open-caret-left-dark-24px {
112
- background-position: -50px -150px;
113
- }
114
-
115
- .ter-icon.ter-icon--open-caret-left-dark-16px {
116
- background-position: -100px -150px;
117
- }
118
-
119
- .ter-icon.ter-icon--open-caret-down-dark-48px {
120
- background-position: -150px -150px;
121
- }
122
-
123
- .ter-icon.ter-icon--open-caret-down-dark-32px {
124
- background-position: -200px -150px;
125
- }
126
-
127
- .ter-icon.ter-icon--open-caret-down-dark-24px {
128
- background-position: -250px -150px;
129
- }
130
-
131
- .ter-icon.ter-icon--open-caret-down-dark-16px {
132
- background-position: -300px -150px;
133
- }
134
-
135
- .ter-icon.ter-icon--open-arrow-up-dark-48px {
136
- background-position: -350px -150px;
137
- }
138
-
139
- .ter-icon.ter-icon--open-arrow-up-dark-32px {
140
- background-position: -0px -200px;
141
- }
142
-
143
- .ter-icon.ter-icon--open-arrow-up-dark-24px {
144
- background-position: -50px -200px;
145
- }
146
-
147
- .ter-icon.ter-icon--open-arrow-up-dark-16px {
148
- background-position: -100px -200px;
149
- }
150
-
151
- .ter-icon.ter-icon--open-arrow-right-dark-48px {
152
- background-position: -150px -200px;
153
- }
154
-
155
- .ter-icon.ter-icon--enclosed-caret-left-dark-16px {
156
- background-position: -200px -200px;
157
- }
158
-
159
- .ter-icon.ter-icon--open-arrow-right-dark-24px {
160
- background-position: -250px -200px;
161
- }
162
-
163
- .ter-icon.ter-icon--open-arrow-right-dark-16px {
164
- background-position: -300px -200px;
165
- }
166
-
167
- .ter-icon.ter-icon--open-arrow-left-dark-48px {
168
- background-position: -350px -200px;
169
- }
170
-
171
- .ter-icon.ter-icon--open-arrow-left-dark-32px {
172
- background-position: -0px -250px;
173
- }
174
-
175
- .ter-icon.ter-icon--open-arrow-left-dark-24px {
176
- background-position: -50px -250px;
177
- }
178
-
179
- .ter-icon.ter-icon--open-arrow-left-dark-16px {
180
- background-position: -100px -250px;
181
- }
182
-
183
- .ter-icon.ter-icon--open-arrow-down-dark-48px {
184
- background-position: -150px -250px;
185
- }
186
-
187
- .ter-icon.ter-icon--open-arrow-down-dark-32px {
188
- background-position: -200px -250px;
189
- }
190
-
191
- .ter-icon.ter-icon--open-arrow-down-dark-24px {
192
- background-position: -250px -250px;
193
- }
194
-
195
- .ter-icon.ter-icon--open-arrow-down-dark-16px {
196
- background-position: -300px -250px;
197
- }
198
-
199
- .ter-icon.ter-icon--info-dark-48px {
200
- background-position: -350px -250px;
201
- }
202
-
203
- .ter-icon.ter-icon--info-dark-32px {
204
- background-position: -0px -300px;
205
- }
206
-
207
- .ter-icon.ter-icon--info-dark-24px {
208
- background-position: -50px -300px;
209
- }
210
-
211
- .ter-icon.ter-icon--info-dark-16px {
212
- background-position: -100px -300px;
213
- }
214
-
215
- .ter-icon.ter-icon--enclosed-x-dark-48px {
216
- background-position: -150px -300px;
217
- }
218
-
219
- .ter-icon.ter-icon--enclosed-x-dark-32px {
220
- background-position: -200px -300px;
221
- }
222
-
223
- .ter-icon.ter-icon--enclosed-x-dark-24px {
224
- background-position: -250px -300px;
225
- }
226
-
227
- .ter-icon.ter-icon--enclosed-x-dark-16px {
228
- background-position: -300px -300px;
229
- }
230
-
231
- .ter-icon.ter-icon--enclosed-check-dark-48px {
232
- background-position: -350px -300px;
233
- }
234
-
235
- .ter-icon.ter-icon--enclosed-check-dark-32px {
236
- background-position: -0px -350px;
237
- }
238
-
239
- .ter-icon.ter-icon--enclosed-check-dark-24px {
240
- background-position: -50px -350px;
241
- }
242
-
243
- .ter-icon.ter-icon--enclosed-check-dark-16px {
244
- background-position: -100px -350px;
245
- }
246
-
247
- .ter-icon.ter-icon--enclosed-caret-up-dark-48px {
248
- background-position: -150px -350px;
249
- }
250
-
251
- .ter-icon.ter-icon--enclosed-caret-up-dark-32px {
252
- background-position: -200px -350px;
253
- }
254
-
255
- .ter-icon.ter-icon--enclosed-caret-up-dark-24px {
256
- background-position: -250px -350px;
257
- }
258
-
259
- .ter-icon.ter-icon--enclosed-caret-up-dark-16px {
260
- background-position: -300px -350px;
261
- }
262
-
263
- .ter-icon.ter-icon--enclosed-caret-right-dark-48px {
264
- background-position: -350px -350px;
265
- }
266
-
267
- .ter-icon.ter-icon--enclosed-caret-right-dark-32px {
268
- background-position: -0px -400px;
269
- }
270
-
271
- .ter-icon.ter-icon--enclosed-caret-right-dark-24px {
272
- background-position: -50px -400px;
273
- }
274
-
275
- .ter-icon.ter-icon--enclosed-caret-right-dark-16px {
276
- background-position: -100px -400px;
277
- }
278
-
279
- .ter-icon.ter-icon--enclosed-caret-left-dark-48px {
280
- background-position: -150px -400px;
281
- }
282
-
283
- .ter-icon.ter-icon--enclosed-caret-left-dark-32px {
284
- background-position: -200px -400px;
285
- }
286
-
287
- .ter-icon.ter-icon--enclosed-caret-left-dark-24px {
288
- background-position: -250px -400px;
289
- }
290
-
291
- .ter-icon.ter-icon--enclosed-arrow-down-dark-24px {
292
- background-position: -300px -400px;
293
- }
294
-
295
- .ter-icon.ter-icon--enclosed-arrow-up-dark-48px {
296
- background-position: -350px -400px;
297
- }
298
-
299
- .ter-icon.ter-icon--enclosed-caret-down-dark-32px {
300
- background-position: -0px -450px;
301
- }
302
-
303
- .ter-icon.ter-icon--enclosed-caret-down-dark-24px {
304
- background-position: -50px -450px;
305
- }
306
-
307
- .ter-icon.ter-icon--enclosed-caret-down-dark-16px {
308
- background-position: -100px -450px;
309
- }
310
-
311
- .ter-icon.ter-icon--enclosed-arrow-right-dark-16px {
312
- background-position: -150px -450px;
313
- }
314
-
315
- .ter-icon.ter-icon--enclosed-arrow-up-dark-32px {
316
- background-position: -200px -450px;
317
- }
318
-
319
- .ter-icon.ter-icon--enclosed-arrow-up-dark-24px {
320
- background-position: -250px -450px;
321
- }
322
-
323
- .ter-icon.ter-icon--enclosed-arrow-up-dark-16px {
324
- background-position: -300px -450px;
325
- }
326
-
327
- .ter-icon.ter-icon--enclosed-arrow-right-dark-48px {
328
- background-position: -350px -450px;
329
- }
330
-
331
- .ter-icon.ter-icon--enclosed-arrow-right-dark-32px {
332
- background-position: -0px -500px;
333
- }
334
-
335
- .ter-icon.ter-icon--enclosed-arrow-right-dark-24px {
336
- background-position: -50px -500px;
337
- }
338
-
339
- .ter-icon.ter-icon--enclosed-arrow-left-dark-16px {
340
- background-position: -100px -500px;
341
- }
342
-
343
- .ter-icon.ter-icon--enclosed-arrow-left-dark-48px {
344
- background-position: -150px -500px;
345
- }
346
-
347
- .ter-icon.ter-icon--enclosed-arrow-left-dark-32px {
348
- background-position: -200px -500px;
349
- }
350
-
351
- .ter-icon.ter-icon--enclosed-arrow-left-dark-24px {
352
- background-position: -250px -500px;
353
- }
354
-
355
- .ter-icon.ter-icon--enclosed-arrow-down-dark-32px {
356
- background-position: -300px -500px;
357
- }
358
-
359
- .ter-icon.ter-icon--enclosed-arrow-down-dark-16px {
360
- background-position: -350px -500px;
361
- }