@axos-web-dev/shared-components 0.0.215 → 0.0.216

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 (195) hide show
  1. package/dist/ATMLocator/ATMLocator.js +37 -37
  2. package/dist/Accordion/Accordion.css.js +4 -4
  3. package/dist/Accordion/Accordion.js +3 -3
  4. package/dist/AlertBanner/AlertBanner.css.js +1 -1
  5. package/dist/AlertBanner/index.js +3 -3
  6. package/dist/Article/Article.css.js +4 -4
  7. package/dist/ArticlesSet/ArticlesSet.css.js +4 -4
  8. package/dist/Avatar/Avatar.module.js +1 -1
  9. package/dist/AwardsBanner/AwardsBanner.css.js +1 -1
  10. package/dist/AwardsItem/AwardsItem.css.js +2 -2
  11. package/dist/Blockquote/Blockquote.module.js +1 -1
  12. package/dist/BulletItem/BulletItem.css.js +2 -2
  13. package/dist/BulletItem/BulletItem.js +3 -3
  14. package/dist/Button/Button.css.js +4 -4
  15. package/dist/Button/Button.js +37 -37
  16. package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js +4 -4
  17. package/dist/Calculators/ApyCalculator/ApyCalculator.css.js +3 -3
  18. package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js +4 -4
  19. package/dist/Calculators/AxosOneCalculator/index.js +3 -3
  20. package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js +4 -4
  21. package/dist/Calculators/BalanceAPYCalculator/index.js +3 -3
  22. package/dist/Calculators/Calculator.js +37 -37
  23. package/dist/Calculators/MarginTradingCalculator/MarginTradingCalculator.css.js +1 -1
  24. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +3 -3
  25. package/dist/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js +4 -4
  26. package/dist/Calculators/calculator.css.js +4 -4
  27. package/dist/CallToActionBar/CallToActionBar.css.js +3 -3
  28. package/dist/Carousel/Carousel.css.js +3 -3
  29. package/dist/Carousel/index.js +37 -37
  30. package/dist/Chevron/Chevron.css.js +4 -4
  31. package/dist/Chevron/index.js +37 -37
  32. package/dist/CollectInformationAlert/CollectInformationAlert.css.js +4 -4
  33. package/dist/CollectInformationAlert/index.js +3 -3
  34. package/dist/Comparison/Comparison.css.js +7 -7
  35. package/dist/Comparison/Comparison.js +36 -36
  36. package/dist/ContentBanner/ContentBanner.css.js +4 -4
  37. package/dist/DownloadTile/DownloadTile.css.js +3 -3
  38. package/dist/ExecutiveBio/ExecutiveBio.css.js +4 -4
  39. package/dist/FaqAccordion/FaqAccordion.css.js +4 -4
  40. package/dist/FaqAccordion/index.js +37 -37
  41. package/dist/FdicCallout/FdicCallout.module.js +1 -1
  42. package/dist/FooterDisclosure/FooterDisclosure.css.js +1 -1
  43. package/dist/FooterDisclosure/LVF/LaVictorieFooter.css.js +3 -3
  44. package/dist/FooterDisclosure/LVF/LaVictorieFooter.js +3 -3
  45. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.css.js +4 -4
  46. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +36 -36
  47. package/dist/Forms/ApplicationStart.js +3 -3
  48. package/dist/Forms/ApplyNow.js +37 -37
  49. package/dist/Forms/ClearingForm.js +3 -3
  50. package/dist/Forms/CommercialDeposits.js +3 -3
  51. package/dist/Forms/CommercialLending.js +3 -3
  52. package/dist/Forms/ContactCompany.js +3 -3
  53. package/dist/Forms/ContactCompanyTitle.js +3 -3
  54. package/dist/Forms/ContactUs.js +3 -3
  55. package/dist/Forms/ContactUsAAS.js +3 -3
  56. package/dist/Forms/ContactUsBusiness.js +37 -37
  57. package/dist/Forms/ContactUsLVF.js +3 -3
  58. package/dist/Forms/ContactUsNMLSId.js +37 -37
  59. package/dist/Forms/CpraRequest.js +3 -3
  60. package/dist/Forms/DealerServices.js +3 -3
  61. package/dist/Forms/EmailOnly.js +37 -37
  62. package/dist/Forms/EmailUs.js +3 -3
  63. package/dist/Forms/Forms.css.js +7 -7
  64. package/dist/Forms/MortgageRate/MortgageRateForm.js +37 -37
  65. package/dist/Forms/MortgageRate/MortgageRateWatch.js +37 -37
  66. package/dist/Forms/QuickPricer/QuickPricerForm.js +3 -3
  67. package/dist/Forms/QuickPricer/QuickPricerResults.css.js +1 -1
  68. package/dist/Forms/QuickPricer/UserInformation.css.js +3 -3
  69. package/dist/Forms/ScheduleCall.js +3 -3
  70. package/dist/Forms/ScheduleCallPremier.js +3 -3
  71. package/dist/Forms/SuccesForm.js +38 -38
  72. package/dist/Forms/WcplSurvey.js +3 -3
  73. package/dist/HeroBanner/HeroBanner.css.js +5 -5
  74. package/dist/HeroBanner/LargeBanner.css.js +4 -4
  75. package/dist/HeroBanner/SelectionBanner.css.js +4 -4
  76. package/dist/Hyperlink/Hyperlink.css.js +1 -1
  77. package/dist/Hyperlink/index.js +37 -37
  78. package/dist/IconBillboard/IconBillboard.css.js +4 -4
  79. package/dist/ImageBillboard/ImageBillboard.css.js +5 -5
  80. package/dist/ImageBillboard/ImageBillboard.js +3 -3
  81. package/dist/ImageBillboard/ImageBillboardSet.js +3 -3
  82. package/dist/ImageLink/ImageLink.css.js +1 -1
  83. package/dist/ImageLink/ImageLink.js +37 -37
  84. package/dist/ImageLink/ImageLinkSet.js +37 -37
  85. package/dist/ImageLink/index.js +37 -37
  86. package/dist/Input/Checkbox.css.js +1 -1
  87. package/dist/Input/Dropdown.css.js +2 -2
  88. package/dist/Input/Input.css.js +4 -4
  89. package/dist/Input/RadioButton.css.js +1 -1
  90. package/dist/Inputs/Input.css.js +3 -3
  91. package/dist/Insight/Featured/CategorySelector.css.js +5 -5
  92. package/dist/Insight/Featured/CategorySelector.js +36 -36
  93. package/dist/Insight/Featured/Featured.css.js +2 -2
  94. package/dist/Insight/Featured/Featured.js +38 -38
  95. package/dist/Insight/Featured/Header.css.js +1 -1
  96. package/dist/Insight/Featured/Header.js +36 -36
  97. package/dist/Insight/Insight.css.js +2 -2
  98. package/dist/Interstitial/Interstitial-variants.css.js +4 -4
  99. package/dist/Interstitial/Interstitial.module.js +1 -1
  100. package/dist/LandingPageHeader/LandingPageHeader.css.js +3 -3
  101. package/dist/LandingPageHeader/LandingPageHeader.js +3 -3
  102. package/dist/LoadingIndicator/LoadingIndicator.css.js +1 -1
  103. package/dist/Modal/Modal.css.js +3 -3
  104. package/dist/Modal/Modal.js +36 -36
  105. package/dist/NavigationMenu/AxosALTS/NavBar.css.js +3 -3
  106. package/dist/NavigationMenu/AxosALTS/NavBar.module.js +1 -1
  107. package/dist/NavigationMenu/AxosALTS/NavData.js +38 -38
  108. package/dist/NavigationMenu/AxosALTS/index.js +36 -36
  109. package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +3 -3
  110. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +1 -1
  111. package/dist/NavigationMenu/AxosAdvisor/SubNavbar.css.js +3 -3
  112. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +3 -3
  113. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +1 -1
  114. package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +3 -3
  115. package/dist/NavigationMenu/AxosBank/NavBar.css.js +3 -3
  116. package/dist/NavigationMenu/AxosBank/NavBar.module.js +53 -53
  117. package/dist/NavigationMenu/AxosBank/NavData.js +37 -37
  118. package/dist/NavigationMenu/AxosBank/SubNavBar.js +36 -36
  119. package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +3 -3
  120. package/dist/NavigationMenu/AxosBank/index.js +35 -35
  121. package/dist/NavigationMenu/AxosClearing/NavBar.css.js +1 -1
  122. package/dist/NavigationMenu/AxosClearing/NavBar.module.js +1 -1
  123. package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +1 -1
  124. package/dist/NavigationMenu/LaVictoire/NavBar.css.js +1 -1
  125. package/dist/NavigationMenu/LaVictoire/NavBar.module.js +1 -1
  126. package/dist/NavigationMenu/LaVictoire/NavData.js +37 -37
  127. package/dist/NavigationMenu/LaVictoire/index.js +36 -36
  128. package/dist/PageNavItem/PageNavItem.css.js +4 -4
  129. package/dist/PageNavSet/PageNavigationSet.css.js +1 -1
  130. package/dist/Pagination/Pagination.css.js +1 -1
  131. package/dist/Pagination/Pagination.js +3 -3
  132. package/dist/SecondaryFooter/SecondaryFooter.css.js +3 -3
  133. package/dist/SetContainer/SetContainer.css.js +3 -3
  134. package/dist/SetContainer/SetContainer.js +37 -37
  135. package/dist/SocialMediaBar/SocialMediaBar.css.js +1 -1
  136. package/dist/SocialMediaBar/iconsRepository.js +37 -37
  137. package/dist/StepItem/StepItem.css.js +4 -4
  138. package/dist/StepItemSet/StepItemSet.css.js +3 -3
  139. package/dist/Tab/Tab.css.js +4 -4
  140. package/dist/Table/Table.css.js +3 -3
  141. package/dist/Table/Table.js +3 -3
  142. package/dist/TextBlock/TextBlock.css.js +3 -3
  143. package/dist/TopicalNavItem/TopicalNavItem.css.js +1 -1
  144. package/dist/TopicalNavSet/TopicalNavSet.css.js +1 -1
  145. package/dist/Typography/Typography.css.js +1 -1
  146. package/dist/VideoTile/VideoTile.css.js +4 -4
  147. package/dist/VideoTile/VideoTile.js +3 -3
  148. package/dist/VideoWrapper/VideoWrapper.css.js +1 -1
  149. package/dist/VideoWrapper/index.js +36 -36
  150. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +660 -660
  151. package/dist/globals.css.js +2 -2
  152. package/dist/icons/ArrowIcon/ArrowIcon.css.js +3 -3
  153. package/dist/icons/CheckIcon/CheckIcon.css.js +3 -3
  154. package/dist/icons/DownloadIcon/DownloadIcon.css.js +3 -3
  155. package/dist/icons/FollowIcon/FollowIcon.css.js +3 -3
  156. package/dist/icons/Star/Star.css.js +1 -1
  157. package/dist/index.css.js +3 -3
  158. package/dist/themes/axos.css.js +1 -1
  159. package/dist/themes/premier.css.js +2 -2
  160. package/dist/themes/victorie.css.js +2 -2
  161. package/package.json +130 -130
  162. package/dist/Input/DatePicker.css.d.ts +0 -1
  163. package/dist/Input/DatePicker.css.js +0 -6
  164. package/dist/Input/DatePicker2.d.ts +0 -21
  165. package/dist/Input/DatePicker2.js +0 -103
  166. package/dist/Input/DatePickerComponents/DatePicker.d.ts +0 -11
  167. package/dist/Input/DatePickerComponents/DatePicker.js +0 -13
  168. package/dist/Input/DatePickerComponents/InputDate.d.ts +0 -15
  169. package/dist/Input/DatePickerComponents/InputDate.js +0 -66
  170. package/dist/Input/DatePickerComponents/index.d.ts +0 -2
  171. package/dist/Input/DatePickerComponents/index.js +0 -6
  172. package/dist/Input/Datepicker.d.ts +0 -3
  173. package/dist/Input/Datepicker.js +0 -47
  174. package/dist/Input/InputDate.css.d.ts +0 -6
  175. package/dist/Input/InputDate.css.js +0 -15
  176. package/dist/Input/InputDate.d.ts +0 -3
  177. package/dist/Input/InputDate.js +0 -47
  178. package/dist/assets/Input/DatePicker.css +0 -95
  179. package/dist/assets/Input/InputDate.css +0 -39
  180. package/dist/assets/node_modules/react-date-range/dist/styles.css.css +0 -194
  181. package/dist/assets/node_modules/react-date-range/dist/theme/default.css.css +0 -385
  182. package/dist/icons/CalendarIcon/CalendarIcon.d.ts +0 -3
  183. package/dist/icons/CalendarIcon/CalendarIcon.js +0 -17
  184. package/dist/icons/CalendarIcon/index.d.ts +0 -1
  185. package/dist/icons/CalendarIcon/index.js +0 -4
  186. package/dist/types/icon.d.ts +0 -3
  187. package/dist/types/icon.js +0 -1
  188. package/dist/types/popover.d.ts +0 -8
  189. package/dist/types/popover.js +0 -1
  190. package/dist/utils/constants/format.d.ts +0 -1
  191. package/dist/utils/constants/format.js +0 -4
  192. package/dist/utils/constants/popper.d.ts +0 -6
  193. package/dist/utils/constants/popper.js +0 -10
  194. package/dist/utils/hooks/usePopover.d.ts +0 -25
  195. package/dist/utils/hooks/usePopover.js +0 -64
