@axos-web-dev/shared-components 0.0.145 → 0.0.147

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 (28) hide show
  1. package/dist/ATMLocator/ATMLocator.js +1 -1
  2. package/dist/Button/Button.js +1 -1
  3. package/dist/Calculators/Calculator.js +1 -1
  4. package/dist/Carousel/index.js +1 -1
  5. package/dist/Chevron/index.js +1 -1
  6. package/dist/Comparison/Comparison.js +1 -1
  7. package/dist/FaqAccordion/index.js +1 -1
  8. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +1 -1
  9. package/dist/Forms/ContactUsBusiness.js +1 -1
  10. package/dist/Forms/ContactUsNMLSId.js +1 -1
  11. package/dist/Forms/EmailOnly.js +1 -1
  12. package/dist/Forms/SuccesForm.js +1 -1
  13. package/dist/Hyperlink/index.js +1 -1
  14. package/dist/ImageLink/ImageLink.js +1 -1
  15. package/dist/ImageLink/ImageLinkSet.js +1 -1
  16. package/dist/ImageLink/index.js +1 -1
  17. package/dist/Insight/Featured/CategorySelector.js +1 -1
  18. package/dist/Insight/Featured/Featured.js +1 -1
  19. package/dist/Modal/Modal.js +1 -1
  20. package/dist/NavigationMenu/AxosBank/NavBar.module.js +59 -53
  21. package/dist/NavigationMenu/AxosBank/NavData.js +1 -1
  22. package/dist/NavigationMenu/AxosBank/SubNavBar.js +114 -18
  23. package/dist/NavigationMenu/AxosBank/index.js +261 -238
  24. package/dist/SetContainer/SetContainer.js +1 -1
  25. package/dist/assets/Insight/Featured/CategorySelector.css +1 -0
  26. package/dist/assets/Insight/Featured/Featured.css +10 -9
  27. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +147 -122
  28. package/package.json +1 -1
