@axos-web-dev/shared-components 1.0.95-dev.2 → 1.0.95-feature-brand.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 (127) hide show
  1. package/dist/Article/Article.css.d.ts +8 -36
  2. package/dist/AwardsBanner/AwardsBanner.css.js +4 -1
  3. package/dist/AwardsItem/AwardsItem.css.js +1 -2
  4. package/dist/Blockquote/Blockquote.module.js +3 -3
  5. package/dist/Button/Button.css.d.ts +3 -3
  6. package/dist/Calculators/calculator.css.d.ts +2 -8
  7. package/dist/CallToActionBar/index.js +1 -1
  8. package/dist/Carousel/Carousel.css.d.ts +8 -19
  9. package/dist/Chevron/Chevron.css.d.ts +2 -2
  10. package/dist/CollectInformationAlert/index.js +1 -1
  11. package/dist/Comparison/Comparison.js +2 -2
  12. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +3 -3
  13. package/dist/Forms/Forms.css.d.ts +2 -30
  14. package/dist/HeroBanner/HeroBanner.css.d.ts +5 -17
  15. package/dist/HeroBanner/HeroBanner.js +1 -12
  16. package/dist/HeroBanner/SelectionBanner.css.d.ts +1 -19
  17. package/dist/HeroBanner/SelectionBanner.css.js +6 -6
  18. package/dist/IconBillboard/IconBillboard.css.d.ts +6 -40
  19. package/dist/ImageBillboard/ImageBillboard.css.d.ts +5 -61
  20. package/dist/LoadingIndicator/LoadingIndicator.css.d.ts +4 -4
  21. package/dist/Modal/Modal.css.d.ts +1 -0
  22. package/dist/Modal/Modal.css.js +5 -3
  23. package/dist/Modal/Modal.js +3 -3
  24. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +2 -2
  25. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +16 -16
  26. package/dist/NavigationMenu/AxosBank/NavBar.css.js +2 -1
  27. package/dist/NavigationMenu/AxosBank/NavBar.module.js +41 -41
  28. package/dist/NavigationMenu/AxosBank/SubNavBar.js +227 -220
  29. package/dist/NavigationMenu/AxosBank/SubNavbar.css.d.ts +2 -0
  30. package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +4 -0
  31. package/dist/PageNavItem/PageNavItem.css.d.ts +4 -14
  32. package/dist/Pagination/Pagination.js +6 -6
  33. package/dist/StepItem/StepItem.css.d.ts +8 -36
  34. package/dist/StepItemSet/StepItemSet.css.d.ts +4 -32
  35. package/dist/StepItemSet/StepItemSet.d.ts +1 -1
  36. package/dist/StepItemSet/StepItemSet.js +18 -82
  37. package/dist/StepItemSet/index.d.ts +5 -0
  38. package/dist/StepItemSet/index.js +10 -0
  39. package/dist/StepItemSet/sections/AdditionalDetailsSection.d.ts +7 -0
  40. package/dist/StepItemSet/sections/AdditionalDetailsSection.js +11 -0
  41. package/dist/StepItemSet/sections/CallToActionSection.d.ts +8 -0
  42. package/dist/StepItemSet/sections/CallToActionSection.js +39 -0
  43. package/dist/StepItemSet/sections/HeaderSection.d.ts +10 -0
  44. package/dist/StepItemSet/sections/HeaderSection.js +45 -0
  45. package/dist/StepItemSet/sections/ImageSection.d.ts +8 -0
  46. package/dist/StepItemSet/sections/ImageSection.js +10 -0
  47. package/dist/StepItemSet/sections/StepsList.d.ts +10 -0
  48. package/dist/StepItemSet/sections/StepsList.js +21 -0
  49. package/dist/Table/Table.css.d.ts +3 -2
  50. package/dist/Table/Table.js +1 -1
  51. package/dist/assets/Accordion/Accordion.css +1 -1
  52. package/dist/assets/Article/Article.css +47 -59
  53. package/dist/assets/ArticlesSet/ArticlesSet.css +12 -12
  54. package/dist/assets/Auth/SignIn.css +12 -12
  55. package/dist/assets/AwardsBanner/AwardsBanner.css +1 -1
  56. package/dist/assets/AwardsItem/AwardsItem.css +3 -4
  57. package/dist/assets/Blockquote/Blockquote.css.css +68 -68
  58. package/dist/assets/Button/Button.css +21 -21
  59. package/dist/assets/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css +8 -8
  60. package/dist/assets/Calculators/ApyCalculator/ApyCalculator.css +10 -10
  61. package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css +9 -9
  62. package/dist/assets/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css +19 -19
  63. package/dist/assets/Calculators/BuyDownCalculator/BuyDownCalculator.css +14 -14
  64. package/dist/assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css +9 -9
  65. package/dist/assets/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css +9 -9
  66. package/dist/assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css +9 -9
  67. package/dist/assets/Calculators/calculator.css +9 -15
  68. package/dist/assets/CallToActionBar/CallToActionBar.css +1 -4
  69. package/dist/assets/Carousel/Carousel.css +27 -41
  70. package/dist/assets/Chevron/Chevron.css +6 -6
  71. package/dist/assets/CollectInformationAlert/CollectInformationAlert.css +4 -3
  72. package/dist/assets/Comparison/Comparison.css +3 -3
  73. package/dist/assets/ContentBanner/ContentBanner.css +8 -8
  74. package/dist/assets/DownloadTile/DownloadTile.css +3 -3
  75. package/dist/assets/ExecutiveBio/ExecutiveBio.css +23 -23
  76. package/dist/assets/FaqAccordion/FaqAccordion.css +4 -4
  77. package/dist/assets/FooterDisclosure/FooterDisclosure.css +1 -1
  78. package/dist/assets/FooterSiteMap/AxosBank/FooterSiteMap.css +3 -3
  79. package/dist/assets/Forms/Forms.css +38 -56
  80. package/dist/assets/Forms/QuickPricer/UserInformation.css +1 -1
  81. package/dist/assets/HeroBanner/HeroBanner.css +81 -76
  82. package/dist/assets/HeroBanner/LargeBanner.css +13 -13
  83. package/dist/assets/HeroBanner/SelectionBanner.css +15 -29
  84. package/dist/assets/IconBillboard/IconBillboard.css +25 -48
  85. package/dist/assets/ImageBillboard/ImageBillboard.css +29 -62
  86. package/dist/assets/Input/Input.css +6 -6
  87. package/dist/assets/Inputs/Input.css +4 -4
  88. package/dist/assets/Insight/Featured/CategorySelector.css +1 -1
  89. package/dist/assets/Interstitial/Interstitial-variants.css +3 -3
  90. package/dist/assets/LandingPageHeader/LandingPageHeader.css +1 -1
  91. package/dist/assets/LoadingIndicator/LoadingIndicator.css +5 -5
  92. package/dist/assets/Modal/Modal.css +17 -28
  93. package/dist/assets/NavigationMenu/AxosALTS/NavBar.css +1 -1
  94. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css +2 -2
  95. package/dist/assets/NavigationMenu/AxosAdvisor/SubNavbar.css +4 -4
  96. package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css +2 -2
  97. package/dist/assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css +4 -4
  98. package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css +191 -191
  99. package/dist/assets/NavigationMenu/AxosBank/NavBar.css +19 -9
  100. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +446 -473
  101. package/dist/assets/NavigationMenu/AxosBank/SubNavbar.css +35 -1
  102. package/dist/assets/PageNavItem/PageNavItem.css +16 -24
  103. package/dist/assets/Pagination/Pagination.css +1 -1
  104. package/dist/assets/SetContainer/SetContainer.css +4 -4
  105. package/dist/assets/StepItem/StepItem.css +26 -42
  106. package/dist/assets/StepItemSet/StepItemSet.css +13 -26
  107. package/dist/assets/Tab/Tab.css +12 -12
  108. package/dist/assets/Table/Table.css +48 -56
  109. package/dist/assets/TextBlock/TextBlock.css +1 -1
  110. package/dist/assets/TopicalNavItem/TopicalNavItem.css +2 -2
  111. package/dist/assets/TopicalNavSet/TopicalNavSet.css +1 -1
  112. package/dist/assets/VideoTile/VideoTile.css +1 -1
  113. package/dist/assets/globals.css +5 -6
  114. package/dist/assets/icons/ArrowIcon/ArrowIcon.css +3 -3
  115. package/dist/assets/icons/DownloadIcon/DownloadIcon.css +1 -1
  116. package/dist/assets/icons/FollowIcon/FollowIcon.css +1 -1
  117. package/dist/assets/themes/axos.css +30 -30
  118. package/dist/assets/themes/premier.css +31 -31
  119. package/dist/assets/themes/victorie.css +23 -23
  120. package/dist/icons/CheckCircle.js +1 -1
  121. package/dist/icons/CheckCircleLight.js +1 -1
  122. package/dist/icons/CheckIcon/index.js +1 -1
  123. package/dist/icons/QuoteIconGrey.js +2 -2
  124. package/dist/main.js +10 -0
  125. package/dist/themes/axos.css.d.ts +12 -12
  126. package/dist/themes/axos.css.js +1 -1
  127. package/package.json +1 -1
