@axos-web-dev/shared-components 0.0.95 → 0.0.96

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 (80) hide show
  1. package/dist/Comparison/Comparison.d.ts +1 -1
  2. package/dist/Comparison/Comparison.interface.d.ts +1 -0
  3. package/dist/Comparison/Comparison.js +5 -3
  4. package/dist/NavigationMenu/AxosAdvisorServices/SubNavBar.js +2 -1
  5. package/dist/PageNavItem/PageNavItem.css.js +1 -1
  6. package/dist/assets/PageNavItem/PageNavItem.css +62 -0
  7. package/package.json +1 -1
  8. package/dist/assets/lib/PageNavItem/PageNavItem.css +0 -166
  9. /package/dist/assets/{lib/Accordion → Accordion}/Accordion.css +0 -0
  10. /package/dist/assets/{lib/AlertBanner → AlertBanner}/AlertBanner.css +0 -0
  11. /package/dist/assets/{lib/Article → Article}/Article.css +0 -0
  12. /package/dist/assets/{lib/ArticlesSet → ArticlesSet}/ArticlesSet.css +0 -0
  13. /package/dist/assets/{lib/AwardsBanner → AwardsBanner}/AwardsBanner.css +0 -0
  14. /package/dist/assets/{lib/AwardsItem → AwardsItem}/AwardsItem.css +0 -0
  15. /package/dist/assets/{lib/BulletItem → BulletItem}/BulletItem.css +0 -0
  16. /package/dist/assets/{lib/Button → Button}/Button.css +0 -0
  17. /package/dist/assets/{lib/Calculators → Calculators}/AnnualFeeCalculator/AnnualFeeCalculator.css +0 -0
  18. /package/dist/assets/{lib/Calculators → Calculators}/ApyCalculator/ApyCalculator.css +0 -0
  19. /package/dist/assets/{lib/Calculators → Calculators}/BalanceAPYCalculator/BalanceAPYCalculator.css +0 -0
  20. /package/dist/assets/{lib/Calculators → Calculators}/MarginTradingCalculator/MarginTradingCalculator.css +0 -0
  21. /package/dist/assets/{lib/Calculators → Calculators}/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css +0 -0
  22. /package/dist/assets/{lib/Calculators → Calculators}/calculator.css +0 -0
  23. /package/dist/assets/{lib/CallToActionBar → CallToActionBar}/CallToActionBar.css +0 -0
  24. /package/dist/assets/{lib/Carousel → Carousel}/Carousel.css +0 -0
  25. /package/dist/assets/{lib/Chevron → Chevron}/Chevron.css +0 -0
  26. /package/dist/assets/{lib/CollectInformationAlert → CollectInformationAlert}/CollectInformationAlert.css +0 -0
  27. /package/dist/assets/{lib/Comparison → Comparison}/Comparison.css +0 -0
  28. /package/dist/assets/{lib/ContentBanner → ContentBanner}/ContentBanner.css +0 -0
  29. /package/dist/assets/{lib/DownloadTile → DownloadTile}/DownloadTile.css +0 -0
  30. /package/dist/assets/{lib/ExecutiveBio → ExecutiveBio}/ExecutiveBio.css +0 -0
  31. /package/dist/assets/{lib/FaqAccordion → FaqAccordion}/FaqAccordion.css +0 -0
  32. /package/dist/assets/{lib/FooterDisclosure → FooterDisclosure}/FooterDisclosure.css +0 -0
  33. /package/dist/assets/{lib/FooterSiteMap → FooterSiteMap}/AxosBank/FooterSiteMap.css +0 -0
  34. /package/dist/assets/{lib/Forms → Forms}/Forms.css +0 -0
  35. /package/dist/assets/{lib/HeroBanner → HeroBanner}/HeroBanner.css +0 -0
  36. /package/dist/assets/{lib/HeroBanner → HeroBanner}/LargeBanner.css +0 -0
  37. /package/dist/assets/{lib/HeroBanner → HeroBanner}/SelectionBanner.css +0 -0
  38. /package/dist/assets/{lib/Hyperlink → Hyperlink}/Hyperlink.css +0 -0
  39. /package/dist/assets/{lib/IconBillboard → IconBillboard}/IconBillboard.css +0 -0
  40. /package/dist/assets/{lib/ImageBillboard → ImageBillboard}/ImageBillboard.css +0 -0
  41. /package/dist/assets/{lib/Input → Input}/Checkbox.css +0 -0
  42. /package/dist/assets/{lib/Input → Input}/DatePicker.css +0 -0
  43. /package/dist/assets/{lib/Input → Input}/Dropdown.css +0 -0
  44. /package/dist/assets/{lib/Input → Input}/Input.css +0 -0
  45. /package/dist/assets/{lib/Input → Input}/InputDate.css +0 -0
  46. /package/dist/assets/{lib/Input → Input}/RadioButton.css +0 -0
  47. /package/dist/assets/{lib/Inputs → Inputs}/Input.css +0 -0
  48. /package/dist/assets/{lib/Interstitial → Interstitial}/Interstitial-variants.css +0 -0
  49. /package/dist/assets/{lib/LandingPageHeader → LandingPageHeader}/LandingPageHeader.css +0 -0
  50. /package/dist/assets/{lib/LoadingIndicator → LoadingIndicator}/LoadingIndicator.css +0 -0
  51. /package/dist/assets/{lib/Modal → Modal}/Modal.css +0 -0
  52. /package/dist/assets/{lib/NavigationMenu → NavigationMenu}/AxosAdvisor/NavBar.css +0 -0
  53. /package/dist/assets/{lib/NavigationMenu → NavigationMenu}/AxosAdvisor/SubNavbar.css +0 -0
  54. /package/dist/assets/{lib/NavigationMenu → NavigationMenu}/AxosAdvisorServices/NavBar.css +0 -0
  55. /package/dist/assets/{lib/NavigationMenu → NavigationMenu}/AxosAdvisorServices/SubNavbar.css +0 -0
  56. /package/dist/assets/{lib/NavigationMenu → NavigationMenu}/AxosBank/NavBar.css +0 -0
  57. /package/dist/assets/{lib/NavigationMenu → NavigationMenu}/AxosBank/SubNavbar.css +0 -0
  58. /package/dist/assets/{lib/NavigationMenu → NavigationMenu}/AxosClearing/NavBar.css +0 -0
  59. /package/dist/assets/{lib/SecondaryFooter → SecondaryFooter}/SecondaryFooter.css +0 -0
  60. /package/dist/assets/{lib/SetContainer → SetContainer}/SetContainer.css +0 -0
  61. /package/dist/assets/{lib/SocialMediaBar → SocialMediaBar}/SocialMediaBar.css +0 -0
  62. /package/dist/assets/{lib/StepItem → StepItem}/StepItem.css +0 -0
  63. /package/dist/assets/{lib/StepItemSet → StepItemSet}/StepItemSet.css +0 -0
  64. /package/dist/assets/{lib/Tab → Tab}/Tab.css +0 -0
  65. /package/dist/assets/{lib/Table → Table}/Table.css +0 -0
  66. /package/dist/assets/{lib/TextBlock → TextBlock}/TextBlock.css +0 -0
  67. /package/dist/assets/{lib/TopicalNavItem → TopicalNavItem}/TopicalNavItem.css +0 -0
  68. /package/dist/assets/{lib/TopicalNavSet → TopicalNavSet}/TopicalNavSet.css +0 -0
  69. /package/dist/assets/{lib/Typography → Typography}/Typography.css +0 -0
  70. /package/dist/assets/{lib/VideoTile → VideoTile}/VideoTile.css +0 -0
  71. /package/dist/assets/{lib/VideoWrapper → VideoWrapper}/VideoWrapper.css +0 -0
  72. /package/dist/assets/{lib/globals.css → globals.css} +0 -0
  73. /package/dist/assets/{lib/icons → icons}/ArrowIcon/ArrowIcon.css +0 -0
  74. /package/dist/assets/{lib/icons → icons}/CheckIcon/CheckIcon.css +0 -0
  75. /package/dist/assets/{lib/icons → icons}/DownloadIcon/DownloadIcon.css +0 -0
  76. /package/dist/assets/{lib/icons → icons}/FollowIcon/FollowIcon.css +0 -0
  77. /package/dist/assets/{lib/icons → icons}/Star/Star.css +0 -0
  78. /package/dist/assets/{lib/index.css → index.css} +0 -0
  79. /package/dist/assets/{lib/themes → themes}/axos.css +0 -0
  80. /package/dist/assets/{lib/themes → themes}/premier.css +0 -0