package/dist/NavigationMenu/AxosBank/index.js CHANGED
@@ -116,6 +116,7 @@ function NavBar() {
116
116
  const toggleProducts1 = () => setisOpenProducts1(!isOpenProducts1);
117
117
  const toggleProducts2 = () => setisOpenProducts2(!isOpenProducts2);
118
118
  const toggleProducts3 = () => setisOpenProducts3(!isOpenProducts3);
119
+ const [isClient, setIsClient] = useState(false);
119
120
  const getActiveIndex = () => {
120
121
  const pathname = "/" + location.pathname.split("/")[1];
121
122
  const index = navItems.findIndex(
@@ -134,273 +135,295 @@ function NavBar() {
134
135
  setisOpenSignIn(false);
135
136
  }
136
137
  });
138
+ useEffect(() => {
139
+ setIsClient(true);
140
+ }, []);
141
+ const handleKeyDownContainer = (e) => {
142
+ if (e.key === "Tab") {
143
+ const focusableElements = ref.current?.querySelectorAll(
144
+ 'button, [href], a, [tabindex]:not([tabindex="-1"])'
145
+ );
146
+ if (focusableElements && isClient) {
147
+ const lastElement = focusableElements[focusableElements.length - 1];
148
+ const isShiftPressed = e.shiftKey;
149
+ if (!isShiftPressed && document.activeElement === lastElement) {
150
+ e.preventDefault();
151
+ toggle();
152
+ }
153
+ }
154
+ }
155
+ };
137
156
  return /* @__PURE__ */ jsxs("header", { id: "header", children: [
138
- /* @__PURE__ */ jsx("div", { className: `${styles.header} bg_white`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.header_main_row} flex_row between middle`, children: [
139
- /* @__PURE__ */ jsx("div", { className: `${styles.desktop_only} flex_row middle`, children: /* @__PURE__ */ jsxs("div", { className: `${styles.main_nav} flex_row middle`, children: [
140
- /* @__PURE__ */ jsx("div", { className: styles.logo_wrap, children: /* @__PURE__ */ jsx("a", { href: "/", "aria-label": "return to axos bank homepage", children: /* @__PURE__ */ jsx(
141
- "img",
142
- {
143
- src: "https://images.axos.com/o9ov1v03uwqk/5U9tBksbV0cyAlGKCFPOpz/94bb95c035236ce1dc24f376e3909a4b/axos-logo-nav.svg",
144
- alt: "",
145
- width: 137,
146
- height: 30
147
- }
148
- ) }) }),
149
- /* @__PURE__ */ jsx("nav", { className: styles.primary_links, children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", role: "menu", children: navItems.map(
150
- (item, i, arr) => arr.length - 1 !== i && /* @__PURE__ */ jsx(
151
- NavItem,
152
- {
153
- className: styles.main_nav_link,
154
- onClick: handleClick,
155
- index: i,
156
- name: item.name,
157
- url: item.url,
158
- isActive: activeIndex == i
159
- },
160
- i
161
- )
162
- ) }) })
163
- ] }) }),
164
- /* @__PURE__ */ jsx(
165
- "button",
166
- {
167
- className: clsx(styles.mobile_only, styles.hamburger),
168
- onClick: mobileToggle,
169
- children: /* @__PURE__ */ jsx(
170
- "svg",
157
+ /* @__PURE__ */ jsx("div", { className: `${styles.header} bg_white`, children: /* @__PURE__ */ jsxs("div", { className: styles.wrapper, children: [
158
+ /* @__PURE__ */ jsx("a", { href: "#main-body", id: "skip_content", className: styles.skip_btn, children: "Skip to main content" }),
159
+ /* @__PURE__ */ jsxs("div", { className: `${styles.header_main_row} flex_row between middle`, children: [
160
+ /* @__PURE__ */ jsx("div", { className: `${styles.desktop_only} flex_row middle`, children: /* @__PURE__ */ jsxs("div", { className: `${styles.main_nav} flex_row middle`, children: [
161
+ /* @__PURE__ */ jsx("div", { className: styles.logo_wrap, children: /* @__PURE__ */ jsx("a", { href: "/", "aria-label": "return to axos bank homepage", children: /* @__PURE__ */ jsx(
162
+ "img",
171
163
  {
172
- width: "24",
173
- height: "24",
174
- viewBox: "0 0 24 24",
175
- fill: "none",
176
- xmlns: "http://www.w3.org/2000/svg",
177
- children: /* @__PURE__ */ jsx(
178
- "path",
179
- {
180
- fillRule: "evenodd",
181
- clipRule: "evenodd",
182
- d: "M22.5 15.75V17.25H1.5V15.75H22.5ZM22.5 11.25V12.75H1.5V11.25H22.5ZM22.5 6.75V8.25H1.5V6.75H22.5Z",
183
- fill: "#4A5560"
184
- }
185
- )
164
+ src: "https://images.axos.com/o9ov1v03uwqk/5U9tBksbV0cyAlGKCFPOpz/94bb95c035236ce1dc24f376e3909a4b/axos-logo-nav.svg",
165
+ alt: "",
166
+ width: 137,
167
+ height: 30
186
168
  }
187
- )
188
- }
189
- ),
190
- /* @__PURE__ */ jsx("div", { className: `${styles.mobile_only} ${styles.mobile_logo}`, children: /* @__PURE__ */ jsx("a", { href: "/", "aria-label": "return to axos bank homepage", children: /* @__PURE__ */ jsx(
191
- "img",
192
- {
193
- src: "https://images.axos.com/o9ov1v03uwqk/5U9tBksbV0cyAlGKCFPOpz/94bb95c035236ce1dc24f376e3909a4b/axos-logo-nav.svg",
194
- alt: "",
195
- width: 130,
196
- height: 58
197
- }
198
- ) }) }),
199
- /* @__PURE__ */ jsx("div", { className: styles.signin_wrap, children: /* @__PURE__ */ jsxs(
200
- "div",
201
- {
202
- className: `${styles.desktop_only} flex_row middle relative`,
203
- ref,
204
- children: [
205
- lastNavItem && /* @__PURE__ */ jsx(
169
+ ) }) }),
170
+ /* @__PURE__ */ jsx("nav", { className: styles.primary_links, children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", role: "menu", children: navItems.map(
171
+ (item, i, arr) => arr.length - 1 !== i && /* @__PURE__ */ jsx(
206
172
  NavItem,
207
173
  {
208
- url: lastNavItem.url,
209
- name: lastNavItem.name,
210
- className: `link list_unstyled ${styles.main_nav_link} ${styles.highlight}`,
211
- isActive: activeIndex == navItems.length,
174
+ className: styles.main_nav_link,
212
175
  onClick: handleClick,
213
- index: navItems.length
176
+ index: i,
177
+ name: item.name,
178
+ url: item.url,
179
+ isActive: activeIndex == i
214
180
  },
215
- navItems.length + 1
216
- ),
217
- /* @__PURE__ */ jsxs(
218
- Button,
219
- {
220
- className: clsx(
221
- styles.signin_btn,
222
- "flex_row",
223
- "center",
224
- "middle",
225
- isOpenSignIn ? styles.open : "",
226
- Sign_in_btn
227
- ),
228
- as: "button",
229
- type: "button",
230
- color: "primary",
231
- id: "signIn",
232
- action: toggle,
233
- size: "small",
234
- "aria-controls": "signin-drop-menu",
235
- children: [
236
- /* @__PURE__ */ jsx("span", { children: "Sign In" }),
237
- /* @__PURE__ */ jsx(
238
- "svg",
239
- {
240
- width: "20",
241
- height: "12",
242
- viewBox: "0 0 20 12",
243
- fill: "none",
244
- xmlns: "http://www.w3.org/2000/svg",
245
- children: /* @__PURE__ */ jsx(
246
- "path",
247
- {
248
- d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
249
- fill: "white"
250
- }
251
- )
252
- }
253
- )
254
- ]
255
- }
256
- ),
257
- /* @__PURE__ */ jsx(
258
- "div",
181
+ i
182
+ )
183
+ ) }) })
184
+ ] }) }),
185
+ /* @__PURE__ */ jsx(
186
+ "button",
187
+ {
188
+ className: clsx(styles.mobile_only, styles.hamburger),
189
+ onClick: mobileToggle,
190
+ children: /* @__PURE__ */ jsx(
191
+ "svg",
259
192
  {
260
- className: `${styles.signin_dropdown} ${styles.shadow} rounded bg_white`,
261
- children: /* @__PURE__ */ jsx("div", { className: styles.opacity, children: /* @__PURE__ */ jsxs(
262
- "ul",
193
+ width: "24",
194
+ height: "24",
195
+ viewBox: "0 0 24 24",
196
+ fill: "none",
197
+ xmlns: "http://www.w3.org/2000/svg",
198
+ children: /* @__PURE__ */ jsx(
199
+ "path",
263
200
  {
264
- className: "list_unstyled",
265
- role: "menu",
266
- "aria-expanded": isOpenSignIn,
267
- id: "signin-drop-menu",
268
- children: [
269
- /* @__PURE__ */ jsxs("li", { role: "heading", children: [
270
- /* @__PURE__ */ jsx(
271
- "a",
272
- {
273
- className: styles.signin_header,
274
- href: findMoreAxosDomains("{AXOSBANK}/personal"),
275
- children: "Personal"
276
- }
277
- ),
278
- /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
279
- /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
280
- "a",
281
- {
282
- href: `https://onlinebanking.axosbank.com/auth/Login`,
283
- role: "menuitem",
284
- children: "Account Login"
285
- }
286
- ) }),
287
- /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
288
- "a",
289
- {
290
- href: `https://loanpayment.axosbank.com`,
291
- role: "menuitem",
292
- children: "Make a Payment"
293
- }
294
- ) })
295
- ] })
296
- ] }),
297
- /* @__PURE__ */ jsxs("li", { role: "heading", children: [
298
- /* @__PURE__ */ jsx(
299
- "a",
300
- {
301
- className: styles.signin_header,
302
- href: findMoreAxosDomains("{AXOSBANK}/business"),
303
- children: "Business"
304
- }
305
- ),
306
- /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
307
- /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
308
- "a",
309
- {
310
- href: findMoreAxosDomains(
311
- "{AXOSBANK}/business/login"
312
- ),
313
- role: "menuitem",
314
- children: "Business Banking Login"
315
- }
316
- ) }),
317
- /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
318
- "a",
319
- {
320
- href: findMoreAxosDomains(
321
- "{AXOSBANK}/mwa-business-banking"
322
- ),
323
- role: "menuitem",
324
- children: "MWA Business Banking"
325
- }
326
- ) }),
327
- /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
328
- "a",
329
- {
330
- href: findMoreAxosDomains(
331
- "{AXOSBANK}/commercial/lending/commercial-portal"
332
- ),
333
- role: "menuitem",
334
- children: "Commercial Portal"
335
- }
336
- ) })
337
- ] })
338
- ] }),
339
- /* @__PURE__ */ jsxs("li", { role: "heading", children: [
340
- /* @__PURE__ */ jsx(
341
- "a",
201
+ fillRule: "evenodd",
202
+ clipRule: "evenodd",
203
+ d: "M22.5 15.75V17.25H1.5V15.75H22.5ZM22.5 11.25V12.75H1.5V11.25H22.5ZM22.5 6.75V8.25H1.5V6.75H22.5Z",
204
+ fill: "#4A5560"
205
+ }
206
+ )
207
+ }
208
+ )
209
+ }
210
+ ),
211
+ /* @__PURE__ */ jsx("div", { className: `${styles.mobile_only} ${styles.mobile_logo}`, children: /* @__PURE__ */ jsx("a", { href: "/", "aria-label": "return to axos bank homepage", children: /* @__PURE__ */ jsx(
212
+ "img",
213
+ {
214
+ src: "https://images.axos.com/o9ov1v03uwqk/5U9tBksbV0cyAlGKCFPOpz/94bb95c035236ce1dc24f376e3909a4b/axos-logo-nav.svg",
215
+ alt: "",
216
+ width: 130,
217
+ height: 58
218
+ }
219
+ ) }) }),
220
+ /* @__PURE__ */ jsx("div", { className: styles.signin_wrap, children: /* @__PURE__ */ jsxs(
221
+ "div",
222
+ {
223
+ className: `${styles.desktop_only} flex_row middle relative`,
224
+ ref,
225
+ onKeyDown: handleKeyDownContainer,
226
+ children: [
227
+ lastNavItem && /* @__PURE__ */ jsx(
228
+ NavItem,
229
+ {
230
+ url: lastNavItem.url,
231
+ name: lastNavItem.name,
232
+ className: `link list_unstyled ${styles.main_nav_link} ${styles.highlight}`,
233
+ isActive: activeIndex == navItems.length,
234
+ onClick: handleClick,
235
+ index: navItems.length
236
+ },
237
+ navItems.length + 1
238
+ ),
239
+ /* @__PURE__ */ jsxs(
240
+ Button,
241
+ {
242
+ className: clsx(
243
+ styles.signin_btn,
244
+ "flex_row",
245
+ "center",
246
+ "middle",
247
+ isOpenSignIn ? styles.open : "",
248
+ Sign_in_btn
249
+ ),
250
+ as: "button",
251
+ type: "button",
252
+ color: "primary",
253
+ id: "signIn",
254
+ action: toggle,
255
+ size: "small",
256
+ "aria-controls": "signin-drop-menu",
257
+ children: [
258
+ /* @__PURE__ */ jsx("span", { children: "Sign In" }),
259
+ /* @__PURE__ */ jsx(
260
+ "svg",
261
+ {
262
+ width: "20",
263
+ height: "12",
264
+ viewBox: "0 0 20 12",
265
+ fill: "none",
266
+ xmlns: "http://www.w3.org/2000/svg",
267
+ children: /* @__PURE__ */ jsx(
268
+ "path",
342
269
  {
343
- href: findMoreAxosDomains("{AXOSBANK/partners}"),
344
- className: `${styles.signin_header}`,
345
- children: "Partners"
270
+ d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
271
+ fill: "white"
346
272
  }
347
- ),
348
- /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
349
- /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
273
+ )
274
+ }
275
+ )
276
+ ]
277
+ }
278
+ ),
279
+ /* @__PURE__ */ jsx(
280
+ "div",
281
+ {
282
+ className: `${styles.signin_dropdown} ${styles.shadow} rounded bg_white`,
283
+ children: /* @__PURE__ */ jsx("div", { className: styles.opacity, children: /* @__PURE__ */ jsxs(
284
+ "ul",
285
+ {
286
+ className: "list_unstyled",
287
+ role: "menu",
288
+ "aria-expanded": isOpenSignIn,
289
+ id: "signin-drop-menu",
290
+ children: [
291
+ /* @__PURE__ */ jsxs("li", { role: "heading", children: [
292
+ /* @__PURE__ */ jsx(
350
293
  "a",
351
294
  {
352
- href: "https://thirdpartylending.axosbank.com/index",
353
- role: "menuitem",
354
- children: "Wholesale and Correspondent"
295
+ className: styles.signin_header,
296
+ href: findMoreAxosDomains("{AXOSBANK}/personal"),
297
+ children: "Personal"
355
298
  }
356
- ) }),
357
- /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
299
+ ),
300
+ /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
301
+ /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
302
+ "a",
303
+ {
304
+ href: `https://onlinebanking.axosbank.com/auth/Login`,
305
+ role: "menuitem",
306
+ children: "Account Login"
307
+ }
308
+ ) }),
309
+ /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
310
+ "a",
311
+ {
312
+ href: `https://loanpayment.axosbank.com`,
313
+ role: "menuitem",
314
+ children: "Make a Payment"
315
+ }
316
+ ) })
317
+ ] })
318
+ ] }),
319
+ /* @__PURE__ */ jsxs("li", { role: "heading", children: [
320
+ /* @__PURE__ */ jsx(
358
321
  "a",
359
322
  {
360
- href: findMoreAxosDomains("{ARMS}"),
361
- role: "menuitem",
362
- children: "Advisor Login"
323
+ className: styles.signin_header,
324
+ href: findMoreAxosDomains("{AXOSBANK}/business"),
325
+ children: "Business"
363
326
  }
364
- ) })
365
- ] })
366
- ] }),
367
- /* @__PURE__ */ jsxs(
368
- "li",
369
- {
370
- className: `${styles.signin_subheader} ${styles.signin_footer} relative`,
371
- children: [
372
- /* @__PURE__ */ jsx(
327
+ ),
328
+ /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
329
+ /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
373
330
  "a",
374
331
  {
375
332
  href: findMoreAxosDomains(
376
- "{AXOSBANK}/customer-support"
333
+ "{AXOSBANK}/business/login"
377
334
  ),
378
335
  role: "menuitem",
379
- children: "Customer Support"
336
+ children: "Business Banking Login"
380
337
  }
381
- ),
382
- /* @__PURE__ */ jsx(
338
+ ) }),
339
+ /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
383
340
  "a",
