@axos-web-dev/shared-components 0.0.174 → 0.0.176

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 (175) hide show
  1. package/dist/ATMLocator/ATMLocator.js +34 -34
  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/AwardsBanner/AwardsBanner.css.js +1 -1
  9. package/dist/AwardsItem/AwardsItem.css.js +2 -2
  10. package/dist/BulletItem/BulletItem.css.js +2 -2
  11. package/dist/BulletItem/BulletItem.js +3 -3
  12. package/dist/Button/Button.css.js +4 -4
  13. package/dist/Button/Button.js +34 -34
  14. package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js +3 -3
  15. package/dist/Calculators/ApyCalculator/ApyCalculator.css.js +3 -3
  16. package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js +4 -4
  17. package/dist/Calculators/AxosOneCalculator/index.js +3 -3
  18. package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js +4 -4
  19. package/dist/Calculators/BalanceAPYCalculator/index.js +3 -3
  20. package/dist/Calculators/Calculator.js +34 -34
  21. package/dist/Calculators/MarginTradingCalculator/MarginTradingCalculator.css.js +1 -1
  22. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +3 -3
  23. package/dist/Calculators/calculator.css.js +4 -4
  24. package/dist/CallToActionBar/CallToActionBar.css.js +3 -3
  25. package/dist/Carousel/Carousel.css.js +3 -3
  26. package/dist/Carousel/index.js +34 -34
  27. package/dist/Chevron/Chevron.css.js +4 -4
  28. package/dist/Chevron/index.js +34 -34
  29. package/dist/CollectInformationAlert/CollectInformationAlert.css.js +4 -4
  30. package/dist/CollectInformationAlert/index.js +3 -3
  31. package/dist/Comparison/Comparison.css.js +7 -7
  32. package/dist/Comparison/Comparison.js +33 -33
  33. package/dist/ContentBanner/ContentBanner.css.js +4 -4
  34. package/dist/DownloadTile/DownloadTile.css.js +3 -3
  35. package/dist/ExecutiveBio/ExecutiveBio.css.js +4 -4
  36. package/dist/FaqAccordion/FaqAccordion.css.js +4 -4
  37. package/dist/FaqAccordion/index.js +34 -34
  38. package/dist/FooterDisclosure/FooterDisclosure.css.js +1 -1
  39. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.css.js +4 -4
  40. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +51 -33
  41. package/dist/Forms/ApplicationStart.js +3 -3
  42. package/dist/Forms/ClearingForm.js +3 -3
  43. package/dist/Forms/CommercialDeposits.js +3 -3
  44. package/dist/Forms/CommercialLending.js +3 -3
  45. package/dist/Forms/ContactCompany.js +3 -3
  46. package/dist/Forms/ContactUs.js +3 -3
  47. package/dist/Forms/ContactUsAAS.js +3 -3
  48. package/dist/Forms/ContactUsBusiness.js +34 -34
  49. package/dist/Forms/ContactUsNMLSId.js +34 -34
  50. package/dist/Forms/CpraRequest.js +3 -3
  51. package/dist/Forms/DealerServices.js +3 -3
  52. package/dist/Forms/EmailOnly.js +34 -34
  53. package/dist/Forms/EmailUs.js +3 -3
  54. package/dist/Forms/Forms.css.js +7 -7
  55. package/dist/Forms/MortgageRate/MortgageRateForm.js +34 -34
  56. package/dist/Forms/MortgageRate/MortgageRateWatch.js +34 -34
  57. package/dist/Forms/QuickPricer/QuickPricerForm.js +3 -3
  58. package/dist/Forms/QuickPricer/QuickPricerResults.css.js +1 -1
  59. package/dist/Forms/QuickPricer/UserInformation.css.js +3 -3
  60. package/dist/Forms/ScheduleCall.js +3 -3
  61. package/dist/Forms/ScheduleCallPremier.js +3 -3
  62. package/dist/Forms/SuccesForm.js +35 -35
  63. package/dist/Forms/WcplSurvey.js +3 -3
  64. package/dist/HeroBanner/HeroBanner.css.js +5 -5
  65. package/dist/HeroBanner/LargeBanner.css.js +4 -4
  66. package/dist/HeroBanner/SelectionBanner.css.js +4 -4
  67. package/dist/Hyperlink/Hyperlink.css.js +1 -1
  68. package/dist/Hyperlink/index.js +34 -34
  69. package/dist/IconBillboard/IconBillboard.css.js +4 -4
  70. package/dist/ImageBillboard/ImageBillboard.css.js +4 -4
  71. package/dist/ImageBillboard/ImageBillboard.js +3 -3
  72. package/dist/ImageBillboard/ImageBillboardSet.js +3 -3
  73. package/dist/ImageLink/ImageLink.css.js +1 -1
  74. package/dist/ImageLink/ImageLink.js +34 -34
  75. package/dist/ImageLink/ImageLinkSet.js +34 -34
  76. package/dist/ImageLink/index.js +34 -34
  77. package/dist/Input/Checkbox.css.js +1 -1
  78. package/dist/Input/Dropdown.css.js +2 -2
  79. package/dist/Input/Input.css.js +4 -4
  80. package/dist/Input/RadioButton.css.js +1 -1
  81. package/dist/Inputs/Input.css.js +3 -3
  82. package/dist/Insight/Featured/CategorySelector.css.js +5 -5
  83. package/dist/Insight/Featured/CategorySelector.js +33 -33
  84. package/dist/Insight/Featured/Featured.css.js +2 -2
  85. package/dist/Insight/Featured/Featured.js +35 -35
  86. package/dist/Insight/Featured/Header.css.js +1 -1
  87. package/dist/Insight/Featured/Header.js +33 -33
  88. package/dist/Insight/Insight.css.js +2 -2
  89. package/dist/Interstitial/Interstitial-variants.css.js +4 -4
  90. package/dist/Interstitial/Interstitial.module.js +10 -10
  91. package/dist/LandingPageHeader/LandingPageHeader.css.js +3 -3
  92. package/dist/LandingPageHeader/LandingPageHeader.js +3 -3
  93. package/dist/LoadingIndicator/LoadingIndicator.css.js +1 -1
  94. package/dist/Modal/Modal.css.js +3 -3
  95. package/dist/Modal/Modal.js +33 -33
  96. package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +3 -3
  97. package/dist/NavigationMenu/AxosAdvisor/SubNavbar.css.js +3 -3
  98. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +3 -3
  99. package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +3 -3
  100. package/dist/NavigationMenu/AxosBank/NavBar.css.js +3 -3
  101. package/dist/NavigationMenu/AxosBank/NavData.js +34 -34
  102. package/dist/NavigationMenu/AxosBank/SubNavBar.js +196 -256
  103. package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +3 -3
  104. package/dist/NavigationMenu/AxosBank/index.js +32 -32
  105. package/dist/NavigationMenu/AxosClearing/NavBar.css.js +1 -1
  106. package/dist/PageNavItem/PageNavItem.css.js +4 -4
  107. package/dist/PageNavSet/PageNavigationSet.css.js +1 -1
  108. package/dist/Pagination/Pagination.css.js +1 -1
  109. package/dist/Pagination/Pagination.js +3 -3
  110. package/dist/SecondaryFooter/SecondaryFooter.css.js +3 -3
  111. package/dist/SetContainer/SetContainer.css.js +3 -3
  112. package/dist/SetContainer/SetContainer.js +34 -34
  113. package/dist/SocialMediaBar/SocialMediaBar.css.js +1 -1
  114. package/dist/StepItem/StepItem.css.js +3 -3
  115. package/dist/StepItemSet/StepItemSet.css.js +3 -3
  116. package/dist/Tab/Tab.css.js +3 -3
  117. package/dist/Table/Table.css.js +3 -3
  118. package/dist/Table/Table.js +3 -3
  119. package/dist/TextBlock/TextBlock.css.js +3 -3
  120. package/dist/TopicalNavItem/TopicalNavItem.css.js +1 -1
  121. package/dist/TopicalNavSet/TopicalNavSet.css.js +1 -1
  122. package/dist/Typography/Typography.css.js +1 -1
  123. package/dist/VideoTile/VideoTile.css.js +4 -4
  124. package/dist/VideoTile/VideoTile.js +3 -3
  125. package/dist/VideoWrapper/VideoWrapper.css.js +1 -1
  126. package/dist/VideoWrapper/index.js +33 -33
  127. package/dist/assets/Interstitial/Interstitial.css.css +142 -142
  128. package/dist/globals.css.js +2 -2
  129. package/dist/icons/ArrowIcon/ArrowIcon.css.js +3 -3
  130. package/dist/icons/CheckIcon/CheckIcon.css.js +3 -3
  131. package/dist/icons/DownloadIcon/DownloadIcon.css.js +3 -3
  132. package/dist/icons/FollowIcon/FollowIcon.css.js +3 -3
  133. package/dist/icons/Star/Star.css.js +1 -1
  134. package/dist/index.css.js +3 -3
  135. package/dist/themes/axos.css.js +1 -1
  136. package/dist/themes/premier.css.js +2 -2
  137. package/dist/utils/appendQueryParams.d.ts +1 -0
  138. package/dist/utils/appendQueryParams.js +48 -0
  139. package/package.json +131 -131
  140. package/dist/Input/DatePicker.css.d.ts +0 -1
  141. package/dist/Input/DatePicker.css.js +0 -6
  142. package/dist/Input/DatePicker2.d.ts +0 -21
  143. package/dist/Input/DatePicker2.js +0 -103
  144. package/dist/Input/DatePickerComponents/DatePicker.d.ts +0 -11
  145. package/dist/Input/DatePickerComponents/DatePicker.js +0 -13
  146. package/dist/Input/DatePickerComponents/InputDate.d.ts +0 -15
  147. package/dist/Input/DatePickerComponents/InputDate.js +0 -66
  148. package/dist/Input/DatePickerComponents/index.d.ts +0 -2
  149. package/dist/Input/DatePickerComponents/index.js +0 -6
  150. package/dist/Input/Datepicker.d.ts +0 -3
  151. package/dist/Input/Datepicker.js +0 -47
  152. package/dist/Input/InputDate.css.d.ts +0 -6
  153. package/dist/Input/InputDate.css.js +0 -15
  154. package/dist/Input/InputDate.d.ts +0 -3
  155. package/dist/Input/InputDate.js +0 -47
  156. package/dist/assets/Input/DatePicker.css +0 -95
  157. package/dist/assets/Input/InputDate.css +0 -39
  158. package/dist/assets/node_modules/react-date-range/dist/styles.css.css +0 -194
  159. package/dist/assets/node_modules/react-date-range/dist/theme/default.css.css +0 -385
  160. package/dist/icons/CalendarIcon/CalendarIcon.d.ts +0 -3
  161. package/dist/icons/CalendarIcon/CalendarIcon.js +0 -17
  162. package/dist/icons/CalendarIcon/index.d.ts +0 -1
  163. package/dist/icons/CalendarIcon/index.js +0 -4
  164. package/dist/types/icon.d.ts +0 -3
  165. package/dist/types/icon.js +0 -1
  166. package/dist/types/popover.d.ts +0 -8
  167. package/dist/types/popover.js +0 -1
  168. package/dist/utils/RetainQueryLink.d.ts +0 -11
  169. package/dist/utils/RetainQueryLink.js +0 -15
  170. package/dist/utils/constants/format.d.ts +0 -1
  171. package/dist/utils/constants/format.js +0 -4
  172. package/dist/utils/constants/popper.d.ts +0 -6
  173. package/dist/utils/constants/popper.js +0 -10
  174. package/dist/utils/hooks/usePopover.d.ts +0 -25
  175. package/dist/utils/hooks/usePopover.js +0 -64
