@axos-web-dev/shared-components 1.0.100-dev.13 → 1.0.100-dev.15
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.
- package/dist/Article/Article.css.d.ts +8 -36
- package/dist/ArticlesSet/ArticlesSet.css.d.ts +10 -70
- package/dist/ArticlesSet/ArticlesSet.js +1 -1
- package/dist/Avatar/Avatar.module.js +7 -7
- package/dist/AwardsBanner/AwardsBanner.css.js +4 -1
- package/dist/AwardsItem/AwardsItem.css.js +1 -2
- package/dist/Blockquote/Blockquote.module.js +3 -3
- package/dist/Button/Button.css.d.ts +3 -3
- package/dist/Calculators/ApyCalculator/ApyCalculator.css.d.ts +2 -30
- package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.d.ts +1 -0
- package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js +3 -1
- package/dist/Calculators/AxosOneCalculator/index.d.ts +3 -0
- package/dist/Calculators/AxosOneCalculator/index.js +48 -20
- package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.d.ts +2 -30
- package/dist/Calculators/Calculator.d.ts +3 -0
- package/dist/Calculators/Calculator.js +6 -2
- package/dist/Calculators/calculator.css.d.ts +2 -8
- package/dist/CallToActionBar/index.js +1 -1
- package/dist/Carousel/Carousel.css.d.ts +8 -19
- package/dist/Chevron/Chevron.css.d.ts +2 -2
- package/dist/CollectInformationAlert/index.js +1 -1
- package/dist/Comparison/Comparison.js +2 -2
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +3 -3
- package/dist/Forms/ContactUsBusiness.d.ts +1 -1
- package/dist/Forms/ContactUsBusiness.js +4 -4
- package/dist/Forms/Forms.css.d.ts +2 -30
- package/dist/Forms/MortgageRate/MortgageRateForm.js +5 -2
- package/dist/HeroBanner/HeroBanner.css.d.ts +5 -17
- package/dist/HeroBanner/HeroBanner.js +1 -12
- package/dist/HeroBanner/SelectionBanner.css.d.ts +1 -19
- package/dist/HeroBanner/SelectionBanner.css.js +6 -6
- package/dist/Hyperlink/Hyperlink.css.d.ts +4 -4
- package/dist/Hyperlink/Hyperlink.css.js +4 -1
- package/dist/IconBillboard/IconBillboard.css.d.ts +6 -40
- package/dist/ImageBillboard/ImageBillboard.css.d.ts +5 -61
- package/dist/LoadingIndicator/LoadingIndicator.css.d.ts +4 -4
- package/dist/Modal/Modal.css.d.ts +1 -0
- package/dist/Modal/Modal.css.js +5 -3
- package/dist/Modal/Modal.js +3 -3
- package/dist/NavigationMenu/AxosAdvisor/NavBar.css.d.ts +2 -0
- package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +7 -2
- package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +52 -52
- package/dist/NavigationMenu/AxosAdvisor/index.js +39 -21
- package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.d.ts +2 -0
- package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +7 -2
- package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +53 -53
- package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.d.ts +1 -1
- package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +2 -2
- package/dist/NavigationMenu/AxosAdvisorServices/index.js +14 -8
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +2 -2
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +16 -16
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +0 -2
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +1 -7
- package/dist/NavigationMenu/AxosBank/NavBar.css.js +2 -1
- package/dist/NavigationMenu/AxosBank/NavBar.module.js +41 -41
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +246 -257
- package/dist/NavigationMenu/AxosBank/SubNavbar.css.d.ts +2 -0
- package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +4 -0
- package/dist/NavigationMenu/AxosClearing/NavBar.module.js +37 -37
- package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +41 -41
- package/dist/PageNavItem/PageNavItem.css.d.ts +4 -22
- package/dist/Pagination/Pagination.js +6 -6
- package/dist/StepItem/StepItem.css.d.ts +8 -36
- package/dist/StepItemSet/StepItemSet.css.d.ts +4 -32
- package/dist/Table/Table.css.d.ts +4 -3
- package/dist/Table/Table.css.js +5 -5
- package/dist/Table/Table.js +1 -1
- package/dist/WalnutIframe/wrapper.module.js +3 -3
- package/dist/assets/Accordion/Accordion.css +2 -2
- package/dist/assets/Article/Article.css +47 -59
- package/dist/assets/ArticlesSet/ArticlesSet.css +26 -56
- package/dist/assets/Auth/SignIn.css +12 -12
- package/dist/assets/Avatar/Avatar.css.css +59 -59
- package/dist/assets/AwardsBanner/AwardsBanner.css +1 -1
- package/dist/assets/AwardsItem/AwardsItem.css +3 -4
- package/dist/assets/Blockquote/Blockquote.css.css +68 -68
- package/dist/assets/Button/Button.css +28 -28
- package/dist/assets/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css +8 -8
- package/dist/assets/Calculators/ApyCalculator/ApyCalculator.css +12 -21
- package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css +23 -11
- package/dist/assets/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css +20 -32
- package/dist/assets/Calculators/BuyDownCalculator/BuyDownCalculator.css +14 -14
- package/dist/assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css +9 -9
- package/dist/assets/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css +9 -9
- package/dist/assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css +10 -10
- package/dist/assets/Calculators/calculator.css +9 -15
- package/dist/assets/CallToActionBar/CallToActionBar.css +1 -4
- package/dist/assets/Carousel/Carousel.css +27 -41
- package/dist/assets/Chevron/Chevron.css +11 -10
- package/dist/assets/CollectInformationAlert/CollectInformationAlert.css +4 -3
- package/dist/assets/Comparison/Comparison.css +5 -4
- package/dist/assets/ContentBanner/ContentBanner.css +8 -8
- package/dist/assets/DownloadTile/DownloadTile.css +6 -6
- package/dist/assets/ExecutiveBio/ExecutiveBio.css +27 -27
- package/dist/assets/FaqAccordion/FaqAccordion.css +5 -5
- package/dist/assets/FooterDisclosure/FooterDisclosure.css +1 -1
- package/dist/assets/FooterSiteMap/AxosBank/FooterSiteMap.css +3 -8
- package/dist/assets/Forms/Forms.css +45 -63
- package/dist/assets/Forms/QuickPricer/UserInformation.css +1 -1
- package/dist/assets/HeroBanner/HeroBanner.css +81 -76
- package/dist/assets/HeroBanner/LargeBanner.css +15 -15
- package/dist/assets/HeroBanner/SelectionBanner.css +15 -29
- package/dist/assets/Hyperlink/Hyperlink.css +4 -4
- package/dist/assets/IconBillboard/IconBillboard.css +32 -48
- package/dist/assets/ImageBillboard/ImageBillboard.css +31 -64
- package/dist/assets/Input/Input.css +6 -6
- package/dist/assets/Inputs/Input.css +4 -4
- package/dist/assets/Insight/Featured/CategorySelector.css +1 -1
- package/dist/assets/Interstitial/Interstitial-variants.css +3 -3
- package/dist/assets/LandingPageHeader/LandingPageHeader.css +1 -1
- package/dist/assets/LoadingIndicator/LoadingIndicator.css +5 -5
- package/dist/assets/Modal/Modal.css +17 -28
- package/dist/assets/NavigationMenu/AxosALTS/NavBar.css +1 -1
- package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css +25 -2
- package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css.css +609 -597
- package/dist/assets/NavigationMenu/AxosAdvisor/SubNavbar.css +5 -4
- package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css +25 -2
- package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css.css +630 -618
- package/dist/assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css +22 -4
- package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css +192 -191
- package/dist/assets/NavigationMenu/AxosBank/NavBar.css +19 -9
- package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +445 -473
- package/dist/assets/NavigationMenu/AxosBank/SubNavbar.css +35 -1
- package/dist/assets/NavigationMenu/AxosClearing/NavBar.css.css +484 -458
- package/dist/assets/NavigationMenu/AxosFiduciary/NavBar.css.css +427 -426
- package/dist/assets/PageNavItem/PageNavItem.css +16 -33
- package/dist/assets/Pagination/Pagination.css +1 -1
- package/dist/assets/SetContainer/SetContainer.css +4 -4
- package/dist/assets/StepItem/StepItem.css +26 -42
- package/dist/assets/StepItemSet/StepItemSet.css +13 -26
- package/dist/assets/Tab/Tab.css +12 -12
- package/dist/assets/Table/Table.css +87 -93
- package/dist/assets/TextBlock/TextBlock.css +1 -1
- package/dist/assets/TopicalNavItem/TopicalNavItem.css +2 -2
- package/dist/assets/TopicalNavSet/TopicalNavSet.css +1 -1
- package/dist/assets/VideoTile/VideoTile.css +1 -1
- package/dist/assets/WalnutIframe/wrapper.css.css +48 -49
- package/dist/assets/globals.css +8 -7
- package/dist/assets/icons/ArrowIcon/ArrowIcon.css +3 -3
- package/dist/assets/icons/DownloadIcon/DownloadIcon.css +1 -1
- package/dist/assets/icons/FollowIcon/FollowIcon.css +1 -1
- package/dist/assets/themes/axos.css +30 -30
- package/dist/assets/themes/premier.css +31 -31
- package/dist/assets/themes/victorie.css +23 -23
- package/dist/icons/CheckCircle.js +1 -1
- package/dist/icons/CheckCircleLight.js +1 -1
- package/dist/icons/CheckIcon/index.js +1 -1
- package/dist/icons/QuoteIconGrey.js +2 -2
- package/dist/themes/axos.css.d.ts +12 -12
- package/dist/themes/axos.css.js +1 -1
- package/package.json +136 -136
|
@@ -4,7 +4,11 @@ import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets
|
|
|
4
4
|
/* empty css */
|
|
5
5
|
var sub_nav = "lone1v0";
|
|
6
6
|
var dd_media = "lone1v1";
|
|
7
|
+
var dd_main_btn = "lone1v2";
|
|
8
|
+
var dd_cta_link = "lone1v3";
|
|
7
9
|
export {
|
|
10
|
+
dd_cta_link,
|
|
11
|
+
dd_main_btn,
|
|
8
12
|
dd_media,
|
|
9
13
|
sub_nav
|
|
10
14
|
};
|
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
import '../../assets/NavigationMenu/AxosClearing/NavBar.css.css';const header = "
|
|
2
|
-
const wrapper = "
|
|
3
|
-
const header_main_row = "
|
|
4
|
-
const mobile_header = "
|
|
5
|
-
const logo_wrap = "
|
|
6
|
-
const primary_links = "
|
|
7
|
-
const main_nav_link = "
|
|
8
|
-
const sub_nav_link = "
|
|
9
|
-
const signin_wrap = "
|
|
10
|
-
const signin_btn = "
|
|
11
|
-
const sub_nav = "
|
|
12
|
-
const header_sub_row = "
|
|
13
|
-
const signin_dropdown = "
|
|
14
|
-
const shadow = "
|
|
15
|
-
const signin_subheader = "
|
|
16
|
-
const opacity = "
|
|
17
|
-
const fadeInDown = "
|
|
18
|
-
const open = "
|
|
19
|
-
const hamburger = "
|
|
20
|
-
const mobile_only = "
|
|
21
|
-
const mobile_logo = "
|
|
22
|
-
const highlight = "
|
|
23
|
-
const mobile_nav = "
|
|
24
|
-
const mobile_opened = "
|
|
25
|
-
const mobile_nav_item = "
|
|
26
|
-
const has_dropdown = "
|
|
27
|
-
const icon_wrap = "
|
|
28
|
-
const mobile_footer = "
|
|
29
|
-
const mobile_footer_content = "
|
|
30
|
-
const mobile_footer_media = "
|
|
31
|
-
const footer_cta = "
|
|
32
|
-
const inner_wrapper = "
|
|
33
|
-
const btn = "
|
|
34
|
-
const sub_menu = "
|
|
35
|
-
const main = "
|
|
36
|
-
const dd_footer = "
|
|
37
|
-
const desktop_only = "
|
|
1
|
+
import '../../assets/NavigationMenu/AxosClearing/NavBar.css.css';const header = "_header_5ho04_1";
|
|
2
|
+
const wrapper = "_wrapper_5ho04_9";
|
|
3
|
+
const header_main_row = "_header_main_row_5ho04_21";
|
|
4
|
+
const mobile_header = "_mobile_header_5ho04_23";
|
|
5
|
+
const logo_wrap = "_logo_wrap_5ho04_35";
|
|
6
|
+
const primary_links = "_primary_links_5ho04_43";
|
|
7
|
+
const main_nav_link = "_main_nav_link_5ho04_51";
|
|
8
|
+
const sub_nav_link = "_sub_nav_link_5ho04_115";
|
|
9
|
+
const signin_wrap = "_signin_wrap_5ho04_119";
|
|
10
|
+
const signin_btn = "_signin_btn_5ho04_121";
|
|
11
|
+
const sub_nav = "_sub_nav_5ho04_115";
|
|
12
|
+
const header_sub_row = "_header_sub_row_5ho04_239";
|
|
13
|
+
const signin_dropdown = "_signin_dropdown_5ho04_287";
|
|
14
|
+
const shadow = "_shadow_5ho04_307";
|
|
15
|
+
const signin_subheader = "_signin_subheader_5ho04_319";
|
|
16
|
+
const opacity = "_opacity_5ho04_361";
|
|
17
|
+
const fadeInDown = "_fadeInDown_5ho04_1";
|
|
18
|
+
const open = "_open_5ho04_373";
|
|
19
|
+
const hamburger = "_hamburger_5ho04_409";
|
|
20
|
+
const mobile_only = "_mobile_only_5ho04_437";
|
|
21
|
+
const mobile_logo = "_mobile_logo_5ho04_449";
|
|
22
|
+
const highlight = "_highlight_5ho04_459";
|
|
23
|
+
const mobile_nav = "_mobile_nav_5ho04_513";
|
|
24
|
+
const mobile_opened = "_mobile_opened_5ho04_535";
|
|
25
|
+
const mobile_nav_item = "_mobile_nav_item_5ho04_551";
|
|
26
|
+
const has_dropdown = "_has_dropdown_5ho04_581";
|
|
27
|
+
const icon_wrap = "_icon_wrap_5ho04_623";
|
|
28
|
+
const mobile_footer = "_mobile_footer_5ho04_633";
|
|
29
|
+
const mobile_footer_content = "_mobile_footer_content_5ho04_643";
|
|
30
|
+
const mobile_footer_media = "_mobile_footer_media_5ho04_673";
|
|
31
|
+
const footer_cta = "_footer_cta_5ho04_685";
|
|
32
|
+
const inner_wrapper = "_inner_wrapper_5ho04_743";
|
|
33
|
+
const btn = "_btn_5ho04_755";
|
|
34
|
+
const sub_menu = "_sub_menu_5ho04_765";
|
|
35
|
+
const main = "_main_5ho04_51";
|
|
36
|
+
const dd_footer = "_dd_footer_5ho04_815";
|
|
37
|
+
const desktop_only = "_desktop_only_5ho04_865";
|
|
38
38
|
const styles = {
|
|
39
39
|
header,
|
|
40
40
|
wrapper,
|
|
@@ -1,44 +1,44 @@
|
|
|
1
|
-
import '../../assets/NavigationMenu/AxosFiduciary/NavBar.css.css';const header = "
|
|
2
|
-
const wrapper = "
|
|
3
|
-
const header_main_row = "
|
|
4
|
-
const mobile_header = "
|
|
5
|
-
const logo_wrap = "
|
|
6
|
-
const primary_links = "
|
|
7
|
-
const main_nav = "
|
|
8
|
-
const main_nav_link = "
|
|
9
|
-
const sub_nav_link = "
|
|
10
|
-
const signin_wrap = "
|
|
11
|
-
const signin_btn = "
|
|
12
|
-
const sub_nav = "
|
|
13
|
-
const header_sub_row = "
|
|
14
|
-
const shadow = "
|
|
15
|
-
const opacity = "
|
|
16
|
-
const fadeInDown = "
|
|
17
|
-
const footer = "
|
|
18
|
-
const open = "
|
|
19
|
-
const mt_8 = "
|
|
20
|
-
const mt_16 = "
|
|
21
|
-
const ml_8 = "
|
|
22
|
-
const reversed_row = "
|
|
23
|
-
const nav_anchor = "
|
|
24
|
-
const site_lists = "
|
|
25
|
-
const hamburger = "
|
|
26
|
-
const mobile_logo = "
|
|
27
|
-
const mobile_nav = "
|
|
28
|
-
const mobile_opened = "
|
|
29
|
-
const _mobile_opened = "
|
|
30
|
-
const mobile_nav_item = "
|
|
31
|
-
const icon_wrap = "
|
|
32
|
-
const mobile_footer = "
|
|
33
|
-
const mobile_footer_content = "
|
|
34
|
-
const mobile_footer_media = "
|
|
35
|
-
const footer_cta = "
|
|
36
|
-
const inner_wrapper = "
|
|
37
|
-
const btn = "
|
|
38
|
-
const sub_menu = "
|
|
39
|
-
const main = "
|
|
40
|
-
const desktop_only = "
|
|
41
|
-
const mobile_only = "
|
|
1
|
+
import '../../assets/NavigationMenu/AxosFiduciary/NavBar.css.css';const header = "_header_1hqsj_1";
|
|
2
|
+
const wrapper = "_wrapper_1hqsj_9";
|
|
3
|
+
const header_main_row = "_header_main_row_1hqsj_21";
|
|
4
|
+
const mobile_header = "_mobile_header_1hqsj_23";
|
|
5
|
+
const logo_wrap = "_logo_wrap_1hqsj_35";
|
|
6
|
+
const primary_links = "_primary_links_1hqsj_43";
|
|
7
|
+
const main_nav = "_main_nav_1hqsj_51";
|
|
8
|
+
const main_nav_link = "_main_nav_link_1hqsj_65";
|
|
9
|
+
const sub_nav_link = "_sub_nav_link_1hqsj_109";
|
|
10
|
+
const signin_wrap = "_signin_wrap_1hqsj_113";
|
|
11
|
+
const signin_btn = "_signin_btn_1hqsj_115";
|
|
12
|
+
const sub_nav = "_sub_nav_1hqsj_109";
|
|
13
|
+
const header_sub_row = "_header_sub_row_1hqsj_197";
|
|
14
|
+
const shadow = "_shadow_1hqsj_229";
|
|
15
|
+
const opacity = "_opacity_1hqsj_261";
|
|
16
|
+
const fadeInDown = "_fadeInDown_1hqsj_1";
|
|
17
|
+
const footer = "_footer_1hqsj_273";
|
|
18
|
+
const open = "_open_1hqsj_305";
|
|
19
|
+
const mt_8 = "_mt_8_1hqsj_321";
|
|
20
|
+
const mt_16 = "_mt_16_1hqsj_329";
|
|
21
|
+
const ml_8 = "_ml_8_1hqsj_337";
|
|
22
|
+
const reversed_row = "_reversed_row_1hqsj_345";
|
|
23
|
+
const nav_anchor = "_nav_anchor_1hqsj_353";
|
|
24
|
+
const site_lists = "_site_lists_1hqsj_375";
|
|
25
|
+
const hamburger = "_hamburger_1hqsj_383";
|
|
26
|
+
const mobile_logo = "_mobile_logo_1hqsj_411";
|
|
27
|
+
const mobile_nav = "_mobile_nav_1hqsj_461";
|
|
28
|
+
const mobile_opened = "_mobile_opened_1hqsj_483";
|
|
29
|
+
const _mobile_opened = "__mobile_opened_1hqsj_491";
|
|
30
|
+
const mobile_nav_item = "_mobile_nav_item_1hqsj_499";
|
|
31
|
+
const icon_wrap = "_icon_wrap_1hqsj_529";
|
|
32
|
+
const mobile_footer = "_mobile_footer_1hqsj_539";
|
|
33
|
+
const mobile_footer_content = "_mobile_footer_content_1hqsj_549";
|
|
34
|
+
const mobile_footer_media = "_mobile_footer_media_1hqsj_579";
|
|
35
|
+
const footer_cta = "_footer_cta_1hqsj_593";
|
|
36
|
+
const inner_wrapper = "_inner_wrapper_1hqsj_657";
|
|
37
|
+
const btn = "_btn_1hqsj_667";
|
|
38
|
+
const sub_menu = "_sub_menu_1hqsj_677";
|
|
39
|
+
const main = "_main_1hqsj_51";
|
|
40
|
+
const desktop_only = "_desktop_only_1hqsj_735";
|
|
41
|
+
const mobile_only = "_mobile_only_1hqsj_829";
|
|
42
42
|
const styles = {
|
|
43
43
|
header,
|
|
44
44
|
wrapper,
|
|
@@ -1,38 +1,20 @@
|
|
|
1
1
|
export declare const pn_btn: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
2
2
|
variant: {
|
|
3
3
|
primary: {
|
|
4
|
-
|
|
5
|
-
[x: string]: {
|
|
6
|
-
border: "1px solid #87b9d7";
|
|
7
|
-
} | {
|
|
8
|
-
border: "1px solid #1E262F";
|
|
9
|
-
};
|
|
10
|
-
};
|
|
4
|
+
border: `1px solid var(--${string})`;
|
|
11
5
|
};
|
|
12
6
|
secondary: {
|
|
13
|
-
|
|
14
|
-
[x: string]: {
|
|
15
|
-
border: "1px solid #87b9d7";
|
|
16
|
-
} | {
|
|
17
|
-
border: "1px solid #1E262F";
|
|
18
|
-
};
|
|
19
|
-
};
|
|
7
|
+
border: `1px solid var(--${string})`;
|
|
20
8
|
};
|
|
21
9
|
};
|
|
22
10
|
}>;
|
|
23
11
|
export declare const pn_link: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
24
12
|
variant: {
|
|
25
13
|
primary: {
|
|
26
|
-
|
|
27
|
-
backgroundClip: "text";
|
|
28
|
-
WebkitTextFillColor: "transparent";
|
|
29
|
-
textShadow: "0px 0px #00000000";
|
|
14
|
+
color: `var(--${string})`;
|
|
30
15
|
};
|
|
31
16
|
secondary: {
|
|
32
|
-
|
|
33
|
-
backgroundClip: "text";
|
|
34
|
-
WebkitTextFillColor: "transparent";
|
|
35
|
-
textShadow: "0px 0px #00000000";
|
|
17
|
+
color: `var(--${string})`;
|
|
36
18
|
};
|
|
37
19
|
};
|
|
38
20
|
}>;
|
|
@@ -39,9 +39,9 @@ function Pagination({ totalPages }) {
|
|
|
39
39
|
rotate: -90,
|
|
40
40
|
style: {
|
|
41
41
|
transform: "rotate(90deg)",
|
|
42
|
-
color: "#
|
|
43
|
-
fill: "#
|
|
44
|
-
stroke: "#
|
|
42
|
+
color: "#1E629A",
|
|
43
|
+
fill: "#1E629A",
|
|
44
|
+
stroke: "#1E629A"
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
)
|
|
@@ -60,9 +60,9 @@ function Pagination({ totalPages }) {
|
|
|
60
60
|
rotate: -90,
|
|
61
61
|
style: {
|
|
62
62
|
transform: "rotate(-90deg)",
|
|
63
|
-
color: "#
|
|
64
|
-
fill: "#
|
|
65
|
-
stroke: "#
|
|
63
|
+
color: "#1E629A",
|
|
64
|
+
fill: "#1E629A",
|
|
65
|
+
stroke: "#1E629A"
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
68
|
)
|
|
@@ -18,48 +18,20 @@ export declare const line_points: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
18
18
|
export declare const point: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
19
19
|
variant: {
|
|
20
20
|
primary: {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
borderColor: "#4D85B0";
|
|
24
|
-
background: `var(--${string})`;
|
|
25
|
-
} | {
|
|
26
|
-
borderColor: "#4A5560";
|
|
27
|
-
background: `var(--${string})`;
|
|
28
|
-
};
|
|
29
|
-
};
|
|
21
|
+
borderColor: `var(--${string})`;
|
|
22
|
+
background: `var(--${string})`;
|
|
30
23
|
};
|
|
31
24
|
secondary: {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
borderColor: "#4D85B0";
|
|
35
|
-
background: `var(--${string})`;
|
|
36
|
-
} | {
|
|
37
|
-
borderColor: "#4A5560";
|
|
38
|
-
background: `var(--${string})`;
|
|
39
|
-
};
|
|
40
|
-
};
|
|
25
|
+
borderColor: `var(--${string})`;
|
|
26
|
+
background: `var(--${string})`;
|
|
41
27
|
};
|
|
42
28
|
tertiary: {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
borderColor: "#FAA74A";
|
|
46
|
-
background: "#1E3860";
|
|
47
|
-
} | {
|
|
48
|
-
borderColor: "#FAA74A";
|
|
49
|
-
background: `var(--${string})`;
|
|
50
|
-
};
|
|
51
|
-
};
|
|
29
|
+
borderColor: `var(--${string})`;
|
|
30
|
+
background: `var(--${string})`;
|
|
52
31
|
};
|
|
53
32
|
quaternary: {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
borderColor: "#FAA74A";
|
|
57
|
-
background: "#1E3860";
|
|
58
|
-
} | {
|
|
59
|
-
borderColor: "#FAA74A";
|
|
60
|
-
background: `var(--${string})`;
|
|
61
|
-
};
|
|
62
|
-
};
|
|
33
|
+
borderColor: `var(--${string})`;
|
|
34
|
+
background: `var(--${string})`;
|
|
63
35
|
};
|
|
64
36
|
};
|
|
65
37
|
}>;
|
|
@@ -29,48 +29,20 @@ export declare const modifier: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
29
29
|
fill: "#1E3860";
|
|
30
30
|
};
|
|
31
31
|
tertiary: {
|
|
32
|
-
fill: "#
|
|
32
|
+
fill: "#FFFFFF";
|
|
33
33
|
};
|
|
34
34
|
quaternary: {
|
|
35
|
-
fill: "#
|
|
35
|
+
fill: "#FFFFFF";
|
|
36
36
|
};
|
|
37
37
|
};
|
|
38
38
|
}>;
|
|
39
39
|
export declare const sec_title: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
40
40
|
variant: {
|
|
41
41
|
primary: {
|
|
42
|
-
|
|
43
|
-
[x: string]: {
|
|
44
|
-
WebkitBackgroundClip: "text";
|
|
45
|
-
backgroundImage: `var(--${string})`;
|
|
46
|
-
WebkitTextFillColor: "transparent";
|
|
47
|
-
textShadow: "0px 0px #00000000";
|
|
48
|
-
color?: undefined;
|
|
49
|
-
} | {
|
|
50
|
-
color: `var(--${string})`;
|
|
51
|
-
WebkitBackgroundClip?: undefined;
|
|
52
|
-
backgroundImage?: undefined;
|
|
53
|
-
WebkitTextFillColor?: undefined;
|
|
54
|
-
textShadow?: undefined;
|
|
55
|
-
};
|
|
56
|
-
};
|
|
42
|
+
color: `var(--${string})`;
|
|
57
43
|
};
|
|
58
44
|
secondary: {
|
|
59
|
-
|
|
60
|
-
[x: string]: {
|
|
61
|
-
WebkitBackgroundClip: "text";
|
|
62
|
-
backgroundImage: `var(--${string})`;
|
|
63
|
-
WebkitTextFillColor: "transparent";
|
|
64
|
-
textShadow: "0px 0px #00000000";
|
|
65
|
-
color?: undefined;
|
|
66
|
-
} | {
|
|
67
|
-
color: `var(--${string})`;
|
|
68
|
-
WebkitBackgroundClip?: undefined;
|
|
69
|
-
backgroundImage?: undefined;
|
|
70
|
-
WebkitTextFillColor?: undefined;
|
|
71
|
-
textShadow?: undefined;
|
|
72
|
-
};
|
|
73
|
-
};
|
|
45
|
+
color: `var(--${string})`;
|
|
74
46
|
};
|
|
75
47
|
tertiary: {
|
|
76
48
|
color: `var(--${string})`;
|
|
@@ -2,11 +2,12 @@ export declare const table_section: string;
|
|
|
2
2
|
export declare const table_container: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
3
3
|
variant: {
|
|
4
4
|
apy: {
|
|
5
|
-
background:
|
|
5
|
+
background: `var(--${string})`;
|
|
6
|
+
border: "1px solid #f1f1f1";
|
|
6
7
|
padding: "2rem 0";
|
|
7
8
|
};
|
|
8
9
|
standard: {
|
|
9
|
-
background: "
|
|
10
|
+
background: "#ffffff";
|
|
10
11
|
};
|
|
11
12
|
};
|
|
12
13
|
}>;
|
|
@@ -70,6 +71,7 @@ export declare const th: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
70
71
|
true: {};
|
|
71
72
|
};
|
|
72
73
|
}>;
|
|
74
|
+
export declare const apy_table: string;
|
|
73
75
|
export declare const td: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
74
76
|
variant: {
|
|
75
77
|
primary: {
|
|
@@ -158,7 +160,6 @@ export declare const table: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
158
160
|
};
|
|
159
161
|
}>;
|
|
160
162
|
export declare const alternate_color_rows: string;
|
|
161
|
-
export declare const apy_table: string;
|
|
162
163
|
export declare const table_description_text: string;
|
|
163
164
|
export declare const highlight_cell: string;
|
|
164
165
|
export declare const highlight_th: string;
|
package/dist/Table/Table.css.js
CHANGED
|
@@ -13,11 +13,11 @@ var headerCell = "_1nivbwe8";
|
|
|
13
13
|
var headerVariants = { primary: "_1nivbwe9 _1nivbwe8", secondary: "_1nivbwea _1nivbwe8", tertiary: "_1nivbweb _1nivbwe8", quaternary: "_1nivbwec _1nivbwe8" };
|
|
14
14
|
var bodyHeader = "_1nivbwed";
|
|
15
15
|
var th = createRuntimeFn({ defaultClassName: "_1nivbwee", variantClassNames: { variant: { primary: "_1nivbwef", secondary: "_1nivbweg", tertiary: "_1nivbweh", quaternary: "_1nivbwei" }, highlighted: { true: "_1nivbwej" } }, defaultVariants: {}, compoundVariants: [] });
|
|
16
|
-
var
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
16
|
+
var apy_table = "_1nivbwek";
|
|
17
|
+
var td = createRuntimeFn({ defaultClassName: "_1nivbwel", variantClassNames: { variant: { primary: "_1nivbwem", secondary: "_1nivbwen", tertiary: "_1nivbweo", quaternary: "_1nivbwep" }, highlighted: { true: "_1nivbweq" } }, defaultVariants: {}, compoundVariants: [[{ highlighted: true, variant: "primary" }, "_1nivbwer"], [{ highlighted: true, variant: "tertiary" }, "_1nivbwes"]] });
|
|
18
|
+
var tableWrapper = createRuntimeFn({ defaultClassName: "_1nivbwet", variantClassNames: { variant: { primary: "_1nivbweu", secondary: "_1nivbwev", tertiary: "_1nivbwew", quaternary: "_1nivbwex" } }, defaultVariants: {}, compoundVariants: [] });
|
|
19
|
+
var table = createRuntimeFn({ defaultClassName: "_1nivbwey", variantClassNames: { variant: { primary: "_1nivbwez", secondary: "_1nivbwe10", tertiary: "_1nivbwe11", quaternary: "_1nivbwe12" } }, defaultVariants: {}, compoundVariants: [] });
|
|
20
|
+
var alternate_color_rows = "_1nivbwe13";
|
|
21
21
|
var table_description_text = "_1nivbwe14 _1nivbwe4";
|
|
22
22
|
var highlight_cell = "_1nivbwe15";
|
|
23
23
|
var highlight_th = "_1nivbwe16";
|
package/dist/Table/Table.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import clsx from "clsx";
|
|
2
3
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
3
4
|
import SvgComponent from "../icons/AxosX/Blue.js";
|
|
4
5
|
import "../icons/CheckIcon/CheckIcon.css.js";
|
|
@@ -9,7 +10,6 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
|
|
|
9
10
|
/* empty css */
|
|
10
11
|
import "../utils/allowedAxosDomains.js";
|
|
11
12
|
import { getVariant } from "../utils/getVariant.js";
|
|
12
|
-
import clsx from "clsx";
|
|
13
13
|
import { createElement } from "react";
|
|
14
14
|
import { table_section, table_container_text, table_headline, table_description_text, table_container, table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, tableWrapper, td, th } from "./Table.css.js";
|
|
15
15
|
const TableContainer = ({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import '../assets/WalnutIframe/wrapper.css.css';const wrapper = "
|
|
2
|
-
const shimmer = "
|
|
3
|
-
const wrapper_control = "
|
|
1
|
+
import '../assets/WalnutIframe/wrapper.css.css';const wrapper = "_wrapper_1wqdl_19";
|
|
2
|
+
const shimmer = "_shimmer_1wqdl_1";
|
|
3
|
+
const wrapper_control = "_wrapper_control_1wqdl_77";
|
|
4
4
|
const css = {
|
|
5
5
|
wrapper,
|
|
6
6
|
shimmer,
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
padding: 24px;
|
|
54
54
|
font-size: 18px;
|
|
55
55
|
font-family: var(--header-font-family);
|
|
56
|
-
font-weight:
|
|
56
|
+
font-weight: 700;
|
|
57
57
|
letter-spacing: 0.2px;
|
|
58
58
|
background-color: white;
|
|
59
59
|
border-bottom-width: 1px;
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
text-transform: uppercase;
|
|
70
70
|
}
|
|
71
71
|
.qfoxngb {
|
|
72
|
-
color: var(--
|
|
72
|
+
color: var(--_1073cm85);
|
|
73
73
|
}
|
|
74
74
|
.qfoxngd {
|
|
75
75
|
display: flex;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.n5hj5p1 {
|
|
2
|
-
border: 1px solid #
|
|
2
|
+
border: 1px solid #B9C1CE;
|
|
3
3
|
}
|
|
4
4
|
.n5hj5p2 {
|
|
5
5
|
border: none;
|
|
@@ -28,131 +28,119 @@
|
|
|
28
28
|
padding: 24px;
|
|
29
29
|
}
|
|
30
30
|
.n5hj5p7 {
|
|
31
|
-
font: 700 18px / 1.44 var(--main-font-family);
|
|
32
31
|
display: block;
|
|
32
|
+
font: 700 18px / 1.44 var(--main-font-family);
|
|
33
33
|
}
|
|
34
34
|
.n5hj5p8 {
|
|
35
|
-
color: var(--
|
|
35
|
+
color: var(--_1073cm85);
|
|
36
36
|
}
|
|
37
37
|
.n5hj5p9 {
|
|
38
|
-
color: var(--
|
|
38
|
+
color: var(--_1073cm8c);
|
|
39
39
|
}
|
|
40
40
|
.n5hj5pa {
|
|
41
|
-
color:
|
|
41
|
+
color: var(--_1073cm8j);
|
|
42
42
|
}
|
|
43
43
|
.n5hj5pb {
|
|
44
|
-
color: var(--
|
|
44
|
+
color: var(--_1073cm8q);
|
|
45
45
|
}
|
|
46
46
|
.n5hj5pc {
|
|
47
47
|
font-size: 28px;
|
|
48
48
|
}
|
|
49
|
-
.
|
|
50
|
-
|
|
51
|
-
background-image: var(--_1073cm84);
|
|
52
|
-
-webkit-text-fill-color: transparent;
|
|
53
|
-
text-shadow: 0px 0px #00000000;
|
|
54
|
-
}
|
|
55
|
-
._1es6o1h0 .n5hj5pd {
|
|
56
|
-
color: var(--_1073cm83);
|
|
57
|
-
}
|
|
58
|
-
._1073cm80 .n5hj5pe {
|
|
59
|
-
-webkit-background-clip: text;
|
|
60
|
-
background-image: var(--_1073cm8b);
|
|
61
|
-
-webkit-text-fill-color: transparent;
|
|
62
|
-
text-shadow: 0px 0px #00000000;
|
|
49
|
+
.n5hj5pd {
|
|
50
|
+
color: var(--_1073cm85);
|
|
63
51
|
}
|
|
64
|
-
.
|
|
65
|
-
color: var(--
|
|
52
|
+
.n5hj5pe {
|
|
53
|
+
color: var(--_1073cm8c);
|
|
66
54
|
}
|
|
67
55
|
.n5hj5pf {
|
|
68
|
-
color: var(--
|
|
56
|
+
color: var(--_1073cm8j);
|
|
69
57
|
}
|
|
70
58
|
.n5hj5pg {
|
|
71
|
-
color: var(--
|
|
59
|
+
color: var(--_1073cm8q);
|
|
72
60
|
}
|
|
73
61
|
.n5hj5pi {
|
|
74
|
-
color: var(--
|
|
62
|
+
color: var(--_1073cm83);
|
|
75
63
|
background: var(--_1073cm81);
|
|
76
64
|
}
|
|
77
65
|
.n5hj5pj {
|
|
78
|
-
color: var(--
|
|
66
|
+
color: var(--_1073cm8a);
|
|
79
67
|
background: var(--_1073cm88);
|
|
80
68
|
}
|
|
81
69
|
.n5hj5pk {
|
|
82
|
-
color: var(--
|
|
70
|
+
color: var(--_1073cm8h);
|
|
83
71
|
background: var(--_1073cm8f);
|
|
84
72
|
}
|
|
85
73
|
.n5hj5pl {
|
|
86
|
-
color: var(--
|
|
74
|
+
color: var(--_1073cm8o);
|
|
87
75
|
background: var(--_1073cm8m);
|
|
88
76
|
}
|
|
89
77
|
.n5hj5pm {
|
|
90
78
|
border: 2px solid transparent;
|
|
79
|
+
border-radius: 8px;
|
|
80
|
+
cursor: pointer;
|
|
81
|
+
display: inline-block;
|
|
82
|
+
font-size: 18px;
|
|
91
83
|
font-weight: 700;
|
|
84
|
+
line-height: 1.44;
|
|
92
85
|
margin-bottom: 0;
|
|
86
|
+
opacity: 1;
|
|
87
|
+
padding: 12px 64px;
|
|
88
|
+
text-decoration: none;
|
|
93
89
|
transition-duration: 0.15s;
|
|
94
90
|
transition-property: color , background-color , border-color;
|
|
95
91
|
transition-timing-function: linear;
|
|
96
|
-
text-decoration: none;
|
|
97
|
-
display: inline-block;
|
|
98
92
|
white-space: nowrap;
|
|
99
|
-
font-size: 18px;
|
|
100
|
-
opacity: 1;
|
|
101
|
-
cursor: pointer;
|
|
102
|
-
padding: 12px 64px;
|
|
103
|
-
border-radius: 8px;
|
|
104
|
-
line-height: 1.44;
|
|
105
93
|
}
|
|
106
94
|
.n5hj5pm:hover {
|
|
107
95
|
background-color: transparent;
|
|
108
96
|
}
|
|
109
97
|
.n5hj5pn {
|
|
110
|
-
background: var(--
|
|
111
|
-
color: var(--
|
|
98
|
+
background: var(--_1073cm82);
|
|
99
|
+
color: var(--_1073cm86);
|
|
112
100
|
}
|
|
113
101
|
.n5hj5pn:hover {
|
|
114
|
-
border-color: var(--
|
|
115
|
-
color: var(--
|
|
102
|
+
border-color: var(--_1073cm82);
|
|
103
|
+
color: var(--_1073cm82);
|
|
116
104
|
}
|
|
117
105
|
.n5hj5pn:active {
|
|
118
|
-
background-color: var(--
|
|
106
|
+
background-color: var(--_1073cm82);
|
|
119
107
|
color: var(--_1073cm86);
|
|
120
108
|
}
|
|
121
109
|
.n5hj5po {
|
|
122
|
-
background: var(--
|
|
123
|
-
color: var(--
|
|
110
|
+
background: var(--_1073cm89);
|
|
111
|
+
color: var(--_1073cm8d);
|
|
124
112
|
}
|
|
125
113
|
.n5hj5po:hover {
|
|
126
|
-
border-color: var(--
|
|
127
|
-
color: var(--
|
|
114
|
+
border-color: var(--_1073cm89);
|
|
115
|
+
color: var(--_1073cm89);
|
|
128
116
|
}
|
|
129
117
|
.n5hj5po:active {
|
|
130
|
-
background-color: var(--
|
|
131
|
-
color: var(--
|
|
118
|
+
background-color: var(--_1073cm89);
|
|
119
|
+
color: var(--_1073cm8d);
|
|
132
120
|
}
|
|
133
121
|
.n5hj5pp {
|
|
134
|
-
color: var(--
|
|
135
|
-
|
|
122
|
+
background-color: var(--_1073cm8g);
|
|
123
|
+
color: var(--_1073cm8k);
|
|
136
124
|
}
|
|
137
125
|
.n5hj5pp:hover {
|
|
138
|
-
border-color: var(--
|
|
139
|
-
color: var(--
|
|
126
|
+
border-color: var(--_1073cm8g);
|
|
127
|
+
color: var(--_1073cm82);
|
|
140
128
|
}
|
|
141
129
|
.n5hj5pp:active {
|
|
142
|
-
color: var(--
|
|
143
|
-
|
|
130
|
+
background-color: var(--_1073cm8g);
|
|
131
|
+
color: var(--_1073cm8k);
|
|
144
132
|
}
|
|
145
133
|
.n5hj5pq {
|
|
146
|
-
color: var(--
|
|
147
|
-
|
|
134
|
+
background-color: var(--_1073cm8n);
|
|
135
|
+
color: var(--_1073cm8r);
|
|
148
136
|
}
|
|
149
137
|
.n5hj5pq:hover {
|
|
150
|
-
border-color: var(--
|
|
151
|
-
color: var(--
|
|
138
|
+
border-color: var(--_1073cm8n);
|
|
139
|
+
color: var(--_1073cm8n);
|
|
152
140
|
}
|
|
153
141
|
.n5hj5pq:active {
|
|
154
|
-
color: var(--
|
|
155
|
-
|
|
142
|
+
background-color: var(--_1073cm8n);
|
|
143
|
+
color: var(--_1073cm8r);
|
|
156
144
|
}
|
|
157
145
|
@media (max-width:1280px) {
|
|
158
146
|
.n5hj5p5 {
|