384
341
  {
385
342
  href: findMoreAxosDomains(
386
- "{AXOSBANK}/return-to-application"
343
+ "{AXOSBANK}/mwa-business-banking"
387
344
  ),
388
345
  role: "menuitem",
389
- children: "Return to Application"
346
+ children: "MWA Business Banking"
390
347
  }
391
- )
392
- ]
393
- }
394
- )
395
- ]
396
- }
397
- ) })
398
- }
399
- )
400
- ]
401
- }
402
- ) })
403
- ] }) }) }),
348
+ ) }),
349
+ /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
350
+ "a",
351
+ {
352
+ href: findMoreAxosDomains(
353
+ "{AXOSBANK}/commercial/lending/commercial-portal"
354
+ ),
355
+ role: "menuitem",
356
+ children: "Commercial Portal"
357
+ }
358
+ ) })
359
+ ] })
360
+ ] }),
361
+ /* @__PURE__ */ jsxs("li", { role: "heading", children: [
362
+ /* @__PURE__ */ jsx(
363
+ "a",
364
+ {
365
+ href: findMoreAxosDomains("{AXOSBANK/partners}"),
366
+ className: `${styles.signin_header}`,
367
+ children: "Partners"
368
+ }
369
+ ),
370
+ /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
371
+ /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
372
+ "a",
373
+ {
374
+ href: "https://thirdpartylending.axosbank.com/index",
375
+ role: "menuitem",
376
+ children: "Wholesale and Correspondent"
377
+ }
378
+ ) }),
379
+ /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
380
+ "a",
381
+ {
382
+ href: findMoreAxosDomains("{ARMS}"),
383
+ role: "menuitem",
384
+ children: "Advisor Login"
385
+ }
386
+ ) })
387
+ ] })
388
+ ] }),
389
+ /* @__PURE__ */ jsxs(
390
+ "li",
391
+ {
392
+ className: `${styles.signin_subheader} ${styles.signin_footer} relative`,
393
+ children: [
394
+ /* @__PURE__ */ jsx(
395
+ "a",
396
+ {
397
+ href: findMoreAxosDomains(
398
+ "{AXOSBANK}/customer-support"
399
+ ),
400
+ role: "menuitem",
401
+ children: "Customer Support"
402
+ }
403
+ ),
404
+ /* @__PURE__ */ jsx(
405
+ "a",
406
+ {
407
+ href: findMoreAxosDomains(
408
+ "{AXOSBANK}/return-to-application"
409
+ ),
410
+ role: "menuitem",
411
+ children: "Return to Application"
412
+ }
413
+ )
414
+ ]
415
+ }
416
+ )
417
+ ]
418
+ }
419
+ ) })
420
+ }
421
+ )
422
+ ]
423
+ }
424
+ ) })
425
+ ] })
426
+ ] }) }),
404
427
  /* @__PURE__ */ jsx(SubNavBar, {}),
