@axos-web-dev/shared-components 2.0.0-dev.31.insights.1 → 2.0.0-dev.31.insights.3

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 (58) hide show
  1. package/dist/ATMLocator/ATMLocator.js +1 -1
  2. package/dist/Auth/ErrorAlert.js +1 -1
  3. package/dist/Button/Button.js +1 -1
  4. package/dist/Calculators/Calculator.js +1 -1
  5. package/dist/Calculators/MarginTradingCalculator/index.js +1 -1
  6. package/dist/Carousel/index.js +1 -1
  7. package/dist/Chatbot/Bubble.css.js +1 -0
  8. package/dist/Chatbot/Chatbot.css.js +0 -1
  9. package/dist/Chevron/index.js +1 -1
  10. package/dist/Comparison/Comparison.js +1 -1
  11. package/dist/ExecutiveBio/ExecutiveBio.js +1 -1
  12. package/dist/FaqAccordion/index.js +1 -1
  13. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +1 -1
  14. package/dist/Forms/ApplyNow.js +1 -1
  15. package/dist/Forms/ContactUsBusiness.js +1 -1
  16. package/dist/Forms/ContactUsBusinessNameEmail.js +1 -1
  17. package/dist/Forms/ContactUsNMLSId.js +1 -1
  18. package/dist/Forms/CpraRequest.js +1 -1
  19. package/dist/Forms/CraPublicFile.js +1 -1
  20. package/dist/Forms/EmailOnly.js +1 -1
  21. package/dist/Forms/MortgageRate/MortgageRateForm.js +1 -1
  22. package/dist/Forms/MortgageRate/MortgageRateWatch.js +1 -1
  23. package/dist/Forms/MortgageWarehouseLending.js +1 -1
  24. package/dist/Forms/SuccesForm.js +1 -1
  25. package/dist/Hyperlink/index.js +1 -1
  26. package/dist/ImageLink/ImageLink.js +1 -1
  27. package/dist/ImageLink/ImageLinkSet.js +1 -1
  28. package/dist/ImageLink/index.js +1 -1
  29. package/dist/ImageToast/index.js +1 -1
  30. package/dist/Insight/Featured/CategorySelector.css.js +1 -1
  31. package/dist/Insight/Featured/CategorySelector.js +1 -1
  32. package/dist/Insight/Featured/Featured.css.d.ts +7 -0
  33. package/dist/Insight/Featured/Featured.css.js +31 -17
  34. package/dist/Insight/Featured/Featured.js +50 -30
  35. package/dist/Insight/Featured/Header.js +11 -18
  36. package/dist/Insight/Featured/index.js +9 -2
  37. package/dist/Insight/index.js +9 -2
  38. package/dist/LandingPageHeader/WithLogin.js +1 -1
  39. package/dist/Modal/Modal.js +1 -1
  40. package/dist/NavigationMenu/AxosALTS/index.js +1 -1
  41. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +1 -1
  42. package/dist/NavigationMenu/AxosBank/SubNavBar.js +1 -1
  43. package/dist/NavigationMenu/AxosBank/index.js +1 -1
  44. package/dist/NavigationMenu/LaVictoire/index.js +1 -1
  45. package/dist/NavigationMenu/NavItem/index.js +1 -1
  46. package/dist/NavigationMenu/ServerNavigation/DropwdownButton.js +1 -1
  47. package/dist/NavigationMenu/ServerNavigation/Menu.js +1 -1
  48. package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileMenu.js +1 -1
  49. package/dist/NavigationMenu/ServerNavigation/SubNavBar.js +1 -1
  50. package/dist/NavigationMenu/ServerNavigation/SubNavItem.js +1 -1
  51. package/dist/NavigationMenu/ServerNavigation/index.js +1 -1
  52. package/dist/SetContainer/SetContainer.js +1 -1
  53. package/dist/SocialMediaBar/iconsRepository.js +1 -1
  54. package/dist/VideoTile/VideoTile.js +1 -1
  55. package/dist/VideoWrapper/index.js +1 -1
  56. package/dist/assets/Insight/Featured/Featured.css +80 -20
  57. package/dist/main.js +8 -1
  58. package/package.json +1 -1