@@ -1,95 +0,0 @@
1
- .react-date-picker {
2
- width: 100%;
3
- }
4
- .react-date-picker__wrapper {
5
- border: none !important;
6
- }
7
- .react-calendar__month-view__weekdays__weekday {
8
- width: 45px;
9
- height: 22px;
10
- margin: 0;
11
- display: inline-flex;
12
- align-items: center;
13
- font-family: var(--main-font-family);
14
- font-weight: 500;
15
- letter-spacing: 0.2px;
16
- justify-content: center;
17
- }
18
- .react-calendar__month-view__weekdays__weekday {
19
- font-size: 12px;
20
- line-height: 16;
21
- color: #2F5B88;
22
- }
23
- .react-calendar__month-view__weekdays__weekday > abbr {
24
- text-decoration: none;
25
- }
26
- .react-calendar__month-view__days__day {
27
- width: 49px;
28
- height: 49px;
29
- margin: 0;
30
- display: inline-flex;
31
- align-items: center;
32
- justify-content: center;
33
- }
34
- .react-calendar__month-view__days__day > abbr {
35
- font-family: var(--main-font-family) !important;
36
- font-weight: 500;
37
- letter-spacing: 0.2px;
38
- color: #051A3F;
39
- }
40
- .react-date-picker__inputGroup__input, .react-date-picker__inputGroup__divider {
41
- color: #5E6A74 !important;
42
- }
43
- .react-date-picker__clear-button {
44
- display: none;
45
- }
46
- .react-calendar__navigation__label__labelText {
47
- font-weight: 600;
48
- font-size: 24px;
49
- line-height: 36px;
50
- letter-spacing: 0.2px;
51
- color: #1E3860;
52
- font-family: var(--header-font-family);
53
- }
54
- .react-datepicker-popper {
55
- transform: translateY(40px)!important;
56
- }
57
- .react-calendar__month-view__days__day--neighboringMonth {
58
- background-color: #F4F4F4 !important;
59
- opacity: 50%;
60
- }
61
- .react-calendar__month-view__days__day--neighboringMonth > abbr {
62
- color: #5E6A74;
63
- }
64
- .react-calendar__tile--active > abbr {
65
- color: white;
66
- }
67
- .react-calendar {
68
- border: 12px solid #FFFFFF4D !important;
69
- border-radius: 4px;
70
- }
71
- .react-calendar__navigation__prev2-button, .react-calendar__navigation__next2-button {
72
- display: none;
73
- }
74
- .react-date-picker__calendar {
75
- max-width: 100% !important;
76
- }
77
- .react-date-picker__inputGroup__input:focus-visible {
78
- outline: none;
79
- }
80
- .react-date-picker__inputGroup__input:invalid {
81
- background: transparent !important;
82
- }
83
- @media screen and (max-width:320px) {
84
- .react-calendar__month-view__weekdays__weekday {
85
- width: 43.5px;
86
- }
87
- .react-calendar__month-view__days__day {
88
- width: 43.5px;
89
- }
90
- }
91
- @media screen and (max-width:400px) {
92
- .react-calendar__navigation .react-calendar__navigation__prev-button, .react-calendar__navigation .react-calendar__navigation__next-button {
93
- min-width: auto;
94
- }
95
- }
@@ -1,39 +0,0 @@
1
- .skzved0 {
2
- position: relative;
3
- }
4
- .skzved1 {
5
- position: relative;
6
- top: 5px;
7
- left: 5px;
8
- }
9
- .skzved2 {
10
- width: 100px;
11
- padding-left: 5px;
12
- padding-right: 5px;
13
- line-height: 28px;
14
- font-size: 14pt;
15
- }
16
- .skzved3 {
17
- display: flex;
18
- justify-content: center;
19
- align-items: center;
20
- }
21
- .skzved4 {
22
- display: block;
23
- background: #FFFFFF;
24
- width: 300px;
25
- border: solid 1px #CCCCCC;
26
- margin: 10px auto;
27
- box-shadow: 0 0 15px 0 #C0C0C0;
28
- font-size: 1.3rem;
29
- text-align: center;
30
- z-index: 999;
31
- }
32
- .skzved4 .skzved5 {
33
- display: flex;
34
- justify-content: center;
35
- align-items: center;
36
- color: #FFFFFF;
37
- cursor: default;
38
- font-weight: bold;
39
- }
@@ -1,194 +0,0 @@
1
- .rdrCalendarWrapper {
2
- box-sizing: border-box;
3
- background: #ffffff;
4
- display: inline-flex;
5
- flex-direction: column;
6
- -webkit-user-select: none;
7
- -moz-user-select: none;
8
- user-select: none;
9
- }
10
-
11
- .rdrDateDisplay{
12
- display: flex;
13
- justify-content: space-between;
14
- }
15
-
16
- .rdrDateDisplayItem{
17
- flex: 1 1;
18
- width: 0;
19
- text-align: center;
20
- color: inherit;
21
- }
22
-
23
- .rdrDateDisplayItem + .rdrDateDisplayItem{
24
- margin-left: 0.833em;
25
- }
26
-
27
- .rdrDateDisplayItem input{
28
- text-align: inherit
29
- }
30
-
31
- .rdrDateDisplayItem input:disabled{
32
- cursor: default;
33
- }
34
-
35
- .rdrDateDisplayItemActive{}
36
-
37
- .rdrMonthAndYearWrapper {
38
- box-sizing: inherit;
39
- display: flex;
40
- justify-content: space-between;
41
- }
42
-
43
- .rdrMonthAndYearPickers{
44
- flex: 1 1 auto;
45
- display: flex;
46
- justify-content: center;
47
- align-items: center;
48
- }
49
-
50
- .rdrMonthPicker{}
51
-
52
- .rdrYearPicker{}
53
-
54
- .rdrNextPrevButton {
55
- box-sizing: inherit;
56
- cursor: pointer;
57
- outline: none;
58
- }
59
-
60
- .rdrPprevButton {}
61
-
62
- .rdrNextButton {}
63
-
64
- .rdrMonths{
65
- display: flex;
66
- }
67
-
68
- .rdrMonthsVertical{
69
- flex-direction: column;
70
- }
71
-
72
- .rdrMonthsHorizontal > div > div > div{
73
- display: flex;
74
- flex-direction: row;
75
- }
76
-
77
- .rdrMonth{
78
- width: 27.667em;
79
- }
80
-
81
- .rdrWeekDays{
82
- display: flex;
83
- }
84
-
85
- .rdrWeekDay {
86
- flex-basis: calc(100% / 7);
87
- box-sizing: inherit;
88
- text-align: center;
89
- }
90
-
91
- .rdrDays{
92
- display: flex;
93
- flex-wrap: wrap;
94
- }
95
-
96
- .rdrDateDisplayWrapper{}
97
-
98
- .rdrMonthName{}
99
-
100
- .rdrInfiniteMonths{
101
- overflow: auto;
102
- }
103
-
104
- .rdrDateRangeWrapper{
105
- -webkit-user-select: none;
106
- -moz-user-select: none;
107
- user-select: none;
108
- }
109
-
110
- .rdrDateInput {
111
- position: relative;
112
- }
113
-
114
- .rdrDateInput input {
115
- outline: none;
116
- }
117
-
118
- .rdrDateInput .rdrWarning {
119
- position: absolute;
120
- font-size: 1.6em;
121
- line-height: 1.6em;
122
- top: 0;
123
- right: .25em;
124
- color: #FF0000;
125
- }
126
-
127
- .rdrDay {
128
- box-sizing: inherit;
129
- width: calc(100% / 7);
130
- position: relative;
131
- font: inherit;
132
- cursor: pointer;
133
- }
134
-
135
- .rdrDayNumber {
136
- display: block;
137
- position: relative;
138
- }
139
-
140
- .rdrDayNumber span{
141
- color: #1d2429;
142
- }
143
-
144
- .rdrDayDisabled {
145
- cursor: not-allowed;
146
- }
147
-
148
- @supports (-ms-ime-align: auto) {
149
- .rdrDay {
150
- flex-basis: 14.285% !important;
151
- }
152
- }
153
-
154
- .rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
155
- pointer-events: none;
156
- }
157
-
158
- .rdrInRange{}
159
-
160
- .rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
161
- pointer-events: none;
162
- }
163
-
164
- .rdrDayHovered{}
165
-
166
- .rdrDayActive{}
167
-
168
- .rdrDateRangePickerWrapper{
169
- display: inline-flex;
170
- -webkit-user-select: none;
171
- -moz-user-select: none;
172
- user-select: none;
173
- }
174
-
175
- .rdrDefinedRangesWrapper{}
176
-
177
- .rdrStaticRanges{
178
- display: flex;
179
- flex-direction: column;
180
- }
181
-
182
- .rdrStaticRange{
183
- font-size: inherit;
184
- }
185
-
186
- .rdrStaticRangeLabel{}
187
-
188
- .rdrInputRanges{}
189
-
190
- .rdrInputRange{
191
- display: flex;
192
- }
193
-
194
- .rdrInputRangeInput{}
@@ -1,385 +0,0 @@
1
- .rdrCalendarWrapper{
2
- color: #000000;
3
- font-size: 12px;
4
- }
5
-
6
- .rdrDateDisplayWrapper{
7
- background-color: rgb(239, 242, 247);
8
- }
9
-
10
- .rdrDateDisplay{
11
- margin: 0.833em;
12
- }
13
-
14
- .rdrDateDisplayItem{
15
- border-radius: 4px;
16
- background-color: rgb(255, 255, 255);
17
- box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
18
- border: 1px solid transparent;
19
- }
20
-
21
- .rdrDateDisplayItem input{
22
- cursor: pointer;
23
- height: 2.5em;
24
- line-height: 2.5em;
25
- border: 0px;
26
- background: transparent;
27
- width: 100%;
28
- color: #849095;
29
- }
30
-
31
- .rdrDateDisplayItemActive{
32
- border-color: currentColor;
33
- }
34
-
35
- .rdrDateDisplayItemActive input{
36
- color: #7d888d
37
- }
38
-
39
- .rdrMonthAndYearWrapper {
40
- align-items: center;
41
- height: 60px;
42
- padding-top: 10px;
43
- }
44
-
45
- .rdrMonthAndYearPickers{
46
- font-weight: 600;
47
- }
48
-
49
- .rdrMonthAndYearPickers select{
50
- -moz-appearance: none;
51
- appearance: none;
52
- -webkit-appearance: none;
53
- border: 0;
54
- background: transparent;
55
- padding: 10px 30px 10px 10px;
56
- border-radius: 4px;
57
- outline: 0;
58
- color: #3e484f;
59
- background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;
60
- background-position: right 8px center;
61
- cursor: pointer;
62
- text-align: center
63
- }
64
-
65
- .rdrMonthAndYearPickers select:hover{
66
- background-color: rgba(0,0,0,0.07);
67
- }
68
-
69
- .rdrMonthPicker, .rdrYearPicker{
70
- margin: 0 5px
71
- }
72
-
73
- .rdrNextPrevButton {
74
- display: block;
75
- width: 24px;
76
- height: 24px;
77
- margin: 0 0.833em;
78
- padding: 0;
79
- border: 0;
80
- border-radius: 5px;
81
- background: #EFF2F7
82
- }
83
-
84
- .rdrNextPrevButton:hover{
85
- background: #E1E7F0;
86
- }
87
-
88
- .rdrNextPrevButton i {
89
- display: block;
90
- width: 0;
91
- height: 0;
92
- padding: 0;
93
- text-align: center;
94
- border-style: solid;
95
- margin: auto;
96
- transform: translate(-3px, 0px);
97
- }
98
-
99
- .rdrPprevButton i {
100
- border-width: 4px 6px 4px 4px;
101
- border-color: transparent rgb(52, 73, 94) transparent transparent;
102
- transform: translate(-3px, 0px);
103
- }
104
-
105
- .rdrNextButton i {
106
- margin: 0 0 0 7px;
107
- border-width: 4px 4px 4px 6px;
108
- border-color: transparent transparent transparent rgb(52, 73, 94);
109
- transform: translate(3px, 0px);
110
- }
111
-
112
- .rdrWeekDays {
113
- padding: 0 0.833em;
114
- }
115
-
116
- .rdrMonth{
117
- padding: 0 0.833em 1.666em 0.833em;
118
- }
119
-
120
- .rdrMonth .rdrWeekDays {
121
- padding: 0;
122
- }
123
-
124
- .rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{
125
- display: none;
126
- }
127
-
128
- .rdrWeekDay {
129
- font-weight: 400;
130
- line-height: 2.667em;
131
- color: rgb(132, 144, 149);
132
- }
133
-
134
- .rdrDay {
135
- background: transparent;
136
- -webkit-user-select: none;
137
- -moz-user-select: none;
138
- user-select: none;
139
- border: 0;
140
- padding: 0;
141
- line-height: 3.000em;
142
- height: 3.000em;
143
- text-align: center;
144
- color: #1d2429
145
- }
146
-
147
- .rdrDay:focus {
148
- outline: 0;
149
- }
150
-
151
- .rdrDayNumber {
152
- outline: 0;
153
- font-weight: 300;
154
- position: absolute;
155
- left: 0;
156
- right: 0;
157
- top: 0;
158
- bottom: 0;
159
- top: 5px;
160
- bottom: 5px;
161
- display: flex;
162
- align-items: center;
163
- justify-content: center;
164
- }
165
-
166
- .rdrDayToday .rdrDayNumber span{
167
- font-weight: 500
168
- }
169
-
170
- .rdrDayToday .rdrDayNumber span:after{
171
- content: '';
172
- position: absolute;
173
- bottom: 4px;
174
- left: 50%;
175
- transform: translate(-50%, 0);
176
- width: 18px;
177
- height: 2px;
178
- border-radius: 2px;
179
- background: #3d91ff;
180
- }
181
-
182
- .rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{
183
- background: #fff;
184
- }
185
-
186
- .rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{
187
- color: rgba(255, 255, 255, 0.85);
188
- }
189
-
190
- .rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
191
- background: currentColor;
192
- position: absolute;
193
- top: 5px;
194
- left: 0;
195
- right: 0;
196
- bottom: 5px;
197
- }
198
-
199
- .rdrSelected{
200
- left: 2px;
201
- right: 2px;
202
- }
203
-
204
- .rdrInRange{}
205
-
206
- .rdrStartEdge{
207
- border-top-left-radius: 1.042em;
208
- border-bottom-left-radius: 1.042em;
209
- left: 2px;
210
- }
211
-
212
- .rdrEndEdge{
213
- border-top-right-radius: 1.042em;
214
- border-bottom-right-radius: 1.042em;
215
- right: 2px;
216
- }
217
-
218
- .rdrSelected{
219
- border-radius: 1.042em;
220
- }
221
-
222
- .rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{
223
- border-top-left-radius: 1.042em;
224
- border-bottom-left-radius: 1.042em;
225
- left: 2px;
226
- }
227
-
228
- .rdrDayEndOfMonth .rdrInRange, .rdrDayEndOfMonth .rdrStartEdge, .rdrDayEndOfWeek .rdrInRange, .rdrDayEndOfWeek .rdrStartEdge{
229
- border-top-right-radius: 1.042em;
230
- border-bottom-right-radius: 1.042em;
231
- right: 2px;
232
- }
233
-
234
- .rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{
235
- border-top-left-radius: 1.333em;
236
- border-bottom-left-radius: 1.333em;
237
- border-left-width: 1px;
238
- left: 0px;
239
- }
240
-
241
- .rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{
242
- border-top-right-radius: 1.333em;
243
- border-bottom-right-radius: 1.333em;
244
- border-right-width: 1px;
245
- right: 0px;
246
- }
247
-
248
- .rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
249
- background: rgba(255, 255, 255, 0.09);
250
- position: absolute;
251
- top: 3px;
252
- left: 0px;
253
- right: 0px;
254
- bottom: 3px;
255
- pointer-events: none;
256
- border: 0px solid currentColor;
257
- z-index: 1;
258
- }
259
-
260
- .rdrDayStartPreview{
261
- border-top-width: 1px;
262
- border-left-width: 1px;
263
- border-bottom-width: 1px;
264
- border-top-left-radius: 1.333em;
265
- border-bottom-left-radius: 1.333em;
266
- left: 0px;
267
- }
268
-
269
- .rdrDayInPreview{
270
- border-top-width: 1px;
271
- border-bottom-width: 1px;
272
- }
273
-
274
- .rdrDayEndPreview{
275
- border-top-width: 1px;
276
- border-right-width: 1px;
277
- border-bottom-width: 1px;
278
- border-top-right-radius: 1.333em;
279
- border-bottom-right-radius: 1.333em;
280
- right: 2px;
281
- right: 0px;
282
- }
283
-
284
- .rdrDefinedRangesWrapper{
285
- font-size: 12px;
286
- width: 226px;
287
- border-right: solid 1px #eff2f7;
288
- background: #fff;
289
- }
290
-
291
- .rdrDefinedRangesWrapper .rdrStaticRangeSelected{
292
- color: currentColor;
293
- font-weight: 600;
294
- }
295
-
296
- .rdrStaticRange{
297
- border: 0;
298
- cursor: pointer;
299
- display: block;
300
- outline: 0;
301
- border-bottom: 1px solid #eff2f7;
302
- padding: 0;
303
- background: #fff
304
- }
305
-
306
- .rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{
307
- background: #eff2f7;
308
- }
309
-
310
- .rdrStaticRangeLabel{
311
- display: block;
312
- outline: 0;
313
- line-height: 18px;
314
- padding: 10px 20px;
315
- text-align: left;
316
- }
317
-
318
- .rdrInputRanges{
319
- padding: 10px 0;
320
- }
321
-
322
- .rdrInputRange{
323
- align-items: center;
324
- padding: 5px 20px;
325
- }
326
-
327
- .rdrInputRangeInput{
328
- width: 30px;
329
- height: 30px;
330
- line-height: 30px;
331
- border-radius: 4px;
332
- text-align: center;
333
- border: solid 1px rgb(222, 231, 235);
334
- margin-right: 10px;
335
- color: rgb(108, 118, 122)
336
- }
337
-
338
- .rdrInputRangeInput:focus, .rdrInputRangeInput:hover{
339
- border-color: rgb(180, 191, 196);
340
- outline: 0;
341
- color: #333;
342
- }
343
-
344
- .rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{
345
- content: '';
346
- border: 1px solid currentColor;
347
- border-radius: 1.333em;
348
- position: absolute;
349
- top: -2px;
350
- bottom: -2px;
351
- left: 0px;
352
- right: 0px;
353
- background: transparent;
354
- }
355
-
356
- .rdrDayPassive{
357
- pointer-events: none;
358
- }
359
-
360
- .rdrDayPassive .rdrDayNumber span{
361
- color: #d5dce0;
362
- }
363
-
364
- .rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{
365
- display: none;
366
- }
367
-
368
- .rdrDayDisabled {
369
- background-color: rgb(248, 248, 248);
370
- }
371
-
372
- .rdrDayDisabled .rdrDayNumber span{
373
- color: #aeb9bf;
374
- }
375
-
376
- .rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{
377
- filter: grayscale(100%) opacity(60%);
378
- }
379
-
380
- .rdrMonthName{
381
- text-align: left;
382
- font-weight: 600;
383
- color: #849095;
384
- padding: 0.833em;
385
- }
@@ -1,3 +0,0 @@
1
- import { TIconProps } from '../../types/icon';
2
-
3
- export declare const CalendarIcon: import('react').NamedExoticComponent<TIconProps>;