@@ -1,2 +1,2 @@
1
- /* empty css */
2
- /* empty css */
1
+ import './assets/globals.css';import './assets/Typography/Typography.css';/* empty css */
2
+ /* empty css */
@@ -1,7 +1,7 @@
1
+ import '../../assets/icons/ArrowIcon/ArrowIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
2
+ /* empty css */
1
3
  /* empty css */
2
- /* empty css */
3
- /* empty css */
4
- /* empty css */
4
+ /* empty css */
5
5
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
6
6
  var Arrow = createRuntimeFn({ defaultClassName: "_1pwixiv0", variantClassNames: { variant: { primary: "_1pwixiv1", secondary: "_1pwixiv2", tertiary: "_1pwixiv3" } }, defaultVariants: {}, compoundVariants: [] });
7
7
  export {
@@ -1,7 +1,7 @@
1
+ import '../../assets/icons/CheckIcon/CheckIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
2
+ /* empty css */
1
3
  /* empty css */
2
- /* empty css */
3
- /* empty css */
4
- /* empty css */
4
+ /* empty css */
5
5
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
6
6
  var checkColor = createRuntimeFn({ defaultClassName: "_1xajnqu0", variantClassNames: { variant: { primary: "_1xajnqu1", secondary: "_1xajnqu2" } }, defaultVariants: {}, compoundVariants: [] });
7
7
  export {
@@ -1,7 +1,7 @@
1
+ import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
2
+ /* empty css */
1
3
  /* empty css */
2
- /* empty css */
3
- /* empty css */
4
- /* empty css */
4
+ /* empty css */
5
5
  var DownloadColor = "_1r03g400";
6
6
  export {
7
7
  DownloadColor
@@ -1,7 +1,7 @@
1
+ import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
2
+ /* empty css */
1
3
  /* empty css */
2
- /* empty css */
3
- /* empty css */
4
- /* empty css */
4
+ /* empty css */
5
5
  var FollowColor = "_1wjdwci0";
6
6
  export {
7
7
  FollowColor
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../../assets/icons/Star/Star.css';/* empty css */
2
2
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
3
3
  var Star = createRuntimeFn({ defaultClassName: "mi4mae0", variantClassNames: { variant: { gold: "mi4mae1", gray: "mi4mae2" } }, defaultVariants: {}, compoundVariants: [] });
4
4
  export {
package/dist/index.css.js CHANGED
@@ -1,3 +1,3 @@
1
- /* empty css */
2
- /* empty css */
3
- /* empty css */
1
+ import './assets/index.css';import './assets/globals.css';import './assets/Typography/Typography.css';/* empty css */
2
+ /* empty css */
3
+ /* empty css */
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../assets/themes/axos.css';/* empty css */
2
2
  var axosTheme = "_1073cm80";
3
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)" } } };
4
4
  export {
@@ -1,5 +1,5 @@
1
- /* empty css */
2
- /* empty css */
1
+ import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
2
+ /* empty css */
3
3
  var premierTheme = "_1es6o1h0";
4
4
  export {
5
5
  premierTheme
@@ -1,5 +1,5 @@
1
- /* empty css */
2
- /* empty css */
1
+ import '../assets/themes/victorie.css';import '../assets/themes/axos.css';/* empty css */
2
+ /* empty css */
3
3
  var victorieTheme = "fl2fv50";
4
4
  export {
5
5
  victorieTheme
package/package.json CHANGED
@@ -1,130 +1,130 @@
1
- {
2
- "name": "@axos-web-dev/shared-components",
3
- "description": "Axos shared components library for web.",
4
- "version": "0.0.215",
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.9.1",
33
- "@react-input/mask": "^1.2.15",
34
- "@react-input/number-format": "^1.1.3",
35
- "@storybook/icons": "^1.3.0",
36
- "@storybook/preview-api": "^8.4.7",
37
- "@types/iframe-resizer": "3.5.13",
38
- "@vanilla-extract/css": "^1.16.1",
39
- "@vanilla-extract/recipes": "^0.5.1",
40
- "antd": "^5.22.5",
41
- "clsx": "^2.1.1",
42
- "iframe-resizer": "^3.6.6",
43
- "lodash": "^4.17.21",
44
- "moment": "^2.30.1",
45
- "react-date-picker": "^11.0.0",
46
- "react-date-range": "^2.0.1",
47
- "react-hook-form": "^7.54.2",
48
- "react-markdown": "^9.0.1",
49
- "react-popper": "^2.3.0",
50
- "react-slick": "^0.30.2",
51
- "react-use": "^17.6.0",
52
- "react-wrap-balancer": "^1.1.1",
53
- "rsuite": "^5.75.0",
54
- "slick-carousel": "^1.8.1",
55
- "typed-css-modules": "^0.9.1",
56
- "vite-plugin-svgr": "^4.3.0",
57
- "zod": "^3.24.1",
58
- "zustand": "^4.5.5"
59
- },
60
- "peerDependencies": {
61
- "@vanilla-extract/css-utils": "^0.1.3",
62
- "@vanilla-extract/recipes": "^0.5.1",
63
- "@vanilla-extract/vite-plugin": "^4.0.3",
64
- "next": "^14.1.4",
65
- "react": "^18.2.0",
66
- "react-date-range": "^2.0.1",
67
- "react-dom": "^18.2.0",
68
- "react-popper": "^2.3.0",
69
- "react-slick": "^0.30.2",
70
- "slick-carousel": "^1.8.1"
71
- },
72
- "devDependencies": {
73
- "@chromatic-com/storybook": "^1.9.0",
74
- "@rollup/plugin-alias": "^5.1.1",
75
- "@storybook/addon-essentials": "^8.4.7",
76
- "@storybook/addon-interactions": "^8.4.7",
77
- "@storybook/addon-links": "^8.4.7",
78
- "@storybook/addon-mdx-gfm": "^8.4.7",
79
- "@storybook/addon-onboarding": "^8.4.7",
80
- "@storybook/addon-themes": "^8.4.7",
81
- "@storybook/blocks": "^8.4.7",
82
- "@storybook/react": "^8.4.7",
83
- "@storybook/react-vite": "^8.4.7",
84
- "@storybook/test": "^8.4.7",
85
- "@svgr/core": "^8.1.0",
86
- "@svgr/plugin-prettier": "^8.1.0",
87
- "@svgr/plugin-svgo": "^8.1.0",
88
- "@types/lodash": "^4.17.13",
89
- "@types/node": "^20.17.10",
90
- "@types/react": "^18.3.17",
91
- "@types/react-date-range": "^1.4.9",
92
- "@types/react-datepicker": "^6.2.0",
93
- "@types/react-dom": "^18.3.5",
94
- "@types/react-slick": "^0.23.13",
95
- "@typescript-eslint/eslint-plugin": "^7.18.0",
96
- "@typescript-eslint/parser": "^7.18.0",
97
- "@vanilla-extract/css-utils": "^0.1.4",
98
- "@vanilla-extract/recipes": "^0.5.5",
99
- "@vanilla-extract/vite-plugin": "^4.0.18",
100
- "@vitejs/plugin-react-swc": "^3.7.2",
101
- "esbuild-vanilla-image-loader": "^0.1.3",
102
- "eslint": "^8.57.1",
103
- "eslint-plugin-react-hooks": "^4.6.2",
104
- "eslint-plugin-react-refresh": "^0.4.16",
105
- "eslint-plugin-storybook": "^0.8.0",
106
- "glob": "^10.4.5",
107
- "husky": "^9.1.7",
108
- "next": "^14.1.4",
109
- "prettier": "3.2.5",
110
- "react": "^18.3.1",
111
- "react-dom": "^18.3.1",
112
- "rollup-plugin-preserve-directives": "^0.4.0",
113
- "rollup-plugin-svg-import": "^3.0.0",
114
- "rollup-plugin-svgo": "^2.0.0",
115
- "storybook": "^8.4.7",
116
- "typescript": "^5.7.2",
117
- "typescript-plugin-css-modules": "^5.1.0",
118
- "vite": "^5.4.11",
119
- "vite-plugin-dts": "^3.9.1",
120
- "vite-plugin-lib-inject-css": "^2.1.1",
121
- "vite-plugin-setting-css-module": "^1.1.4",
122
- "vite-tsconfig-paths": "^4.3.2"
123
- },
124
- "main": "index.js",
125
- "directories": {
126
- "lib": "lib"
127
- },
128
- "author": "axos-web-dev",
129
- "license": "ISC"
130
- }
1
+ {
2
+ "name": "@axos-web-dev/shared-components",
3
+ "description": "Axos shared components library for web.",
4
+ "version": "0.0.216",
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.9.1",
33
+ "@react-input/mask": "^1.2.15",
34
+ "@react-input/number-format": "^1.1.3",
35
+ "@storybook/icons": "^1.3.0",
36
+ "@storybook/preview-api": "^8.4.7",
37
+ "@types/iframe-resizer": "3.5.13",
38
+ "@vanilla-extract/css": "^1.16.1",
39
+ "@vanilla-extract/recipes": "^0.5.1",
40
+ "antd": "^5.22.5",
41
+ "clsx": "^2.1.1",
42
+ "iframe-resizer": "^3.6.6",
43
+ "lodash": "^4.17.21",
44
+ "moment": "^2.30.1",
45
+ "react-date-picker": "^11.0.0",
46
+ "react-date-range": "^2.0.1",
47
+ "react-hook-form": "^7.54.2",
48
+ "react-markdown": "^9.0.1",
49
+ "react-popper": "^2.3.0",
50
+ "react-slick": "^0.30.2",
51
+ "react-use": "^17.6.0",
52
+ "react-wrap-balancer": "^1.1.1",
53
+ "rsuite": "^5.75.0",
54
+ "slick-carousel": "^1.8.1",
55
+ "typed-css-modules": "^0.9.1",
56
+ "vite-plugin-svgr": "^4.3.0",
57
+ "zod": "^3.24.1",
58
+ "zustand": "^4.5.5"
59
+ },
60
+ "peerDependencies": {
61
+ "@vanilla-extract/css-utils": "^0.1.3",
62
+ "@vanilla-extract/recipes": "^0.5.1",
63
+ "@vanilla-extract/vite-plugin": "^4.0.3",
64
+ "next": "^14.1.4",
65
+ "react": "^18.2.0",
66
+ "react-date-range": "^2.0.1",
67
+ "react-dom": "^18.2.0",
68
+ "react-popper": "^2.3.0",
69
+ "react-slick": "^0.30.2",
70
+ "slick-carousel": "^1.8.1"
71
+ },
72
+ "devDependencies": {
73
+ "@chromatic-com/storybook": "^1.9.0",
74
+ "@rollup/plugin-alias": "^5.1.1",
75
+ "@storybook/addon-essentials": "^8.4.7",
76
+ "@storybook/addon-interactions": "^8.4.7",
77
+ "@storybook/addon-links": "^8.4.7",
78
+ "@storybook/addon-mdx-gfm": "^8.4.7",
79
+ "@storybook/addon-onboarding": "^8.4.7",
80
+ "@storybook/addon-themes": "^8.4.7",
81
+ "@storybook/blocks": "^8.4.7",
82
+ "@storybook/react": "^8.4.7",
83
+ "@storybook/react-vite": "^8.4.7",
84
+ "@storybook/test": "^8.4.7",
85
+ "@svgr/core": "^8.1.0",
86
+ "@svgr/plugin-prettier": "^8.1.0",
87
+ "@svgr/plugin-svgo": "^8.1.0",
88
+ "@types/lodash": "^4.17.13",
89
+ "@types/node": "^20.17.10",
90
+ "@types/react": "^18.3.17",
91
+ "@types/react-date-range": "^1.4.9",
92
+ "@types/react-datepicker": "^6.2.0",
93
+ "@types/react-dom": "^18.3.5",
94
+ "@types/react-slick": "^0.23.13",
95
+ "@typescript-eslint/eslint-plugin": "^7.18.0",
96
+ "@typescript-eslint/parser": "^7.18.0",
97
+ "@vanilla-extract/css-utils": "^0.1.4",
98
+ "@vanilla-extract/recipes": "^0.5.5",
99
+ "@vanilla-extract/vite-plugin": "^4.0.18",
100
+ "@vitejs/plugin-react-swc": "^3.7.2",
101
+ "esbuild-vanilla-image-loader": "^0.1.3",
102
+ "eslint": "^8.57.1",
103
+ "eslint-plugin-react-hooks": "^4.6.2",
104
+ "eslint-plugin-react-refresh": "^0.4.16",
105
+ "eslint-plugin-storybook": "^0.8.0",
106
+ "glob": "^10.4.5",
107
+ "husky": "^9.1.7",
108
+ "next": "^14.1.4",
109
+ "prettier": "3.2.5",
110
+ "react": "^18.3.1",
111
+ "react-dom": "^18.3.1",
112
+ "rollup-plugin-preserve-directives": "^0.4.0",
113
+ "rollup-plugin-svg-import": "^3.0.0",
114
+ "rollup-plugin-svgo": "^2.0.0",
115
+ "storybook": "^8.4.7",
116
+ "typescript": "^5.7.2",
117
+ "typescript-plugin-css-modules": "^5.1.0",
118
+ "vite": "^5.4.11",
119
+ "vite-plugin-dts": "^3.9.1",
120
+ "vite-plugin-lib-inject-css": "^2.1.1",
121
+ "vite-plugin-setting-css-module": "^1.1.4",
122
+ "vite-tsconfig-paths": "^4.3.2"
123
+ },
124
+ "main": "index.js",
125
+ "directories": {
126
+ "lib": "lib"
127
+ },
128
+ "author": "axos-web-dev",
129
+ "license": "ISC"
130
+ }
@@ -1 +0,0 @@
1
- export declare const datePicker: string;
@@ -1,6 +0,0 @@
1
- /* empty css */
2
- /* empty css */
3
- var datePicker = "_1oit9ls0";
4
- export {
5
- datePicker
6
- };
@@ -1,21 +0,0 @@
1
- import { SyntheticEvent } from 'react';
2
-
3
- type TClasses = {
4
- inputDateField?: string;
5
- };
6
- type TProps = {
7
- classes?: TClasses;
8
- isDisabled?: boolean;
9
- isInvalid?: boolean;
10
- locale?: Locale;
11
- maxDate?: Date | null;
12
- minDate?: Date | null;
13
- onChange: (value: Date | null) => void;
14
- onFieldClear?: (event: SyntheticEvent) => void;
15
- placeholder?: string;
16
- subTitle?: string;
17
- title?: string;
18
- value: Date | null;
19
- };
20
- export declare const InputDateField: import('react').NamedExoticComponent<TProps>;
21
- export {};
@@ -1,103 +0,0 @@
1
- "use client";
2
- import { jsx, jsxs } from "react/jsx-runtime";
3
- import { Popover, PopoverButton, Transition, PopoverPanel, TransitionChild } from "@headlessui/react";
4
- import clsx from "clsx";
5
- import { format } from "date-fns";
6
- import isNil from "lodash/isNil.js";
7
- import { memo, createRef, Fragment } from "react";
8
- import { FORMAT_DATE } from "../utils/constants/format.js";
9
- import { POPOVER_POSITION_STYLES } from "../utils/constants/popper.js";
10
- import { usePopover } from "../utils/hooks/usePopover.js";
11
- import { DatePicker } from "./DatePickerComponents/DatePicker.js";
12
- import { InputDate } from "./DatePickerComponents/InputDate.js";
13
- const InputDateFieldComponent = (props) => {
14
- const {
15
- classes,
16
- isDisabled,
17
- isInvalid,
18
- locale,
19
- maxDate,
20
- minDate,
21
- onChange,
22
- onFieldClear,
23
- placeholder,
24
- subTitle,
25
- title,
26
- value
27
- } = props;
28
- const triggerRef = createRef();
29
- const formattedValue = !isNil(value) ? format(value, FORMAT_DATE, { locale }) : null;
30
- const date = !isNil(value) ? value : void 0;
31
- const maxDateValue = !isNil(maxDate) ? maxDate : void 0;
32
- const minDateValue = !isNil(minDate) ? minDate : void 0;
33
- const {
34
- attributes,
35
- onPopperElement,
36
- onReferenceElement,
37
- popoverPosition,
38
- styles
39
- } = usePopover({
40
- triggerRef
41
- });
42
- return /* @__PURE__ */ jsx("div", { className: clsx("InputDateField", classes?.inputDateField), children: /* @__PURE__ */ jsxs(Popover, { className: "HeadlessPopover", children: [
43
- /* @__PURE__ */ jsx(
44
- PopoverButton,
45
- {
46
- className: "HeadlessPopover-Button",
47
- ref: onReferenceElement,
48
- children: /* @__PURE__ */ jsx("div", { className: "HeadlessPopover-Trigger", ref: triggerRef, children: /* @__PURE__ */ jsx(
49
- InputDate,
50
- {
51
- isDisabled,
52
- isInvalid,
53
- onFieldClear,
54
- placeholder,
55
- subTitle,
56
- title,
57
- value: formattedValue
58
- }
59
- ) })
60
- }
61
- ),
62
- /* @__PURE__ */ jsx(Transition, { as: Fragment, children: /* @__PURE__ */ jsx(
63
- PopoverPanel,
64
- {
65
- className: clsx(
66
- "HeadlessPopover-Panel",
67
- `HeadlessPopover-Panel__${POPOVER_POSITION_STYLES[popoverPosition]}`
68
- ),
69
- ref: onPopperElement,
70
- style: styles.popper,
71
- ...attributes.popper,
72
- children: ({ close }) => /* @__PURE__ */ jsx(
73
- TransitionChild,
74
- {
75
- enter: "HeadlessPopover-Transition__enter",
76
- enterFrom: "HeadlessPopover-Transition__enterFrom",
77
- enterTo: "HeadlessPopover-Transition__enterTo",
78
- leave: "HeadlessPopover-Transition__leave",
79
- leaveFrom: "HeadlessPopover-Transition__leaveFrom",
80
- leaveTo: "HeadlessPopover-Transition__leaveTo",
81
- children: /* @__PURE__ */ jsx("div", { className: "HeadlessPopover-PanelContent", children: /* @__PURE__ */ jsx(
82
- DatePicker,
83
- {
84
- locale,
85
- maxDate: maxDateValue,
86
- minDate: minDateValue,
87
- onChange: (date2) => {
88
- onChange(date2);
89
- close();
90
- },
91
- value: date
92
- }
93
- ) })
94
- }
95
- )
96
- }
97
- ) })
98
- ] }) });
99
- };
100
- const InputDateField = memo(InputDateFieldComponent);
101
- export {
102
- InputDateField
103
- };
@@ -1,11 +0,0 @@
1
- import { CalendarProps } from 'react-date-range';
2
-
3
- type TProps = {
4
- locale?: Locale;
5
- maxDate?: Date;
6
- minDate?: Date;
7
- onChange?: (date: Date) => void;
8
- value?: Date;
9
- } & CalendarProps;
10
- export declare const DatePicker: import('react').NamedExoticComponent<TProps>;
11
- export {};
@@ -1,13 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { memo } from "react";
3
- import { Calendar } from "react-date-range";
4
- /* empty css */
5
- /* empty css */
6
- const DatePickerComponent = (props) => {
7
- const { locale, onChange, value } = props;
8
- return /* @__PURE__ */ jsx(Calendar, { ...props, date: value, locale, onChange });
9
- };
10
- const DatePicker = memo(DatePickerComponent);
11
- export {
12
- DatePicker
13
- };
@@ -1,15 +0,0 @@
1
- import { SyntheticEvent } from 'react';
2
-
3
- type TProps = {
4
- className?: string;
5
- isDisabled?: boolean;
6
- isInvalid?: boolean;
7
- onClick?: (event: SyntheticEvent) => void;
8
- onFieldClear?: (event: SyntheticEvent) => void;
9
- placeholder?: string;
10
- subTitle?: string;
11
- title?: string;
12
- value?: string | null;
13
- };
14
- export declare const InputDate: import('react').NamedExoticComponent<TProps>;
15
- export {};
@@ -1,66 +0,0 @@
1
- import { jsxs, jsx } from "react/jsx-runtime";
2
- import { CalendarIcon } from "../../icons/CalendarIcon/CalendarIcon.js";
3
- import clsx from "clsx";
4
- import { memo } from "react";
5
- const InputDateComponent = (props) => {
6
- const {
7
- className,
8
- isDisabled,
9
- isInvalid,
10
- onClick,
11
- onFieldClear,
12
- placeholder,
13
- subTitle,
14
- title,
15
- value
16
- } = props;
17
- return /* @__PURE__ */ jsxs(
18
- "div",
19
- {
20
- className: clsx("InputDate", className, {
21
- InputDate__isDisabled: isDisabled,
22
- InputDate__isInvalid: isInvalid && !isDisabled
23
- }),
24
- onClick: !isDisabled ? onClick : void 0,
25
- children: [
26
- /* @__PURE__ */ jsxs("div", { className: "InputDate-Inner", children: [
27
- /* @__PURE__ */ jsxs("div", { className: "InputDate-Title", children: [
28
- title,
29
- " "
30
- ] }),
31
- /* @__PURE__ */ jsxs(
32
- "div",
33
- {
34
- className: clsx("InputDate-IconWrapper", {
35
- "InputDate-IconWrapper__isFocusable": !isDisabled
36
- }),
37
- children: [
38
- /* @__PURE__ */ jsx(
39
- "div",
40
- {
41
- className: clsx("InputDate-Text", {
42
- "InputDate-Text__isFilled": value && !isDisabled,
43
- "InputDate-Text__isPlaceholder": !value
44
- }),
45
- children: value ?? placeholder
46
- }
47
- ),
48
- value && /* @__PURE__ */ jsx("div", { className: "InputDate-PostIcon", onClick: onFieldClear }),
49
- /* @__PURE__ */ jsx("div", { className: "InputDate-DatePickerIcon", children: /* @__PURE__ */ jsx(CalendarIcon, {}) })
50
- ]
51
- }
52
- ),
53
- /* @__PURE__ */ jsx("div", { className: "InputDate-Text__isInvalid" })
54
- ] }),
55
- /* @__PURE__ */ jsxs("div", { className: "InputDate-SubTitle", children: [
56
- subTitle,
57
- " "
58
- ] })
59
- ]
60
- }
61
- );
62
- };
63
- const InputDate = memo(InputDateComponent);
64
- export {
65
- InputDate
66
- };
@@ -1,2 +0,0 @@
1
- export * from './DatePicker';
2
- export * from './InputDate';
@@ -1,6 +0,0 @@
1
- import { DatePicker } from "./DatePicker.js";
2
- import { InputDate } from "./InputDate.js";
3
- export {
4
- DatePicker,
5
- InputDate
6
- };
@@ -1,3 +0,0 @@
1
- import { DatepickerInputProps } from './InputProps';
2
-
3
- export declare const DatePickerInput: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;