@@ -77,10 +77,10 @@ import "../../Auth/SignInPassword.js";
77
77
  /* empty css */
78
78
  import "../../Carousel/index.js";
79
79
  /* empty css */
80
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
80
81
  /* empty css */
81
82
  import "../../Chatbot/store/chat.js";
82
83
  import "../../Chatbot/Chatbot.js";
83
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
84
84
  /* empty css */
85
85
  import "../../Chatbot/store/messages.js";
86
86
  /* empty css */
@@ -101,7 +101,7 @@ import "next/script.js";
101
101
  /* empty css */
102
102
  /* empty css */
103
103
  /* empty css */
104
- import { header_title_featured, header_in_insight, insight_wrap, header_featured } from "./Header.css.js";
104
+ import { insight_wrap, header_title_featured, header_in_insight, header_featured } from "./Header.css.js";
105
105
  import "../../LandingPageHeader/LandingPageHeader.css.js";
106
106
  import "next/link.js";
107
107
  /* empty css */
@@ -132,26 +132,19 @@ import "../../StepItemSet/StepItemSet.css.js";
132
132
  /* empty css */
133
133
  const BreadcumbHeader = (props) => {
134
134
  const { section, showTitle = true } = props;
135
- return /* @__PURE__ */ jsx(
136
- "div",
135
+ return /* @__PURE__ */ jsx("div", { className: clsx(!showTitle ? header_in_insight : "", header_featured), children: /* @__PURE__ */ jsx("div", { className: insight_wrap, children: showTitle && /* @__PURE__ */ jsxs(
136
+ "h1",
137
137
  {
138
138
  className: clsx(
139
- !showTitle ? header_in_insight : "",
140
- insight_wrap,
141
- header_featured
139
+ title({ variant: "primary" }),
140
+ header_title_featured
142
141
  ),
143
- children: showTitle && /* @__PURE__ */ jsxs(
144
- "h1",
145
- {
146
- className: clsx(title({ variant: "primary" }), header_title_featured),
147
- children: [
148
- section?.replaceAll("-", " "),
149
- " Insights"
150
- ]
151
- }
152
- )
142
+ children: [
143
+ section?.replaceAll("-", " "),
144
+ " Insights"
145
+ ]
153
146
  }
154
- );
147
+ ) }) });
155
148
  };