@@ -1,3 +1,3 @@
1
1
  import { ComparisonProps } from './Comparison.interface';
2
2
 
3
- export declare const Comparison: ({ id, variant: fullVariant, headline, description, bullets, callToActionRow, keyFeature, keyFeatureDescription, highlightedFeature, index, toggleState, }: ComparisonProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const Comparison: ({ id, variant: fullVariant, headline, description, bullets, callToActionRow, keyFeature, keyFeatureDescription, highlightedFeature, index, toggleState, table, }: ComparisonProps) => import("react/jsx-runtime").JSX.Element;
@@ -21,4 +21,5 @@ export interface ComparisonProps {
21
21
  index?: number;
22
22
  toggleState?: number;
23
23
  headerTab?: string;
24
+ table?: ReactNode | string;
24
25
  }
@@ -1,4 +1,4 @@
1
- import { jsxs, jsx } from "react/jsx-runtime";
1
+ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
2
  import { BulletItem } from "../BulletItem/BulletItem.js";
3
3
  import { Chevron } from "../Chevron/index.js";
4
4
  import { getVariant } from "../utils/getVariant.js";
@@ -104,7 +104,8 @@ const Comparison = ({
104
104
  keyFeatureDescription,
105
105
  highlightedFeature,
106
106
  index,
107
- toggleState
107
+ toggleState,
108
+ table
108
109
  }) => {
109
110
  return /* @__PURE__ */ jsxs(
110
111
  "div",
@@ -151,7 +152,8 @@ const Comparison = ({
151
152
  ) }),
152
153
  /* @__PURE__ */ jsx("span", { children: item.copy })
153
154
  ] }, item.id)