405
428
  /* @__PURE__ */ jsx(
406
429
  "div",
package/dist/SetContainer/SetContainer.js CHANGED
@@ -80,9 +80,9 @@ import "../Modal/contextApi/store.js";
80
80
  /* empty css */
81
81
  /* empty css */
82
82
  import "../NavigationMenu/AxosBank/NavData.js";
83
+ import "next/navigation.js";
83
84
  import "next/image.js";
84
85
  import "next/link.js";
85
- import "next/navigation.js";
86
86
  /* empty css */
87
87
  /* empty css */
88
88
  import "../PageNavItem/PageNavItem.css.js";
package/dist/assets/Insight/Featured/CategorySelector.css CHANGED
@@ -32,6 +32,7 @@
32
32
  box-orient: vertical;
33
33
  overflow: hidden;
34
34
  text-overflow: ellipsis;
35
+ max-height: min(76px, 108px);
35
36
  }
36
37
  ._13y9ptj6 {
37
38
  padding: 24px;
package/dist/assets/Insight/Featured/Featured.css CHANGED
@@ -19,6 +19,7 @@
19
19
  display: flex;
20
20
  flex-direction: column;
21
21
  justify-content: space-between;
22
+ max-height: 525px;
22
23
  }
23
24
  ._1sr2o6v5 {
24
25
  flex: 1 1 100%;
@@ -27,9 +28,10 @@
27
28
  }