156
149
  export {
157
150
  BreadcumbHeader
@@ -1,6 +1,6 @@
1
1
  import { CategorySelector, InsightItem } from "./CategorySelector.js";
2
2
  import { Featured, FeaturedItem } from "./Featured.js";
3
- import { featured_center_vertical, featured_grid, featured_main_wrapper, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_text, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title, info_details, ratio } from "./Featured.css.js";
3
+ import { divider_tab, featured_center_vertical, featured_grid, featured_main_wrapper, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_text, featured_maingrid_title, featured_section, featured_subcontent, featured_subgrid, featured_subgrid_item, featured_subgrid_title, featured_subimage, featured_subwrap, featured_supertag, featured_title, info_details, no_tablet, onhover, ratio, tab_details } from "./Featured.css.js";
4
4
  import { BreadcumbHeader } from "./Header.js";
5
5
  export {
6
6
  BreadcumbHeader,
@@ -8,6 +8,7 @@ export {
8
8
  Featured,
9
9
  FeaturedItem,
10
10
  InsightItem,
11
+ divider_tab,
11
12
  featured_center_vertical,
12
13
  featured_grid,
13
14
  featured_main_wrapper,
@@ -17,11 +18,17 @@ export {
17
18
  featured_maingrid_text,
18
19
  featured_maingrid_title,
19
20
  featured_section,
21
+ featured_subcontent,
20
22
  featured_subgrid,
21
23
  featured_subgrid_item,
22
24
  featured_subgrid_title,
25
+ featured_subimage,
26
+ featured_subwrap,
23
27
  featured_supertag,
24
28
  featured_title,
25
29
  info_details,
26
- ratio
30
+ no_tablet,
31
+ onhover,
32
+ ratio,
33
+ tab_details
27
34
  };
@@ -1,6 +1,6 @@
1
1
  import { CategorySelector, InsightItem } from "./Featured/CategorySelector.js";
2
2
  import { Featured, FeaturedItem } from "./Featured/Featured.js";
3
- import { featured_center_vertical, featured_grid, featured_main_wrapper, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_text, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title, info_details, ratio } from "./Featured/Featured.css.js";
3
+ import { divider_tab, featured_center_vertical, featured_grid, featured_main_wrapper, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_text, featured_maingrid_title, featured_section, featured_subcontent, featured_subgrid, featured_subgrid_item, featured_subgrid_title, featured_subimage, featured_subwrap, featured_supertag, featured_title, info_details, no_tablet, onhover, ratio, tab_details } from "./Featured/Featured.css.js";
4
4
  import { BreadcumbHeader } from "./Featured/Header.js";
5
5
  import { article_aside, article_blockquote, article_main_content, article_navigation_link, article_navigation_list, article_navigation_title, article_preview_img, article_preview_wrapper, article_share, article_share_buttons, article_share_icon, article_share_link, article_share_p, article_share_svg, article_spacer, elementSpacer_block, footnotes, insight_header, insight_header_2, insight_header_3, insight_header_4, insight_info__divider, insight_info_row, insight_intro_p, insight_list_item, insight_p } from "./Insight.css.js";
6
6
  export {
@@ -24,6 +24,7 @@ export {
24
24
  article_share_p,
25
25
  article_share_svg,
26
26
  article_spacer,
27
+ divider_tab,
27
28
  elementSpacer_block,
28
29
  featured_center_vertical,
29
30
  featured_grid,
@@ -34,9 +35,12 @@ export {
34
35
  featured_maingrid_text,
35
36
  featured_maingrid_title,
36
37
  featured_section,
38
+ featured_subcontent,
37
39
  featured_subgrid,
38
40
  featured_subgrid_item,
39
41
  featured_subgrid_title,
42
+ featured_subimage,
43
+ featured_subwrap,
40
44
  featured_supertag,
41
45
  featured_title,
42
46
  footnotes,
@@ -50,5 +54,8 @@ export {
50
54
  insight_intro_p,
51
55
  insight_list_item,
52
56
  insight_p,
53
- ratio
57
+ no_tablet,
58
+ onhover,
59
+ ratio,
60
+ tab_details
54
61
  };
@@ -83,10 +83,10 @@ import "../Auth/SignInPassword.js";
83
83
  /* empty css */
84
84
  import "../Carousel/index.js";
85
85
  /* empty css */
86
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
86
87
  /* empty css */
87
88
  import "../Chatbot/store/chat.js";
88
89
  import "../Chatbot/Chatbot.js";
89
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
90
90
  /* empty css */
91
91
  import "../Chatbot/store/messages.js";
92
92
  /* empty css */
@@ -77,10 +77,10 @@ import "../Auth/SignInPassword.js";
77
77
  /* empty css */
78
78
  import "../Carousel/index.js";
79
79
  /* empty css */
80
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
80
81
  /* empty css */
81
82
  import "../Chatbot/store/chat.js";
82
83
  import "../Chatbot/Chatbot.js";
83
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
84
84
  /* empty css */
85
85
  import "../Chatbot/store/messages.js";
86
86
  /* empty css */
@@ -78,10 +78,10 @@ import "../../Auth/SignInPassword.js";
78
78
  /* empty css */
79
79
  import "../../Carousel/index.js";
80
80
  /* empty css */
81
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
81
82
  /* empty css */
82
83
  import "../../Chatbot/store/chat.js";
83
84
  import "../../Chatbot/Chatbot.js";
84
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
85
85
  /* empty css */
86
86
  import "../../Chatbot/store/messages.js";
87
87
  /* empty css */
@@ -82,10 +82,10 @@ import "../../../Auth/SignInPassword.js";
82
82
  /* empty css */
83
83
  import "../../../Carousel/index.js";
84
84
  /* empty css */
85
+ import "../../../Chatbot/Chatbot.css.ts.vanilla.css.js";
85
86
  /* empty css */
86
87
  import "../../../Chatbot/store/chat.js";
87
88
  import "../../../Chatbot/Chatbot.js";
88
- import "../../../Chatbot/Chatbot.css.ts.vanilla.css.js";
89
89
  /* empty css */
90
90
  import "../../../Chatbot/store/messages.js";
91
91
  /* empty css */
@@ -79,10 +79,10 @@ import "../../Auth/SignInPassword.js";
79
79
  /* empty css */
80
80
  import "../../Carousel/index.js";
81
81
  /* empty css */
82
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
82
83
  /* empty css */
83
84
  import "../../Chatbot/store/chat.js";
84
85
  import "../../Chatbot/Chatbot.js";
85
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
86
86
  /* empty css */
87
87
  import "../../Chatbot/store/messages.js";
88
88
  /* empty css */
@@ -80,10 +80,10 @@ import "../../Auth/SignInPassword.js";
80
80
  /* empty css */
81
81
  import "../../Carousel/index.js";
82
82
  /* empty css */
83
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
83
84
  /* empty css */
84
85
  import "../../Chatbot/store/chat.js";
85
86
  import "../../Chatbot/Chatbot.js";
86
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
87
87
  /* empty css */
88
88
  import "../../Chatbot/store/messages.js";
89
89
  /* empty css */
@@ -80,10 +80,10 @@ import "../../Auth/SignInPassword.js";
80
80
  /* empty css */
81
81
  import "../../Carousel/index.js";
82
82
  /* empty css */
83
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
83
84
  /* empty css */
84
85
  import "../../Chatbot/store/chat.js";
85
86
  import "../../Chatbot/Chatbot.js";
86
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
87
87
  /* empty css */
88
88
  import "../../Chatbot/store/messages.js";
89
89
  /* empty css */
@@ -78,10 +78,10 @@ import "../../Auth/SignInPassword.js";
78
78
  /* empty css */
79
79
  import "../../Carousel/index.js";
80
80
  /* empty css */
81
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
81
82
  /* empty css */
82
83
  import "../../Chatbot/store/chat.js";
83
84
  import "../../Chatbot/Chatbot.js";
84
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
85
85
  /* empty css */
86
86
  import "../../Chatbot/store/messages.js";
87
87
  /* empty css */
@@ -79,10 +79,10 @@ import "../../Auth/SignInPassword.js";
79
79
  /* empty css */
80
80
  import "../../Carousel/index.js";
81
81
  /* empty css */
82
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
82
83
  /* empty css */
83
84
  import "../../Chatbot/store/chat.js";
84
85
  import "../../Chatbot/Chatbot.js";
85
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
86
86
  /* empty css */
87
87
  import "../../Chatbot/store/messages.js";
88
88
  /* empty css */
@@ -81,10 +81,10 @@ import "../../Auth/SignInPassword.js";
81
81
  /* empty css */
82
82
  import "../../Carousel/index.js";
83
83
  /* empty css */
84
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
84
85
  /* empty css */
85
86
  import "../../Chatbot/store/chat.js";
86
87
  import "../../Chatbot/Chatbot.js";
87
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
88
88
  /* empty css */
89
89
  import "../../Chatbot/store/messages.js";
90
90
  /* empty css */
@@ -83,10 +83,10 @@ import "../../../Auth/SignInPassword.js";
83
83
  /* empty css */
84
84
  import "../../../Carousel/index.js";
85
85
  /* empty css */
86
+ import "../../../Chatbot/Chatbot.css.ts.vanilla.css.js";
86
87
  /* empty css */
87
88
  import "../../../Chatbot/store/chat.js";
88
89
  import "../../../Chatbot/Chatbot.js";
89
- import "../../../Chatbot/Chatbot.css.ts.vanilla.css.js";
90
90
  /* empty css */
91
91
  import "../../../Chatbot/store/messages.js";
92
92
  /* empty css */
@@ -79,10 +79,10 @@ import "../../Auth/SignInPassword.js";
79
79
  /* empty css */
80
80
  import "../../Carousel/index.js";
81
81
  /* empty css */
82
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
82
83
  /* empty css */
83
84
  import "../../Chatbot/store/chat.js";
84
85
  import "../../Chatbot/Chatbot.js";
85
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
86
86
  /* empty css */
87
87
  import "../../Chatbot/store/messages.js";
88
88
  /* empty css */
@@ -78,10 +78,10 @@ import "../../Auth/SignInPassword.js";
78
78
  /* empty css */
79
79
  import "../../Carousel/index.js";
80
80
  /* empty css */
81
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
81
82
  /* empty css */
82
83
  import "../../Chatbot/store/chat.js";
83
84
  import "../../Chatbot/Chatbot.js";
84
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
85
85
  /* empty css */
86
86
  import "../../Chatbot/store/messages.js";
87
87
  /* empty css */
@@ -79,10 +79,10 @@ import "../../Auth/SignInPassword.js";
79
79
  /* empty css */
80
80
  import "../../Carousel/index.js";
81
81
  /* empty css */
82
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
82
83
  /* empty css */
83
84
  import "../../Chatbot/store/chat.js";
84
85
  import "../../Chatbot/Chatbot.js";
85
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
86
86
  /* empty css */
87
87
  import "../../Chatbot/store/messages.js";
88
88
  /* empty css */
@@ -77,10 +77,10 @@ import "../Auth/SignInPassword.js";
77
77
  /* empty css */
78
78
  import "../Carousel/index.js";
79
79
  /* empty css */
80
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
80
81
  /* empty css */
81
82
  import "../Chatbot/store/chat.js";
82
83
  import "../Chatbot/Chatbot.js";
83
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
84
84
  /* empty css */
85
85
  import "../Chatbot/store/messages.js";
86
86
  /* empty css */
@@ -77,10 +77,10 @@ import "../Auth/SignInPassword.js";
77
77
  /* empty css */
78
78
  import "../Carousel/index.js";
79
79
  /* empty css */
80
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
80
81
  /* empty css */
81
82
  import "../Chatbot/store/chat.js";
82
83
  import "../Chatbot/Chatbot.js";
83
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
84
84
  /* empty css */
85
85
  import "../Chatbot/store/messages.js";
86
86
  /* empty css */
@@ -85,10 +85,10 @@ import "../Auth/SignInPassword.js";
85
85
  /* empty css */
86
86
  import "../Carousel/index.js";
87
87
  /* empty css */
88
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
88
89
  /* empty css */
89
90
  import "../Chatbot/store/chat.js";
90
91
  import "../Chatbot/Chatbot.js";
91
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
92
92
  /* empty css */
93
93
  import "../Chatbot/store/messages.js";
94
94
  /* empty css */
@@ -78,10 +78,10 @@ import "../Auth/SignInPassword.js";
78
78
  /* empty css */
79
79
  import "../Carousel/index.js";
80
80
  /* empty css */
81
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
81
82
  /* empty css */
82
83
  import "../Chatbot/store/chat.js";
83
84
  import "../Chatbot/Chatbot.js";
84
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
85
85
  /* empty css */
86
86
  import "../Chatbot/store/messages.js";
87
87
  /* empty css */
@@ -1,38 +1,38 @@
1
- ._1sr2o6v0 {
1
+ ._1sr2o6v1 {
2
2
  background: var(--_1073cm88);
3
3
  padding-block-end: clamp(48px, calc(3rem + ((1vw - 6.03px) * 19.3939)), 80px);
4
4
  padding-block-start: 0;
5
5
  }
6
- ._1sr2o6v1 {
6
+ ._1sr2o6v2 {
7
7
  color: var(--_1073cm8c);
8
8
  font-size: 18px;
9
9
  line-height: 1.15;
10
10
  padding-bottom: 16px;
11
11
  }
12
- ._1sr2o6v2 {
12
+ ._1sr2o6v3 {
13
13
  font-size: 14px;
14
14
  }
15
- ._1sr2o6v3 {
15
+ ._1sr2o6v4 {
16
16
  display: grid;
17
17
  grid-template-columns: 1fr 1fr;
18
18
  gap: 32px;
19
19
  }
20
- ._1sr2o6v4 {
20
+ ._1sr2o6v5 {
21
21
  border-radius: 16px;
22
22
  cursor: pointer;
23
23
  overflow: hidden;
24
24
  text-decoration: none;
25
25
  }
26
- ._1sr2o6v5 {
26
+ ._1sr2o6v6 {
27
27
  aspect-ratio: 1.69;
28
28
  width: 100%;
29
29
  }
30
- ._1sr2o6v6 {
30
+ ._1sr2o6v7 {
31
31
  display: grid;
32
32
  gap: 16px;
33
33
  padding-block-start: 16px;
34
34
  }
35
- ._1sr2o6v7 {
35
+ ._1sr2o6v8 {
36
36
  font-size: clamp(24px, calc(1.5rem + ((1vw - 7.69px) * 1.5656)), 32px);
37
37
  line-height: 1.15;
38
38
  overflow: hidden;
@@ -42,31 +42,45 @@
42
42
  -webkit-line-clamp: 2;
43
43
  line-clamp: 2;
44
44
  color: var(--_1073cm8c);
45
+ transition: color 0.3s ease;
45
46
  }
46
- ._1sr2o6v8 {
47
+ ._1sr2o6v0:hover ._1sr2o6v8 {
48
+ color: var(--_1073cm82);
49
+ }
50
+ ._1sr2o6v9 {
47
51
  color: var(--_1073cm8c);
48
52
  font-size: 16px;
49
53
  line-height: 1.5;
50
54
  margin-bottom: 0;
55
+ display: -webkit-box;
56
+ -webkit-box-orient: vertical;
57
+ line-clamp: 3;
58
+ -webkit-line-clamp: 3;
59
+ overflow: hidden;
60
+ text-overflow: ellipsis;
51
61
  }
52
- ._1sr2o6v9 {
62
+ ._1sr2o6va {
53
63
  color: var(--_1073cm8f);
54
64
  font-size: 14px;
55
65
  line-height: 1.5;
56
66
  }
57
- ._1sr2o6va {
67
+ ._1sr2o6vc {
58
68
  display: flex;
59
69
  flex-direction: column;
60
70
  justify-content: space-between;
61
71
  gap: 24px;
62
72
  }
63
- ._1sr2o6vb {
73
+ ._1sr2o6vd {
74
+ border-radius: 12px;
75
+ flex-basis: 269px;
76
+ max-width: 269px;
77
+ overflow: hidden;
78
+ }
79
+ ._1sr2o6vg {
64
80
  flex: 1 1 0%;
65
81
  text-decoration: none;
66
82
  }
67
- ._1sr2o6vc {
68
- margin-bottom: 8px;
69
- max-height: min(76px, 108px);
83
+ ._1sr2o6vh {
70
84
  display: -webkit-box;
71
85
  -webkit-box-orient: vertical;
72
86
  line-clamp: 2;
@@ -74,27 +88,73 @@
74
88
  overflow: hidden;
75
89
  text-overflow: ellipsis;
76
90
  width: 100%;
91
+ font-size: 20px !important;
92
+ transition: color 0.3s ease;
77
93
  }
78
- ._1sr2o6vd {
94
+ ._1sr2o6v0:hover ._1sr2o6vh {
95
+ color: var(--_1073cm82);
96
+ }
97
+ ._1sr2o6vi {
79
98
  display: inline-block;
80
99
  vertical-align: middle;
81
100
  }
82
- ._1sr2o6ve {
101
+ ._1sr2o6vj {
83
102
  height: 100%;
84
103
  object-fit: cover;
85
104
  }
86
- ._1sr2o6vf {
105
+ ._1sr2o6vk {
87
106
  padding: 24px;
88
107
  color: #333D46;
89
108
  font-family: var(--main-font-family);
90
109
  min-height: 170px;
91
110
  }
111
+ ._1sr2o6vl {
112
+ flex: 1 1 0%;
113
+ gap: 24px;
114
+ display: flex;
115
+ flex-direction: column;
116
+ }
117
+ ._1sr2o6vm {
118
+ gap: 16px;
119
+ display: flex;
120
+ }
92
121
  @media screen and (max-width:768px) {
93
- ._1sr2o6v1 {
122
+ ._1sr2o6v2 {
94
123
  font-size: 16px;
95
124
  padding-bottom: 24px;
96
125
  }
97
- ._1sr2o6v3 {
126
+ ._1sr2o6v4 {
98
127
  grid-template-columns: 1fr;
99
128
  }
129
+ }
130
+ @media screen and (min-width:769px) {
131
+ ._1sr2o6v9 {
132
+ font-size: clamp(14px, calc(0.875rem + ((1vw - 7.69px) * 0.3914)), 16px);
133
+ }
134
+ ._1sr2o6vd {
135
+ flex-basis: clamp(103px, calc(6.4375rem + ((1vw - 7.69px) * 32.4853)), 269px);
136
+ }
137
+ ._1sr2o6vf {
138
+ height: clamp(10px, calc(0.625rem + ((1vw - 7.69px) * 1.9569)), 20px);
139
+ }
140
+ ._1sr2o6vh {
141
+ font-size: clamp(16px, calc(1rem + ((1vw - 7.69px) * 0.7828)), 20px) !important;
142
+ }
143
+ }
144
+ @media screen and (min-width:769px) and (max-width:980px) {
145
+ ._1sr2o6vb {
146
+ font-size: 12px;
147
+ }
148
+ ._1sr2o6ve {
149
+ display: none;
150
+ }
151
+ }
152
+ @media screen and (max-width:650px) {
153
+ ._1sr2o6vl {
154
+ gap: 10px;
155
+ }
156
+ ._1sr2o6vm {
157
+ gap: 14px;
158
+ flex-direction: column;
159
+ }
100
160
  }
package/dist/main.js CHANGED
@@ -165,7 +165,7 @@ import { DownPaymentInput } from "./Input/DownPaymentInput.js";
165
165
  import { RadioButton, RadioButtonSet } from "./Input/RadioButton.js";
166
166
  import { CategorySelector, InsightItem } from "./Insight/Featured/CategorySelector.js";
167
167
  import { Featured, FeaturedItem } from "./Insight/Featured/Featured.js";
168
- import { featured_center_vertical, featured_grid, featured_main_wrapper, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_text, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title, info_details, ratio } from "./Insight/Featured/Featured.css.js";
168
+ import { divider_tab, featured_center_vertical, featured_grid, featured_main_wrapper, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_text, featured_maingrid_title, featured_section, featured_subcontent, featured_subgrid, featured_subgrid_item, featured_subgrid_title, featured_subimage, featured_subwrap, featured_supertag, featured_title, info_details, no_tablet, onhover, ratio, tab_details } from "./Insight/Featured/Featured.css.js";
169
169
  import { BreadcumbHeader } from "./Insight/Featured/Header.js";
170
170
  import { article_aside, article_blockquote, article_main_content, article_navigation_link, article_navigation_list, article_navigation_title, article_preview_img, article_preview_wrapper, article_share, article_share_buttons, article_share_icon, article_share_link, article_share_p, article_share_svg, article_spacer, elementSpacer_block, footnotes, insight_header, insight_header_2, insight_header_3, insight_header_4, insight_info__divider, insight_info_row, insight_intro_p, insight_list_item, insight_p } from "./Insight/Insight.css.js";
171
171
  import { Interstitial } from "./Interstitial/Interstitial.js";
@@ -559,6 +559,7 @@ export {
559
559
  details,
560
560
  disclosureForm,
561
561
  divider,
562
+ divider_tab,
562
563
  dp_input,
563
564
  dropdown,
564
565
  dynPH,
@@ -589,9 +590,12 @@ export {
589
590
  featured_maingrid_text,
590
591
  featured_maingrid_title,
591
592
  featured_section,
593
+ featured_subcontent,
592
594
  featured_subgrid,
593
595
  featured_subgrid_item,
594
596
  featured_subgrid_title,
597
+ featured_subimage,
598
+ featured_subwrap,
595
599
  featured_supertag,
596
600
  featured_title,
597
601
  filterParams,
@@ -748,9 +752,11 @@ export {
748
752
  na_cursor,
749
753
  nested_grid,
750
754
  noAnswerButton,
755
+ no_tablet,
751
756
  notificationStyle,
752
757
  ol,
753
758
  one_row,
759
+ onhover,
754
760
  order_3,
755
761
  overlay,
756
762
  padding,
@@ -832,6 +838,7 @@ export {
832
838
  svg_fill,
833
839
  svg_icon,
834
840
  svg_logo,
841
+ tab_details,
835
842
  table,
836
843
  tableCell,
837
844
  tableHead,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@axos-web-dev/shared-components",
3
3
  "description": "Axos shared components library for web.",
4
- "version": "2.0.0-dev.31.insights.1",
4
+ "version": "2.0.0-dev.31.insights.3",
5
5
  "type": "module",
6
6
  "main": "index.js",
7
7
  "module": "dist/main.js",