@@ -12,7 +12,7 @@ a:not([class]):hover {
12
12
  opacity: 0.8;
13
13
  }
14
14
  body {
15
- color: #333d46;
15
+ color: #1F1F1F;
16
16
  font-family: var(--main-font-family);
17
17
  font-size: 16px;
18
18
  letter-spacing: 0.2px;
@@ -124,10 +124,11 @@ li p, p:last-child, p:only-child {
124
124
  font-family: var(--main-font-family);
125
125
  font-size: 14px;
126
126
  font-weight: 700;
127
- line-height: 26px;
127
+ line-height: 1.5;
128
128
  }
129
129
  h1, h2, h3, h4, h5, h6, es_font {
130
130
  font-family: var(--header-font-family);
131
+ font-weight: 700;
131
132
  }
132
133
  .header_1 {
133
134
  font-size: 2.5rem;
@@ -139,16 +140,14 @@ h1, h2, h3, h4, h5, h6, es_font {
139
140
  }
140
141
  .header_3 {
141
142
  font-size: 28px;
142
- font-weight: 600;
143
143
  line-height: 36px;
144
144
  }
145
145
  .header_4 {
146
146
  font-size: 20px;
147
- font-weight: 600;
148
147
  line-height: 28px;
149
148
  }
150
149
  .gradient_text {
151
- background: linear-gradient(3deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
150
+ background: linear-gradient(3deg, #1E3860 14.64%, #1E3860 48.42%, #1E3860 85.36%);
152
151
  background-size: 100%;
153
152
  background-repeat: repeat;
154
153
  background-clip: text;
@@ -177,7 +176,7 @@ h1, h2, h3, h4, h5, h6, es_font {
177
176
  .btn_link {
178
177
  background-color: transparent;
179
178
  border: 0;
180
- color: #323339;
179
+ color: #1F1F1F;
181
180
  display: inline-block;
182
181
  font-size: 16px;
183
182
  font-weight: 600;
@@ -1,9 +1,9 @@
1
1
  ._1pwixiv1 {
2
- fill: var(--_1073cm86);
2
+ fill: var(--_1073cm82);
3
3
  }
4
4
  ._1pwixiv2 {
5
- fill: var(--_1073cm8k);
5
+ fill: var(--_1073cm8g);
6
6
  }
7
7
  ._1pwixiv3 {
8
- fill: var(--_1073cm8g);
8
+ fill: var(--_1073cm8h);
9
9
  }
@@ -1,3 +1,3 @@
1
1
  ._1r03g400 {
2
- fill: var(--_1073cm86);
2
+ fill: var(--_1073cm82);
3
3
  }
@@ -1,3 +1,3 @@
1
1
  ._1wjdwci0 {
2
- fill: var(--_1073cm86);
2
+ fill: var(--_1073cm82);
3
3
  }
@@ -1,40 +1,40 @@
1
1
  ._1073cm80 {
2
2
  --_1073cm81: #FFFFFF;
3
- --_1073cm82: #333D46;
4
- --_1073cm83: #1E3860;
5
- --_1073cm84: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
6
- --_1073cm85: #FFFFFF;
7
- --_1073cm86: #2F5B88;
8
- --_1073cm87: #D4D4D4;
9
- --_1073cm88: #F4F4F4;
10
- --_1073cm89: #333D46;
11
- --_1073cm8a: #1E3860;
12
- --_1073cm8b: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
13
- --_1073cm8c: #FFFFFF;
14
- --_1073cm8d: #2F5B88;
15
- --_1073cm8e: #D4D4D4;
16
- --_1073cm8f: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
17
- --_1073cm8g: #FFFFFF;
3
+ --_1073cm82: #1E629A;
4
+ --_1073cm83: #1F1F1F;
5
+ --_1073cm84: #D4D4D4;
6
+ --_1073cm85: #1E3860;
7
+ --_1073cm86: #FFFFFF;
8
+ --_1073cm87: linear-gradient(45deg, #1E3860, #1E3860);
9
+ --_1073cm88: #E9F8FF;
10
+ --_1073cm89: #1E629A;
11
+ --_1073cm8a: #1F1F1F;
12
+ --_1073cm8b: #D4D4D4;
13
+ --_1073cm8c: #1E3860;
14
+ --_1073cm8d: #FFFFFF;
15
+ --_1073cm8e: linear-gradient(45deg, #1E3860, #1E3860);
16
+ --_1073cm8f: #1E3860;
17
+ --_1073cm8g: #98DDFF;
18
18
  --_1073cm8h: #FFFFFF;
19
- --_1073cm8i: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
20
- --_1073cm8j: #1E3860;
21
- --_1073cm8k: #FAA74A;
22
- --_1073cm8l: #1E3860;
23
- --_1073cm8m: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
24
- --_1073cm8n: #FFFFFF;
25
- --_1073cm8o: #FAA74A;
26
- --_1073cm8p: linear-gradient(45deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
19
+ --_1073cm8i: #1E3860;
20
+ --_1073cm8j: #FFFFFF;
21
+ --_1073cm8k: #1E3860;
22
+ --_1073cm8l: linear-gradient(45deg, #FFFFFF, #FFFFFF);
23
+ --_1073cm8m: #14263D;
24
+ --_1073cm8n: #98DDFF;
25
+ --_1073cm8o: #FFFFFF;
26
+ --_1073cm8p: #14263D;
27
27
  --_1073cm8q: #FFFFFF;
28
- --_1073cm8r: #FAA74A;
29
- --_1073cm8s: #4D85B0;
28
+ --_1073cm8r: #1E3860;
29
+ --_1073cm8s: linear-gradient(45deg, #FFFFFF, #FFFFFF);
30
30
  --_1073cm8t: #D2272F;
31
31
  --_1073cm8u: #BDBDBD;
32
32
  --_1073cm8v: #5E6A74;
33
33
  --_1073cm8w: #F4F4F4;
34
- --_1073cm8x: #00805B;
35
- --_1073cm8y: #38D7A4;
36
- --_1073cm8z: linear-gradient(0deg,#152d54,#27466f);
34
+ --_1073cm8x: #1E3860;
35
+ --_1073cm8y: #98DDFF;
36
+ --_1073cm8z: linear-gradient(0deg,#1E3860,#1E3860);
37
37
  --_1073cm810: #FFFFFF;
38
- --_1073cm811: #0062b3;
39
- --_1073cm812: #4A5560;
38
+ --_1073cm811: #1A6AAA;
39
+ --_1073cm812: #14263D;
40
40
  }
@@ -1,40 +1,40 @@
1
1
  ._1es6o1h0 {
2
2
  --_1073cm81: #FFFFFF;
3
- --_1073cm82: #333D46;
4
- --_1073cm83: #1E262F;
5
- --_1073cm84: #1E262F;
6
- --_1073cm85: #FFFFFF;
7
- --_1073cm86: #1E262F;
8
- --_1073cm87: #D4D4D4;
9
- --_1073cm88: #F4F4F4;
10
- --_1073cm89: #333D46;
11
- --_1073cm8a: #1E262F;
12
- --_1073cm8b: #1E262F;
13
- --_1073cm8c: #FFFFFF;
14
- --_1073cm8d: #1E262F;
15
- --_1073cm8e: #D4D4D4;
16
- --_1073cm8f: #1E262F;
17
- --_1073cm8g: #FFFFFF;
3
+ --_1073cm82: #1E629A;
4
+ --_1073cm83: #1F1F1F;
5
+ --_1073cm84: #D4D4D4;
6
+ --_1073cm85: #1E3860;
7
+ --_1073cm86: #FFFFFF;
8
+ --_1073cm87: linear-gradient(45deg, #1E3860, #1E3860);
9
+ --_1073cm88: #E9F8FF;
10
+ --_1073cm89: #1E629A;
11
+ --_1073cm8a: #1F1F1F;
12
+ --_1073cm8b: #D4D4D4;
13
+ --_1073cm8c: #1E3860;
14
+ --_1073cm8d: #FFFFFF;
15
+ --_1073cm8e: linear-gradient(45deg, #1E3860, #1E3860);
16
+ --_1073cm8f: #1E3860;
17
+ --_1073cm8g: #98DDFF;
18
18
  --_1073cm8h: #FFFFFF;
19
- --_1073cm8i: #FFFFFF;
20
- --_1073cm8j: #1E262F;
21
- --_1073cm8k: #FAA74A;
22
- --_1073cm8l: #333D46;
23
- --_1073cm8m: #1E262F;
24
- --_1073cm8n: #FFFFFF;
25
- --_1073cm8o: #FAA74A;
26
- --_1073cm8p: #FFFFFF;
19
+ --_1073cm8i: #1E3860;
20
+ --_1073cm8j: #FFFFFF;
21
+ --_1073cm8k: #1E3860;
22
+ --_1073cm8l: linear-gradient(45deg, #FFFFFF, #FFFFFF);
23
+ --_1073cm8m: #14263D;
24
+ --_1073cm8n: #98DDFF;
25
+ --_1073cm8o: #FFFFFF;
26
+ --_1073cm8p: #14263D;
27
27
  --_1073cm8q: #FFFFFF;
28
- --_1073cm8r: #FAA74A;
29
- --_1073cm8s: #333D46;
28
+ --_1073cm8r: #1E3860;
29
+ --_1073cm8s: linear-gradient(45deg, #FFFFFF, #FFFFFF);
30
30
  --_1073cm8t: #D2272F;
31
31
  --_1073cm8u: #BDBDBD;
32
32
  --_1073cm8v: #5E6A74;
33
33
  --_1073cm8w: #F4F4F4;
34
- --_1073cm8x: #1E262F;
35
- --_1073cm8y: #FAA74A;
36
- --_1073cm8z: linear-gradient(0deg, #2c3642, #1e262f);
37
- --_1073cm810: #FAA74A;
38
- --_1073cm811: #1E262F;
39
- --_1073cm812: #1E262F;
34
+ --_1073cm8x: #1E3860;
35
+ --_1073cm8y: #98DDFF;
36
+ --_1073cm8z: linear-gradient(0deg,#1E3860,#1E3860);
37
+ --_1073cm810: #FFFFFF;
38
+ --_1073cm811: #1A6AAA;
39
+ --_1073cm812: #14263D;
40
40
  }
@@ -1,32 +1,32 @@
1
1
  .fl2fv50 {
2
2
  --_1073cm81: #FFFFFF;
3
- --_1073cm82: #344a53;
4
- --_1073cm83: #28587d;
5
- --_1073cm84: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
6
- --_1073cm85: #FFFFFF;
7
- --_1073cm86: #dd7b50;
8
- --_1073cm87: #7a7b7e;
3
+ --_1073cm83: #344a53;
4
+ --_1073cm85: #28587d;
5
+ --_1073cm87: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
6
+ --_1073cm86: #FFFFFF;
7
+ --_1073cm82: #dd7b50;
8
+ --_1073cm84: #7a7b7e;
9
9
  --_1073cm88: #F4F4F4;
10
- --_1073cm89: #344a53;
11
- --_1073cm8a: #28587d;
12
- --_1073cm8b: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
13
- --_1073cm8c: #FFFFFF;
14
- --_1073cm8d: #dd7b50;
15
- --_1073cm8e: #d4d4d4;
10
+ --_1073cm8a: #344a53;
11
+ --_1073cm8c: #28587d;
12
+ --_1073cm8e: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
13
+ --_1073cm8d: #FFFFFF;
14
+ --_1073cm89: #dd7b50;
15
+ --_1073cm8b: #d4d4d4;
16
16
  --_1073cm8f: #28587d;
17
- --_1073cm8g: #FFFFFF;
18
17
  --_1073cm8h: #FFFFFF;
19
- --_1073cm8i: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
20
- --_1073cm8j: #ffffff;
21
- --_1073cm8k: #dd7b50;
22
- --_1073cm8l: #ffffff;
18
+ --_1073cm8j: #FFFFFF;
19
+ --_1073cm8l: linear-gradient(45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36%);
20
+ --_1073cm8k: #ffffff;
21
+ --_1073cm8g: #dd7b50;
22
+ --_1073cm8i: #ffffff;
23
23
  --_1073cm8m: #E7F5FA;
24
- --_1073cm8n: #344A53;
25
- --_1073cm8o: #28587d;
26
- --_1073cm8p: linear-gradient( 45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36% );
27
- --_1073cm8q: #FFFFFF;
28
- --_1073cm8r: #28587d;
29
- --_1073cm8s: #E7F5FA;
24
+ --_1073cm8o: #344A53;
25
+ --_1073cm8q: #28587d;
26
+ --_1073cm8s: linear-gradient( 45deg, #28587d 14.64%, #28587d 48.42%, #28587d 85.36% );
27
+ --_1073cm8r: #FFFFFF;
28
+ --_1073cm8n: #28587d;
29
+ --_1073cm8p: #E7F5FA;
30
30
  --_1073cm8t: #D2272F;
31
31
  --_1073cm8u: #BDBDBD;
32
32
  --_1073cm8v: #5E6A74;
@@ -16,7 +16,7 @@ const SvgCheckCircle = (props) => /* @__PURE__ */ jsx(
16
16
  fillRule: "evenodd",
17
17
  clipRule: "evenodd",
18
18
  d: "M21 10.5C21 4.70101 16.299 0 10.5 0C4.70101 0 0 4.70101 0 10.5C0 16.299 4.70101 21 10.5 21C16.299 21 21 16.299 21 10.5ZM15.2196 6.96968L16.2803 8.03034L8.99996 15.3107L4.71964 11.0303L5.78029 9.96968L8.99996 13.1888L15.2196 6.96968Z",
19
- fill: "#00805B"
19
+ fill: "#1E3860"
20
20
  }
21
21
  )
22
22
  }
@@ -14,7 +14,7 @@ const SvgCheckCircleLight = (props) => /* @__PURE__ */ jsx(
14
14
  fillRule: "evenodd",
15
15
  clipRule: "evenodd",
16
16
  d: "M21 10.5C21 4.70101 16.299 0 10.5 0C4.70101 0 0 4.70101 0 10.5C0 16.299 4.70101 21 10.5 21C16.299 21 21 16.299 21 10.5ZM15.2196 6.96968L16.2803 8.03034L8.99996 15.3107L4.71964 11.0303L5.78029 9.96968L8.99996 13.1888L15.2196 6.96968Z",
17
- fill: "#38D7A4"
17
+ fill: "#98DDFF"
18
18
  }
19
19
  )
20
20
  }
@@ -16,7 +16,7 @@ const SvgCheckIcon = (props) => {
16
16
  fillRule: "evenodd",
17
17
  clipRule: "evenodd",
18
18
  d: "M17.75 9C17.75 4.16751 13.8325 0.25 9 0.25C4.16751 0.25 0.25 4.16751 0.25 9C0.25 13.8325 4.16751 17.75 9 17.75C13.8325 17.75 17.75 13.8325 17.75 9ZM12.933 6.05807L13.8169 6.94195L7.74997 13.0089L4.18303 9.44195L5.06691 8.55807L7.74997 11.2406L12.933 6.05807Z",
19
- fill: "#00805B"
19
+ fill: "#1E3860"
20
20
  }
21
21
  )
22
22
  }
@@ -14,14 +14,14 @@ const SvgQuoteIconGrey = (props) => /* @__PURE__ */ jsxs(
14
14
  "path",
15
15
  {
16
16
  d: "M14.8115 0.898438C6.99074 0.898438 0.650391 7.16583 0.650391 14.8966C0.650391 22.6273 6.99074 28.8947 14.8115 28.8947C15.9394 28.8947 17.0362 28.7594 18.0874 28.5135C16.4432 34.9162 12.7588 41.12 6.81658 47.1005C19.4952 40.9909 28.9705 28.8947 28.9705 14.8966C28.9726 7.16583 22.6322 0.898438 14.8115 0.898438Z",
17
- fill: "#D4D4D4"
17
+ fill: "#B9C1CE"
18
18
  }
19
19
  ),
20
20
  /* @__PURE__ */ jsx(
21
21
  "path",
22
22
  {
23
23
  d: "M50.1884 0.898438C42.3677 0.898438 36.0273 7.16583 36.0273 14.8966C36.0273 22.6273 42.3677 28.8947 50.1884 28.8947C51.3163 28.8947 52.4131 28.7594 53.4643 28.5135C51.8202 34.9162 48.1358 41.12 42.1935 47.1005C54.8722 40.9909 64.3474 28.8947 64.3474 14.8966C64.3495 7.16583 58.0092 0.898438 50.1884 0.898438Z",
24
- fill: "#D4D4D4"
24
+ fill: "#B9C1CE"
25
25
  }
26
26
  )
27
27
  ] }),
package/dist/main.js CHANGED
@@ -171,6 +171,11 @@ import { StepItem } from "./StepItem/StepItem.js";
171
171
  import { bs_copy, bs_topic, bullet_details, li, line_points, point, step_num } from "./StepItem/StepItem.css.js";
172
172
  import { StepItemSet } from "./StepItemSet/StepItemSet.js";
173
173
  import { bs_add_details, bs_btns, bs_image, bs_section, bs_wrapper, modifier, ol, sec_subtitle, sec_title, steps_wrapper, svg_logo, tablet_col } from "./StepItemSet/StepItemSet.css.js";
174
+ import { HeaderSection } from "./StepItemSet/sections/HeaderSection.js";
175
+ import { ImageSection } from "./StepItemSet/sections/ImageSection.js";
176
+ import { StepsList } from "./StepItemSet/sections/StepsList.js";
177
+ import { CallToActionSection } from "./StepItemSet/sections/CallToActionSection.js";
178
+ import { AdditionalDetailsSection } from "./StepItemSet/sections/AdditionalDetailsSection.js";
174
179
  import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "./Table/Table.js";
175
180
  import { alternate_color_rows, apy_table, bodyHeader, headerCell, headerVariants, highlight_cell, highlight_first_row, highlight_last_row, highlight_th, table, tableWrapper, table_container, table_container_text, table_description_text, table_headline, table_section, td, th } from "./Table/Table.css.js";
176
181
  import { TextBlock } from "./TextBlock/TextBlock.js";
@@ -213,6 +218,7 @@ export {
213
218
  AccordionItem,
214
219
  AccordionItemContent,
215
220
  AccordionItemSummary,
221
+ AdditionalDetailsSection,
216
222
  AlertBanner,
217
223
  AnnualFeeCalculator,
218
224
  ApplicationStart,
@@ -236,6 +242,7 @@ export {
236
242
  BuyDownCalculator,
237
243
  Calculator,
238
244
  CallToActionBar,
245
+ CallToActionSection,
239
246
  Carousel,
240
247
  CarouselSlide,
241
248
  CategorySelector,
@@ -290,6 +297,7 @@ export {
290
297
  GlobalContext,
291
298
  GlobalContextProvider,
292
299
  GoBackButton,
300
+ HeaderSection,
293
301
  HeroBanner,
294
302
  Hyperlink,
295
303
  IconBillboard,
@@ -297,6 +305,7 @@ export {
297
305
  ImageBillboard,
298
306
  ImageBillboardSet,
299
307
  ImageLinkSet,
308
+ ImageSection,
300
309
  Input,
301
310
  InputAmount,
302
311
  InputPhone,
@@ -346,6 +355,7 @@ export {
346
355
  SocialMediaBar,
347
356
  StepItem,
348
357
  StepItemSet,
358
+ StepsList,
349
359
  SuccesFormWrapper,
350
360
  SummitApyCalculator,
351
361
  Tab,
@@ -2,39 +2,39 @@ export declare const axosTheme: string, vars: {
2
2
  colors: {
3
3
  primary: {
4
4
  background: `var(--${string})`;
5
+ backgroundButton: `var(--${string})`;
5
6
  body: `var(--${string})`;
7
+ border: `var(--${string})`;
6
8
  headline: `var(--${string})`;
7
- textGradient: `var(--${string})`;
8
9
  textButton: `var(--${string})`;
9
- backgroundButton: `var(--${string})`;
10
- border: `var(--${string})`;
10
+ textGradient: `var(--${string})`;
11
11
  };
12
12
  secondary: {
13
13
  background: `var(--${string})`;
14
+ backgroundButton: `var(--${string})`;
14
15
  body: `var(--${string})`;
16
+ border: `var(--${string})`;
15
17
  headline: `var(--${string})`;
16
- textGradient: `var(--${string})`;
17
18
  textButton: `var(--${string})`;
18
- backgroundButton: `var(--${string})`;
19
- border: `var(--${string})`;
19
+ textGradient: `var(--${string})`;
20
20
  };
21
21
  tertiary: {
22
22
  background: `var(--${string})`;
23
+ backgroundButton: `var(--${string})`;
23
24
  body: `var(--${string})`;
25
+ border: `var(--${string})`;
24
26
  headline: `var(--${string})`;
25
- textGradient: `var(--${string})`;
26
27
  textButton: `var(--${string})`;
27
- backgroundButton: `var(--${string})`;
28
- border: `var(--${string})`;
28
+ textGradient: `var(--${string})`;
29
29
  };
30
30
  quaternary: {
31
31
  background: `var(--${string})`;
32
+ backgroundButton: `var(--${string})`;
32
33
  body: `var(--${string})`;
34
+ border: `var(--${string})`;
33
35
  headline: `var(--${string})`;
34
- textGradient: `var(--${string})`;
35
36
  textButton: `var(--${string})`;
36
- backgroundButton: `var(--${string})`;
37
- border: `var(--${string})`;
37
+ textGradient: `var(--${string})`;
38
38
  };
39
39
  };
40
40
  error: `var(--${string})`;
@@ -1,6 +1,6 @@
1
1
  import '../assets/themes/axos.css';/* empty css */
2
2
  var axosTheme = "_1073cm80";
3
- var vars = { colors: { primary: { background: "var(--_1073cm81)", body: "var(--_1073cm82)", headline: "var(--_1073cm83)", textGradient: "var(--_1073cm84)", textButton: "var(--_1073cm85)", backgroundButton: "var(--_1073cm86)", border: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", body: "var(--_1073cm89)", headline: "var(--_1073cm8a)", textGradient: "var(--_1073cm8b)", textButton: "var(--_1073cm8c)", backgroundButton: "var(--_1073cm8d)", border: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", body: "var(--_1073cm8g)", headline: "var(--_1073cm8h)", textGradient: "var(--_1073cm8i)", textButton: "var(--_1073cm8j)", backgroundButton: "var(--_1073cm8k)", border: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", body: "var(--_1073cm8n)", headline: "var(--_1073cm8o)", textGradient: "var(--_1073cm8p)", textButton: "var(--_1073cm8q)", backgroundButton: "var(--_1073cm8r)", border: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } }, table: { highlight: "var(--_1073cm8z)", color: "var(--_1073cm810)" }, footer: { link: { color: "var(--_1073cm811)" } }, selecction: { icon: { color: "var(--_1073cm812)" } } };
3
+ var vars = { colors: { primary: { background: "var(--_1073cm81)", backgroundButton: "var(--_1073cm82)", body: "var(--_1073cm83)", border: "var(--_1073cm84)", headline: "var(--_1073cm85)", textButton: "var(--_1073cm86)", textGradient: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", backgroundButton: "var(--_1073cm89)", body: "var(--_1073cm8a)", border: "var(--_1073cm8b)", headline: "var(--_1073cm8c)", textButton: "var(--_1073cm8d)", textGradient: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", backgroundButton: "var(--_1073cm8g)", body: "var(--_1073cm8h)", border: "var(--_1073cm8i)", headline: "var(--_1073cm8j)", textButton: "var(--_1073cm8k)", textGradient: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", backgroundButton: "var(--_1073cm8n)", body: "var(--_1073cm8o)", border: "var(--_1073cm8p)", headline: "var(--_1073cm8q)", textButton: "var(--_1073cm8r)", textGradient: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } }, table: { highlight: "var(--_1073cm8z)", color: "var(--_1073cm810)" }, footer: { link: { color: "var(--_1073cm811)" } }, selecction: { icon: { color: "var(--_1073cm812)" } } };
4
4
  export {
5
5
  axosTheme,
6
6
  vars
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": "1.0.95-dev.2",
4
+ "version": "1.0.95-feature-brand.1",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",