154
- ) }) })
155
+ ) }) }),
156
+ table && /* @__PURE__ */ jsx(Fragment, { children: table })
155
157
  ] }) }),
156
158
  callToActionRow && /* @__PURE__ */ jsx("div", { className: clsx(comparison_buttons, "push_up"), children: callToActionRow.map(
157
159
  ({ id: id2, variant, displayText, targetUrl, type }) => type === "Button" ? /* @__PURE__ */ jsx(
@@ -18,7 +18,8 @@ function SubNavBar() {
18
18
  "/scale-your-business",
19
19
  "/serve-your-clients",
20
20
  "/optimize-operations",
21
- "/axos-advantage"
21
+ "/axos-advantage",
22
+ "/cash-management-solutions"
22
23
  ].some((el) => pathname?.includes(el))
23
24
  );
24
25
  }, [pathname]);
@@ -1,6 +1,6 @@
1
- /* empty css */
2
1
  /* empty css */
3
2
  /* empty css */
3
+ /* empty css */
4
4
  /* empty css */
5
5
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
6
6
  var pn_btn = createRuntimeFn({ defaultClassName: "_13qd2mm0", variantClassNames: { variant: { primary: "_13qd2mm1", secondary: "_13qd2mm2" } }, defaultVariants: {}, compoundVariants: [] });
@@ -0,0 +1,62 @@
1
+ ._13qd2mm0 {
2
+ background-color: transparent;
3
+ border-radius: 8px;
4
+ overflow: hidden;
5
+ transition: all 0.15s ease-in;
6
+ outline: 0 !important;
7
+ text-align: center;
8
+ }
9
+ ._1073cm80 ._13qd2mm1 {
10
+ border: 1px solid #87b9d7;
11
+ }
12
+ ._1es6o1h0 ._13qd2mm1 {
13
+ border: 1px solid #1E262F;
14
+ }
15
+ ._1073cm80 ._13qd2mm2 {
16
+ border: 1px solid #87b9d7;
17
+ }
18
+ ._1es6o1h0 ._13qd2mm2 {
19
+ border: 1px solid #1E262F;
20
+ }
21
+ ._13qd2mm3 {
22
+ outline: 0 !important;
23
+ display: inline-block;
24
+ font: 500 20px / 1.3 var(--header-font-family);
25
+ letter-spacing: 0.2px;
26
+ margin-bottom: 0;
27
+ padding: 14px 32px;
28
+ text-decoration: none;
29
+ white-space: nowrap;
30
+ }
31
+ ._13qd2mm4 {
32
+ background: var(--_1073cm84);
33
+ background-clip: text;
34
+ -webkit-text-fill-color: transparent;
35
+ text-shadow: 0px 0px #00000000;
36
+ }
37
+ ._13qd2mm5 {
38
+ background: var(--_1073cm8b);
39
+ background-clip: text;
40
+ -webkit-text-fill-color: transparent;
41
+ text-shadow: 0px 0px #00000000;
42
+ }
43
+ ._1073cm80 ._13qd2mm0.active {
44
+ background: linear-gradient(45deg, #051a3f 14.64%, #1e3860 48.42%, #4d85b0 85.36%);
45
+ }
46
+ ._1es6o1h0 ._13qd2mm0.active {
47
+ background: #1E262F;
48
+ }
49
+ .active ._13qd2mm3 {
50
+ color: #fff !important;
51
+ font-weight: 600;
52
+ background: none;
53
+ -webkit-text-fill-color: inherit;
54
+ }
55
+ .active ._13qd2mm3:focus {
56
+ outline: 0 !important;
57
+ }
58
+ @media (max-width:1280px) {
59
+ ._13qd2mm3 {
60
+ font: 400 16px / 1.5 var(--main-font-family);
61
+ }
62
+ }
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": "0.0.95",
4
+ "version": "0.0.96",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",
@@ -1,166 +0,0 @@
1
- ._13qd2mm0 {
2
- background-color: transparent;
3
- border-radius: 8px;
4
- overflow: hidden;
5
- transition: all 0.15s ease-in;
6
- outline: 0 !important;
7
- text-align: center;
8
- }
9
- ._1073cm80 ._13qd2mm1 {
10
- border: 1px solid #87b9d7;
11
- }
12
- ._1es6o1h0 ._13qd2mm1 {
13
- border: 1px solid #1E262F;
14
- }
15
- ._1073cm80 ._13qd2mm2 {
16
- border: 1px solid #87b9d7;
17
- }
18
- ._1es6o1h0 ._13qd2mm2 {
19
- border: 1px solid #1E262F;
20
- }
21
- ._13qd2mm3 {
22
- outline: 0 !important;
23
- display: inline-block;
24
- font: 500 20px / 1.3 var(--header-font-family);
25
- letter-spacing: 0.2px;
26
- margin-bottom: 0;
27
- padding: 14px 32px;
28
- text-decoration: none;
29
- white-space: nowrap;
30
- }
31
- ._13qd2mm4 {
32
- background: var(--_1073cm84);
33
- background-clip: text;
34
- -webkit-text-fill-color: transparent;
35
- text-shadow: 0px 0px #00000000;
36
- }
37
- ._13qd2mm5 {
38
- background: var(--_1073cm8b);
39
- background-clip: text;
40
- -webkit-text-fill-color: transparent;
41
- text-shadow: 0px 0px #00000000;
42
- }
43
- ._1073cm80 options => {
44
- var className = config.defaultClassName;
45
- var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
46
- for (var variantName in selections) {
47
- var _selections$variantNa;
48
- var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
49
- if (variantSelection != null) {
50
- var selection = variantSelection;
51
- if (typeof selection === 'boolean') {
52
- // @ts-expect-error
53
- selection = selection === true ? 'true' : 'false';
54
- }
55
- var selectionClassName =
56
- // @ts-expect-error
57
- config.variantClassNames[variantName][selection];
58
- if (selectionClassName) {
59
- className += ' ' + selectionClassName;
60
- }
61
- }
62
- }
63
- for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
64
- if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
65
- className += ' ' + compoundClassName;
66
- }
67
- }
68
- return className;
69
- }.active {
70
- background: linear-gradient(45deg, #051a3f 14.64%, #1e3860 48.42%, #4d85b0 85.36%);
71
- }
72
- ._1es6o1h0 options => {
73
- var className = config.defaultClassName;
74
- var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
75
- for (var variantName in selections) {
76
- var _selections$variantNa;
77
- var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
78
- if (variantSelection != null) {
79
- var selection = variantSelection;
80
- if (typeof selection === 'boolean') {
81
- // @ts-expect-error
82
- selection = selection === true ? 'true' : 'false';
83
- }
84
- var selectionClassName =
85
- // @ts-expect-error
86
- config.variantClassNames[variantName][selection];
87
- if (selectionClassName) {
88
- className += ' ' + selectionClassName;
89
- }
90
- }
91
- }
92
- for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
93
- if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
94
- className += ' ' + compoundClassName;
95
- }
96
- }
97
- return className;
98
- }.active {
99
- background: #1E262F;
100
- }
101
- .active options => {
102
- var className = config.defaultClassName;
103
- var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
104
- for (var variantName in selections) {
105
- var _selections$variantNa;
106
- var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
107
- if (variantSelection != null) {
108
- var selection = variantSelection;
109
- if (typeof selection === 'boolean') {
110
- // @ts-expect-error
111
- selection = selection === true ? 'true' : 'false';
112
- }
113
- var selectionClassName =
114
- // @ts-expect-error
115
- config.variantClassNames[variantName][selection];
116
- if (selectionClassName) {
117
- className += ' ' + selectionClassName;
118
- }
119
- }
120
- }
121
- for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
122
- if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
123
- className += ' ' + compoundClassName;
124
- }
125
- }
126
- return className;
127
- } {
128
- color: #fff !important;
129
- font-weight: 600;
130
- background: none;
131
- -webkit-text-fill-color: inherit;
132
- }
133
- .active options => {
134
- var className = config.defaultClassName;
135
- var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
136
- for (var variantName in selections) {
137
- var _selections$variantNa;
138
- var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
139
- if (variantSelection != null) {
140
- var selection = variantSelection;
141
- if (typeof selection === 'boolean') {
142
- // @ts-expect-error
143
- selection = selection === true ? 'true' : 'false';
144
- }
145
- var selectionClassName =
146
- // @ts-expect-error
147
- config.variantClassNames[variantName][selection];
148
- if (selectionClassName) {
149
- className += ' ' + selectionClassName;
150
- }
151
- }
152
- }
153
- for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
154
- if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
155
- className += ' ' + compoundClassName;
156
- }
157
- }
158
- return className;
159
- }:focus {
160
- outline: 0 !important;
161
- }
162
- @media (max-width:1280px) {
163
- ._13qd2mm3 {
164
- font: 400 16px / 1.5 var(--main-font-family);
165
- }
166
- }
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes