@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.
Files changed (151) hide show
  1. package/dist/Article/Article.css.d.ts +8 -36
  2. package/dist/ArticlesSet/ArticlesSet.css.d.ts +10 -70
  3. package/dist/ArticlesSet/ArticlesSet.js +1 -1
  4. package/dist/Avatar/Avatar.module.js +7 -7
  5. package/dist/AwardsBanner/AwardsBanner.css.js +4 -1
  6. package/dist/AwardsItem/AwardsItem.css.js +1 -2
  7. package/dist/Blockquote/Blockquote.module.js +3 -3
  8. package/dist/Button/Button.css.d.ts +3 -3
  9. package/dist/Calculators/ApyCalculator/ApyCalculator.css.d.ts +2 -30
  10. package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.d.ts +1 -0
  11. package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js +3 -1
  12. package/dist/Calculators/AxosOneCalculator/index.d.ts +3 -0
  13. package/dist/Calculators/AxosOneCalculator/index.js +48 -20
  14. package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.d.ts +2 -30
  15. package/dist/Calculators/Calculator.d.ts +3 -0
  16. package/dist/Calculators/Calculator.js +6 -2
  17. package/dist/Calculators/calculator.css.d.ts +2 -8
  18. package/dist/CallToActionBar/index.js +1 -1
  19. package/dist/Carousel/Carousel.css.d.ts +8 -19
  20. package/dist/Chevron/Chevron.css.d.ts +2 -2
  21. package/dist/CollectInformationAlert/index.js +1 -1
  22. package/dist/Comparison/Comparison.js +2 -2
  23. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +3 -3
  24. package/dist/Forms/ContactUsBusiness.d.ts +1 -1
  25. package/dist/Forms/ContactUsBusiness.js +4 -4
  26. package/dist/Forms/Forms.css.d.ts +2 -30
  27. package/dist/Forms/MortgageRate/MortgageRateForm.js +5 -2
  28. package/dist/HeroBanner/HeroBanner.css.d.ts +5 -17
  29. package/dist/HeroBanner/HeroBanner.js +1 -12
  30. package/dist/HeroBanner/SelectionBanner.css.d.ts +1 -19
  31. package/dist/HeroBanner/SelectionBanner.css.js +6 -6
  32. package/dist/Hyperlink/Hyperlink.css.d.ts +4 -4
  33. package/dist/Hyperlink/Hyperlink.css.js +4 -1
  34. package/dist/IconBillboard/IconBillboard.css.d.ts +6 -40
  35. package/dist/ImageBillboard/ImageBillboard.css.d.ts +5 -61
  36. package/dist/LoadingIndicator/LoadingIndicator.css.d.ts +4 -4
  37. package/dist/Modal/Modal.css.d.ts +1 -0
  38. package/dist/Modal/Modal.css.js +5 -3
  39. package/dist/Modal/Modal.js +3 -3
  40. package/dist/NavigationMenu/AxosAdvisor/NavBar.css.d.ts +2 -0
  41. package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +7 -2
  42. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +52 -52
  43. package/dist/NavigationMenu/AxosAdvisor/index.js +39 -21
  44. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.d.ts +2 -0
  45. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +7 -2
  46. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +53 -53
  47. package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.d.ts +1 -1
  48. package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +2 -2
  49. package/dist/NavigationMenu/AxosAdvisorServices/index.js +14 -8
  50. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +2 -2
  51. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +16 -16
  52. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +0 -2
  53. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +1 -7
  54. package/dist/NavigationMenu/AxosBank/NavBar.css.js +2 -1
  55. package/dist/NavigationMenu/AxosBank/NavBar.module.js +41 -41
  56. package/dist/NavigationMenu/AxosBank/SubNavBar.js +246 -257
  57. package/dist/NavigationMenu/AxosBank/SubNavbar.css.d.ts +2 -0
  58. package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +4 -0
  59. package/dist/NavigationMenu/AxosClearing/NavBar.module.js +37 -37
  60. package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +41 -41
  61. package/dist/PageNavItem/PageNavItem.css.d.ts +4 -22
  62. package/dist/Pagination/Pagination.js +6 -6
  63. package/dist/StepItem/StepItem.css.d.ts +8 -36
  64. package/dist/StepItemSet/StepItemSet.css.d.ts +4 -32
  65. package/dist/Table/Table.css.d.ts +4 -3
  66. package/dist/Table/Table.css.js +5 -5
  67. package/dist/Table/Table.js +1 -1
  68. package/dist/WalnutIframe/wrapper.module.js +3 -3
  69. package/dist/assets/Accordion/Accordion.css +2 -2
  70. package/dist/assets/Article/Article.css +47 -59
  71. package/dist/assets/ArticlesSet/ArticlesSet.css +26 -56
  72. package/dist/assets/Auth/SignIn.css +12 -12
  73. package/dist/assets/Avatar/Avatar.css.css +59 -59
  74. package/dist/assets/AwardsBanner/AwardsBanner.css +1 -1
  75. package/dist/assets/AwardsItem/AwardsItem.css +3 -4
  76. package/dist/assets/Blockquote/Blockquote.css.css +68 -68
  77. package/dist/assets/Button/Button.css +28 -28
  78. package/dist/assets/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css +8 -8
  79. package/dist/assets/Calculators/ApyCalculator/ApyCalculator.css +12 -21
  80. package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css +23 -11
  81. package/dist/assets/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css +20 -32
  82. package/dist/assets/Calculators/BuyDownCalculator/BuyDownCalculator.css +14 -14
  83. package/dist/assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css +9 -9
  84. package/dist/assets/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css +9 -9
  85. package/dist/assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css +10 -10
  86. package/dist/assets/Calculators/calculator.css +9 -15
  87. package/dist/assets/CallToActionBar/CallToActionBar.css +1 -4
  88. package/dist/assets/Carousel/Carousel.css +27 -41
  89. package/dist/assets/Chevron/Chevron.css +11 -10
  90. package/dist/assets/CollectInformationAlert/CollectInformationAlert.css +4 -3
  91. package/dist/assets/Comparison/Comparison.css +5 -4
  92. package/dist/assets/ContentBanner/ContentBanner.css +8 -8
  93. package/dist/assets/DownloadTile/DownloadTile.css +6 -6
  94. package/dist/assets/ExecutiveBio/ExecutiveBio.css +27 -27
  95. package/dist/assets/FaqAccordion/FaqAccordion.css +5 -5
  96. package/dist/assets/FooterDisclosure/FooterDisclosure.css +1 -1
  97. package/dist/assets/FooterSiteMap/AxosBank/FooterSiteMap.css +3 -8
  98. package/dist/assets/Forms/Forms.css +45 -63
  99. package/dist/assets/Forms/QuickPricer/UserInformation.css +1 -1
  100. package/dist/assets/HeroBanner/HeroBanner.css +81 -76
  101. package/dist/assets/HeroBanner/LargeBanner.css +15 -15
  102. package/dist/assets/HeroBanner/SelectionBanner.css +15 -29
  103. package/dist/assets/Hyperlink/Hyperlink.css +4 -4
  104. package/dist/assets/IconBillboard/IconBillboard.css +32 -48
  105. package/dist/assets/ImageBillboard/ImageBillboard.css +31 -64
  106. package/dist/assets/Input/Input.css +6 -6
  107. package/dist/assets/Inputs/Input.css +4 -4
  108. package/dist/assets/Insight/Featured/CategorySelector.css +1 -1
  109. package/dist/assets/Interstitial/Interstitial-variants.css +3 -3
  110. package/dist/assets/LandingPageHeader/LandingPageHeader.css +1 -1
  111. package/dist/assets/LoadingIndicator/LoadingIndicator.css +5 -5
  112. package/dist/assets/Modal/Modal.css +17 -28
  113. package/dist/assets/NavigationMenu/AxosALTS/NavBar.css +1 -1
  114. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css +25 -2
  115. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css.css +609 -597
  116. package/dist/assets/NavigationMenu/AxosAdvisor/SubNavbar.css +5 -4
  117. package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css +25 -2
  118. package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css.css +630 -618
  119. package/dist/assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css +22 -4
  120. package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css +192 -191
  121. package/dist/assets/NavigationMenu/AxosBank/NavBar.css +19 -9
  122. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +445 -473
  123. package/dist/assets/NavigationMenu/AxosBank/SubNavbar.css +35 -1
  124. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css.css +484 -458
  125. package/dist/assets/NavigationMenu/AxosFiduciary/NavBar.css.css +427 -426
  126. package/dist/assets/PageNavItem/PageNavItem.css +16 -33
  127. package/dist/assets/Pagination/Pagination.css +1 -1
  128. package/dist/assets/SetContainer/SetContainer.css +4 -4
  129. package/dist/assets/StepItem/StepItem.css +26 -42
  130. package/dist/assets/StepItemSet/StepItemSet.css +13 -26
  131. package/dist/assets/Tab/Tab.css +12 -12
  132. package/dist/assets/Table/Table.css +87 -93
  133. package/dist/assets/TextBlock/TextBlock.css +1 -1
  134. package/dist/assets/TopicalNavItem/TopicalNavItem.css +2 -2
  135. package/dist/assets/TopicalNavSet/TopicalNavSet.css +1 -1
  136. package/dist/assets/VideoTile/VideoTile.css +1 -1
  137. package/dist/assets/WalnutIframe/wrapper.css.css +48 -49
  138. package/dist/assets/globals.css +8 -7
  139. package/dist/assets/icons/ArrowIcon/ArrowIcon.css +3 -3
  140. package/dist/assets/icons/DownloadIcon/DownloadIcon.css +1 -1
  141. package/dist/assets/icons/FollowIcon/FollowIcon.css +1 -1
  142. package/dist/assets/themes/axos.css +30 -30
  143. package/dist/assets/themes/premier.css +31 -31
  144. package/dist/assets/themes/victorie.css +23 -23
  145. package/dist/icons/CheckCircle.js +1 -1
  146. package/dist/icons/CheckCircleLight.js +1 -1
  147. package/dist/icons/CheckIcon/index.js +1 -1
  148. package/dist/icons/QuoteIconGrey.js +2 -2
  149. package/dist/themes/axos.css.d.ts +12 -12
  150. package/dist/themes/axos.css.js +1 -1
  151. package/package.json +136 -136
@@ -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
  ] }),
@@ -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,136 +1,136 @@
1
- {
2
- "name": "@axos-web-dev/shared-components",
3
- "description": "Axos shared components library for web.",
4
- "version": "1.0.100-dev.13",
5
- "type": "module",
6
- "module": "dist/main.js",
7
- "types": "dist/main.d.ts",
8
- "files": [
9
- "dist"
10
- ],
11
- "sideEffects": [
12
- "dist/assets/**/*.css"
13
- ],
14
- "scripts": {
15
- "dev": "vite",
16
- "build": "tsc --p ./tsconfig.build.json && vite build",
17
- "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
18
- "preview": "vite preview",
19
- "prepublishOnly": "npm run build",
20
- "check-types": "tsc --pretty --noEmit",
21
- "check-format": "prettier --check .",
22
- "check-lint": "eslint . --ext ts --ext tsx --ext js",
23
- "format": "prettier --write .",
24
- "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
25
- "prepare": "husky",
26
- "storybook": "storybook dev -p 6006",
27
- "build-storybook": "storybook build",
28
- "npm:link": "npm run build && npm link"
29
- },
30
- "dependencies": {
31
- "@headlessui/react": "^2.2.0",
32
- "@hookform/resolvers": "^3.10.0",
33
- "@next-safe-action/adapter-react-hook-form": "^2.0.0",
34
- "@react-input/mask": "^1.2.15",
35
- "@react-input/number-format": "^1.1.3",
36
- "@storybook/icons": "^1.3.0",
37
- "@storybook/preview-api": "^8.4.7",
38
- "@ts-stack/markdown": "^1.5.0",
39
- "@types/iframe-resizer": "3.5.13",
40
- "@ujet/websdk-headless": "^3.41.4",
41
- "@vanilla-extract/css": "^1.16.1",
42
- "@vanilla-extract/recipes": "^0.5.1",
43
- "antd": "^5.22.5",
44
- "clsx": "^2.1.1",
45
- "framer-motion": "^12.9.2",
46
- "iframe-resizer": "^3.6.6",
47
- "lodash": "^4.17.21",
48
- "moment": "^2.30.1",
49
- "next-safe-action": "^8.0.2",
50
- "react-date-picker": "^11.0.0",
51
- "react-date-range": "^2.0.1",
52
- "react-hook-form": "^7.54.2",
53
- "react-markdown": "^9.1.0",
54
- "react-popper": "^2.3.0",
55
- "react-slick": "^0.30.2",
56
- "react-use": "^17.6.0",
57
- "react-wrap-balancer": "^1.1.1",
58
- "remark-gfm": "^4.0.1",
59
- "rsuite": "^5.75.0",
60
- "slick-carousel": "^1.8.1",
61
- "typed-css-modules": "^0.9.1",
62
- "vite-plugin-svgr": "^4.3.0",
63
- "zod": "^3.24.1",
64
- "zustand": "^4.5.5"
65
- },
66
- "peerDependencies": {
67
- "@vanilla-extract/css-utils": "^0.1.3",
68
- "@vanilla-extract/recipes": "^0.5.1",
69
- "@vanilla-extract/vite-plugin": "^4.0.3",
70
- "next": "^14.1.4",
71
- "react": "^18.2.0",
72
- "react-date-range": "^2.0.1",
73
- "react-dom": "^18.2.0",
74
- "react-popper": "^2.3.0",
75
- "react-slick": "^0.30.2",
76
- "slick-carousel": "^1.8.1"
77
- },
78
- "devDependencies": {
79
- "@chromatic-com/storybook": "^1.9.0",
80
- "@rollup/plugin-alias": "^5.1.1",
81
- "@storybook/addon-essentials": "^8.4.7",
82
- "@storybook/addon-interactions": "^8.4.7",
83
- "@storybook/addon-links": "^8.4.7",
84
- "@storybook/addon-mdx-gfm": "^8.4.7",
85
- "@storybook/addon-onboarding": "^8.4.7",
86
- "@storybook/addon-themes": "^8.4.7",
87
- "@storybook/blocks": "^8.4.7",
88
- "@storybook/react": "^8.6.14",
89
- "@storybook/react-vite": "^8.4.7",
90
- "@storybook/test": "^8.6.14",
91
- "@svgr/core": "^8.1.0",
92
- "@svgr/plugin-prettier": "^8.1.0",
93
- "@svgr/plugin-svgo": "^8.1.0",
94
- "@types/lodash": "^4.17.17",
95
- "@types/node": "^20.19.0",
96
- "@types/react": "^18.3.23",
97
- "@types/react-date-range": "^1.4.9",
98
- "@types/react-datepicker": "^6.2.0",
99
- "@types/react-dom": "^18.3.7",
100
- "@types/react-slick": "^0.23.13",
101
- "@typescript-eslint/eslint-plugin": "^7.18.0",
102
- "@typescript-eslint/parser": "^7.18.0",
103
- "@vanilla-extract/css-utils": "^0.1.4",
104
- "@vanilla-extract/recipes": "^0.5.5",
105
- "@vanilla-extract/vite-plugin": "^4.0.18",
106
- "@vitejs/plugin-react-swc": "^3.7.2",
107
- "esbuild-vanilla-image-loader": "^0.1.3",
108
- "eslint": "^8.57.1",
109
- "eslint-plugin-react-hooks": "^4.6.2",
110
- "eslint-plugin-react-refresh": "^0.4.16",
111
- "eslint-plugin-storybook": "^0.8.0",
112
- "glob": "^10.4.5",
113
- "husky": "^9.1.7",
114
- "next": "^14.1.4",
115
- "prettier": "3.2.5",
116
- "react": "^18.3.1",
117
- "react-dom": "^18.3.1",
118
- "rollup-plugin-preserve-directives": "^0.4.0",
119
- "rollup-plugin-svg-import": "^3.0.0",
120
- "rollup-plugin-svgo": "^2.0.0",
121
- "storybook": "^8.4.7",
122
- "typescript": "^5.7.2",
123
- "typescript-plugin-css-modules": "^5.1.0",
124
- "vite": "^5.4.11",
125
- "vite-plugin-dts": "^3.9.1",
126
- "vite-plugin-lib-inject-css": "^2.1.1",
127
- "vite-plugin-setting-css-module": "^1.1.4",
128
- "vite-tsconfig-paths": "^4.3.2"
129
- },
130
- "main": "index.js",
131
- "directories": {
132
- "lib": "lib"
133
- },
134
- "author": "axos-web-dev",
135
- "license": "ISC"
136
- }
1
+ {
2
+ "name": "@axos-web-dev/shared-components",
3
+ "description": "Axos shared components library for web.",
4
+ "version": "1.0.100-dev.15",
5
+ "type": "module",
6
+ "module": "dist/main.js",
7
+ "types": "dist/main.d.ts",
8
+ "files": [
9
+ "dist"
10
+ ],
11
+ "sideEffects": [
12
+ "dist/assets/**/*.css"
13
+ ],
14
+ "scripts": {
15
+ "dev": "vite",
16
+ "build": "tsc --p ./tsconfig.build.json && vite build",
17
+ "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
18
+ "preview": "vite preview",
19
+ "prepublishOnly": "npm run build",
20
+ "check-types": "tsc --pretty --noEmit",
21
+ "check-format": "prettier --check .",
22
+ "check-lint": "eslint . --ext ts --ext tsx --ext js",
23
+ "format": "prettier --write .",
24
+ "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
25
+ "prepare": "husky",
26
+ "storybook": "storybook dev -p 6006",
27
+ "build-storybook": "storybook build",
28
+ "npm:link": "npm run build && npm link"
29
+ },
30
+ "dependencies": {
31
+ "@headlessui/react": "^2.2.0",
32
+ "@hookform/resolvers": "^3.10.0",
33
+ "@next-safe-action/adapter-react-hook-form": "^2.0.0",
34
+ "@react-input/mask": "^1.2.15",
35
+ "@react-input/number-format": "^1.1.3",
36
+ "@storybook/icons": "^1.3.0",
37
+ "@storybook/preview-api": "^8.4.7",
38
+ "@ts-stack/markdown": "^1.5.0",
39
+ "@types/iframe-resizer": "3.5.13",
40
+ "@ujet/websdk-headless": "^3.41.4",
41
+ "@vanilla-extract/css": "^1.16.1",
42
+ "@vanilla-extract/recipes": "^0.5.1",
43
+ "antd": "^5.22.5",
44
+ "clsx": "^2.1.1",
45
+ "framer-motion": "^12.9.2",
46
+ "iframe-resizer": "^3.6.6",
47
+ "lodash": "^4.17.21",
48
+ "moment": "^2.30.1",
49
+ "next-safe-action": "^8.0.2",
50
+ "react-date-picker": "^11.0.0",
51
+ "react-date-range": "^2.0.1",
52
+ "react-hook-form": "^7.54.2",
53
+ "react-markdown": "^9.1.0",
54
+ "react-popper": "^2.3.0",
55
+ "react-slick": "^0.30.2",
56
+ "react-use": "^17.6.0",
57
+ "react-wrap-balancer": "^1.1.1",
58
+ "remark-gfm": "^4.0.1",
59
+ "rsuite": "^5.75.0",
60
+ "slick-carousel": "^1.8.1",
61
+ "typed-css-modules": "^0.9.1",
62
+ "vite-plugin-svgr": "^4.3.0",
63
+ "zod": "^3.24.1",
64
+ "zustand": "^4.5.5"
65
+ },
66
+ "peerDependencies": {
67
+ "@vanilla-extract/css-utils": "^0.1.3",
68
+ "@vanilla-extract/recipes": "^0.5.1",
69
+ "@vanilla-extract/vite-plugin": "^4.0.3",
70
+ "next": "^14.1.4",
71
+ "react": "^18.2.0",
72
+ "react-date-range": "^2.0.1",
73
+ "react-dom": "^18.2.0",
74
+ "react-popper": "^2.3.0",
75
+ "react-slick": "^0.30.2",
76
+ "slick-carousel": "^1.8.1"
77
+ },
78
+ "devDependencies": {
79
+ "@chromatic-com/storybook": "^1.9.0",
80
+ "@rollup/plugin-alias": "^5.1.1",
81
+ "@storybook/addon-essentials": "^8.4.7",
82
+ "@storybook/addon-interactions": "^8.4.7",
83
+ "@storybook/addon-links": "^8.4.7",
84
+ "@storybook/addon-mdx-gfm": "^8.4.7",
85
+ "@storybook/addon-onboarding": "^8.4.7",
86
+ "@storybook/addon-themes": "^8.4.7",
87
+ "@storybook/blocks": "^8.4.7",
88
+ "@storybook/react": "^8.6.14",
89
+ "@storybook/react-vite": "^8.4.7",
90
+ "@storybook/test": "^8.6.14",
91
+ "@svgr/core": "^8.1.0",
92
+ "@svgr/plugin-prettier": "^8.1.0",
93
+ "@svgr/plugin-svgo": "^8.1.0",
94
+ "@types/lodash": "^4.17.17",
95
+ "@types/node": "^20.19.0",
96
+ "@types/react": "^18.3.23",
97
+ "@types/react-date-range": "^1.4.9",
98
+ "@types/react-datepicker": "^6.2.0",
99
+ "@types/react-dom": "^18.3.7",
100
+ "@types/react-slick": "^0.23.13",
101
+ "@typescript-eslint/eslint-plugin": "^7.18.0",
102
+ "@typescript-eslint/parser": "^7.18.0",
103
+ "@vanilla-extract/css-utils": "^0.1.4",
104
+ "@vanilla-extract/recipes": "^0.5.5",
105
+ "@vanilla-extract/vite-plugin": "^4.0.18",
106
+ "@vitejs/plugin-react-swc": "^3.7.2",
107
+ "esbuild-vanilla-image-loader": "^0.1.3",
108
+ "eslint": "^8.57.1",
109
+ "eslint-plugin-react-hooks": "^4.6.2",
110
+ "eslint-plugin-react-refresh": "^0.4.16",
111
+ "eslint-plugin-storybook": "^0.8.0",
112
+ "glob": "^10.4.5",
113
+ "husky": "^9.1.7",
114
+ "next": "^14.1.4",
115
+ "prettier": "3.2.5",
116
+ "react": "^18.3.1",
117
+ "react-dom": "^18.3.1",
118
+ "rollup-plugin-preserve-directives": "^0.4.0",
119
+ "rollup-plugin-svg-import": "^3.0.0",
120
+ "rollup-plugin-svgo": "^2.0.0",
121
+ "storybook": "^8.4.7",
122
+ "typescript": "^5.7.2",
123
+ "typescript-plugin-css-modules": "^5.1.0",
124
+ "vite": "^5.4.11",
125
+ "vite-plugin-dts": "^3.9.1",
126
+ "vite-plugin-lib-inject-css": "^2.1.1",
127
+ "vite-plugin-setting-css-module": "^1.1.4",
128
+ "vite-tsconfig-paths": "^4.3.2"
129
+ },
130
+ "main": "index.js",
131
+ "directories": {
132
+ "lib": "lib"
133
+ },
134
+ "author": "axos-web-dev",
135
+ "license": "ISC"
136
+ }