28
29
  ._1sr2o6v6 {
29
30
  margin-bottom: 8px;
31
+ max-height: min(76px, 108px);
30
32
  }
31
33
  ._1sr2o6v7 {
32
- margin: clamp(24px, 38px, 38px) 0;
34
+ margin: clamp(24px, 28px, 38px) 0;
33
35
  color: #D4D4D4;
34
36
  }
35
37
  ._1sr2o6v8 {
@@ -46,6 +48,7 @@
46
48
  border: 1px solid #D4D4D4;
47
49
  text-decoration: none;
48
50
  overflow: hidden;
51
+ max-height: min(525px, 670px);
49
52
  }
50
53
  ._1sr2o6va {
51
54
  height: 100%;
@@ -59,17 +62,15 @@
59
62
  min-height: 170px;
60
63
  }
61
64
  ._1sr2o6vc {
62
- font-size: clamp(24px, 40px, 40px);
63
- line-height: clamp(32px, 45px, 50px);
65
+ font-size: clamp(1.75rem, 1.269rem + 1.923vw, 2.5rem);
66
+ line-height: clamp(2.25rem, 1.625rem + 1.667vw, 3.125rem);
64
67
  overflow: hidden;
65
68
  text-overflow: ellipsis;
66
69
  margin-bottom: 8px;
67
- max-height: 140px;
70
+ max-height: max(76px, 118px);
68
71
  }
69
72
  @media screen and (max-width:1024px) {
70
- ._1sr2o6v9 {
71
- grid-template-rows: 2fr 1fr;
72
- }
73
+
73
74
  }
74
75
  @media screen and (max-width:768px) {
75
76
  ._1sr2o6v3 {
@@ -79,12 +80,12 @@
79
80
  margin: 24px 0;
80
81
  }
81
82
  ._1sr2o6v9 {
82
- grid-template-rows: 1fr .5fr;
83
+ grid-template-rows: 70% 30%;
83
84
  }
84
85
  }
85
86
  @media screen and (min-width:769px) {
86
87
  ._1sr2o6v3 {
87
- min-height: 525px;
88
+ min-height: min(525px, 680px);
88
89
  }
89
90
  }
90
91
  @media screen and (max-width:768px) {