@axos-web-dev/shared-components 0.0.59 → 0.0.61

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 (69) hide show
  1. package/dist/Carousel/index.js +4 -1
  2. package/dist/Chevron/index.js +4 -1
  3. package/dist/ContentBanner/ContentBanner.css.d.ts +7 -2
  4. package/dist/ContentBanner/ContentBanner.css.js +10 -6
  5. package/dist/ContentBanner/ContentBanner.interface.d.ts +7 -3
  6. package/dist/ContentBanner/index.js +8 -3
  7. package/dist/ExecutiveBio/ExecutiveBioSet.js +2 -2
  8. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +4 -1
  9. package/dist/Forms/ContactUsBusiness.js +4 -1
  10. package/dist/Forms/EmailOnly.js +4 -1
  11. package/dist/Forms/RenderForm.js +4 -1
  12. package/dist/Forms/SuccesForm.js +4 -1
  13. package/dist/Hyperlink/index.js +4 -1
  14. package/dist/IconBillboard/IconBillboard.css.d.ts +19 -0
  15. package/dist/IconBillboard/IconBillboard.css.js +2 -0
  16. package/dist/IconBillboard/IconBillboardSet.js +3 -2
  17. package/dist/IconBillboard/index.js +2 -1
  18. package/dist/ImageLink/ImageLink.js +4 -1
  19. package/dist/ImageLink/ImageLinkSet.js +4 -1
  20. package/dist/ImageLink/index.js +4 -1
  21. package/dist/Modal/Modal.js +4 -1
  22. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +53 -53
  23. package/dist/SetContainer/SetContainer.js +4 -1
  24. package/dist/StepItem/StepItem.css.d.ts +99 -0
  25. package/dist/StepItem/StepItem.css.js +21 -0
  26. package/dist/StepItem/StepItem.d.ts +10 -0
  27. package/dist/{StepItems/StepItems.js → StepItem/StepItem.js} +9 -9
  28. package/dist/StepItem/index.d.ts +2 -0
  29. package/dist/StepItem/index.js +12 -0
  30. package/dist/StepItemSet/StepItemSet.css.d.ts +61 -0
  31. package/dist/StepItemSet/StepItemSet.css.js +30 -0
  32. package/dist/StepItemSet/StepItemSet.d.ts +17 -0
  33. package/dist/{StepItems/StepItemsSet.js → StepItemSet/StepItemSet.js} +20 -25
  34. package/dist/StepItemSet/index.d.ts +2 -0
  35. package/dist/StepItemSet/index.js +17 -0
  36. package/dist/TopicalNavItem/TopicalNavItem.css.d.ts +5 -0
  37. package/dist/TopicalNavItem/TopicalNavItem.css.js +13 -0
  38. package/dist/TopicalNavItem/TopicalNavItem.d.ts +10 -0
  39. package/dist/TopicalNavItem/TopicalNavItem.js +46 -0
  40. package/dist/TopicalNavItem/index.d.ts +2 -0
  41. package/dist/TopicalNavItem/index.js +10 -0
  42. package/dist/TopicalNavSet/TopicalNavSet.css.d.ts +3 -0
  43. package/dist/TopicalNavSet/TopicalNavSet.css.js +9 -0
  44. package/dist/TopicalNavSet/TopicalNavSet.d.ts +8 -0
  45. package/dist/TopicalNavSet/TopicalNavSet.js +21 -0
  46. package/dist/TopicalNavSet/index.d.ts +2 -0
  47. package/dist/TopicalNavSet/index.js +8 -0
  48. package/dist/assets/AwardsBanner/AwardsBanner.css +3 -0
  49. package/dist/assets/AwardsItem/AwardsItem.css +9 -3
  50. package/dist/assets/ContentBanner/ContentBanner.css +33 -11
  51. package/dist/assets/ExecutiveBio/ExecutiveBio.css +3 -0
  52. package/dist/assets/IconBillboard/IconBillboard.css +18 -0
  53. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css.css +116 -116
  54. package/dist/assets/StepItem/StepItem.css +144 -0
  55. package/dist/assets/StepItemSet/StepItemSet.css +119 -0
  56. package/dist/assets/TopicalNavItem/TopicalNavItem.css +102 -0
  57. package/dist/assets/TopicalNavSet/TopicalNavSet.css +21 -0
  58. package/dist/main.d.ts +4 -1
  59. package/dist/main.js +22 -6
  60. package/package.json +4 -5
  61. package/dist/StepItems/StepItems.css.d.ts +0 -132
  62. package/dist/StepItems/StepItems.css.js +0 -45
  63. package/dist/StepItems/StepItems.d.ts +0 -3
  64. package/dist/StepItems/StepItems.interface.d.ts +0 -21
  65. package/dist/StepItems/StepItems.interface.js +0 -1
  66. package/dist/StepItems/StepItemsSet.d.ts +0 -3
  67. package/dist/StepItems/index.d.ts +0 -4
  68. package/dist/StepItems/index.js +0 -26
  69. package/dist/assets/StepItems/StepItems.css +0 -275
@@ -1,21 +0,0 @@
1
- import { ChevronProps } from '../Chevron/Chevron.interface';
2
- import { QuaternaryTypes } from '../utils/variant.types';
3
- import { ImageInterface } from '../IconBillboard';
4
- import { ReactNode } from 'react';
5
-
6
- export interface StepItemsSetProps {
7
- id: string;
8
- variant: QuaternaryTypes;
9
- title?: ReactNode | string;
10
- description?: ReactNode | string;
11
- image?: ImageInterface;
12
- stepItems: StepItemsProps[];
13
- callToActionRow?: ChevronProps[];
14
- additionalDetails?: string | ReactNode;
15
- }
16
- export interface StepItemsProps {
17
- id: string;
18
- variant: QuaternaryTypes;
19
- title: ReactNode | string;
20
- description: ReactNode | string;
21
- }
@@ -1 +0,0 @@
1
-
@@ -1,3 +0,0 @@
1
- import { StepItemsSetProps as Props } from './StepItems.interface';
2
-
3
- export declare const StepItemsSet: ({ id, variant: fullVariant, title, description, image, stepItems, callToActionRow, additionalDetails, }: Props) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +0,0 @@
1
- export * from './StepItems';
2
- export * from './StepItems.css';
3
- export type * from './StepItems.interface';
4
- export * from './StepItemsSet';
@@ -1,26 +0,0 @@
1
- import { StepItems } from "./StepItems.js";
2
- import { bs_add_details, bs_btns, bs_copy, bs_image, bs_section, bs_topic, bs_wrapper, bullet_details, li, line_points, modifier, ol, point, sec_subtitle, sec_title, step_num, steps_wrapper, svg_logo, tablet_col } from "./StepItems.css.js";
3
- import { StepItemsSet } from "./StepItemsSet.js";
4
- export {
5
- StepItems,
6
- StepItemsSet,
7
- bs_add_details,
8
- bs_btns,
9
- bs_copy,
10
- bs_image,
11
- bs_section,
12
- bs_topic,
13
- bs_wrapper,
14
- bullet_details,
15
- li,
16
- line_points,
17
- modifier,
18
- ol,
19
- point,
20
- sec_subtitle,
21
- sec_title,
22
- step_num,
23
- steps_wrapper,
24
- svg_logo,
25
- tablet_col
26
- };
@@ -1,275 +0,0 @@
1
- ._1hh5tt10 {
2
- padding-bottom: 48px;
3
- padding-top: 48px;
4
- }
5
- ._1hh5tt11 {
6
- background: var(--_1073cm81);
7
- color: var(--_1073cm82);
8
- }
9
- ._1hh5tt12 {
10
- background: var(--_1073cm88);
11
- color: var(--_1073cm89);
12
- }
13
- ._1hh5tt13 {
14
- background: var(--_1073cm8f);
15
- color: var(--_1073cm8g);
16
- }
17
- ._1hh5tt14 {
18
- background: var(--_1073cm8m);
19
- color: var(--_1073cm8n);
20
- }
21
- ._1hh5tt16 {
22
- margin-bottom: 16px;
23
- }
24
- ._1hh5tt18 {
25
- fill: #1E3860;
26
- }
27
- ._1hh5tt19 {
28
- fill: #1E3860;
29
- }
30
- ._1hh5tt1a {
31
- fill: #fff;
32
- }
33
- ._1hh5tt1b {
34
- fill: #fff;
35
- }
36
- ._1hh5tt1d {
37
- color: var(--_1073cm83);
38
- }
39
- ._1hh5tt1e {
40
- color: var(--_1073cm8a);
41
- }
42
- ._1hh5tt1f {
43
- color: var(--_1073cm8h);
44
- }
45
- ._1hh5tt1g {
46
- color: var(--_1073cm8o);
47
- }
48
- ._1hh5tt1h {
49
- margin-top: 16px;
50
- text-align: center;
51
- }
52
- ._1hh5tt1h p {
53
- font-size: 1rem;
54
- line-height: 1.5;
55
- }
56
- ._1hh5tt1j {
57
- min-height: 378px;
58
- width: 48%;
59
- background-position: center center;
60
- background-size: cover;
61
- }
62
- ._1hh5tt1k {
63
- padding: 27px 48px;
64
- flex: 1 1 0%;
65
- }
66
- ._1hh5tt1l {
67
- padding: 0;
68
- list-style: none;
69
- margin: 0;
70
- }
71
- ._1hh5tt1l > li + li > :first-child > :first-child {
72
- padding-top: 24px;
73
- }
74
- ._1hh5tt1l > li + li > :last-child {
75
- padding-top: 24px;
76
- }
77
- ._1hh5tt1m {
78
- position: relative;
79
- }
80
- ._1hh5tt1m:first-child > :first-child::before {
81
- height: calc(100% - 31px);
82
- bottom: 0;
83
- }
84
- ._1hh5tt1m:last-child > :first-child::before {
85
- top: 0;
86
- height: 65px;
87
- }
88
- ._1hh5tt1n {
89
- position: relative;
90
- isolation: isolate;
91
- }
92
- ._1hh5tt1n::before {
93
- content: "";
94
- position: absolute;
95
- height: 100%;
96
- border-left: 1px dashed;
97
- left: 7px;
98
- z-index: -1;
99
- }
100
- ._1hh5tt1o {
101
- border-color: var(--_1073cm82);
102
- }
103
- ._1hh5tt1p {
104
- border-color: var(--_1073cm89);
105
- }
106
- ._1hh5tt1q {
107
- border-color: var(--_1073cm8g);
108
- }
109
- ._1hh5tt1r {
110
- border-color: var(--_1073cm8n);
111
- }
112
- ._1hh5tt1s {
113
- border: 4px solid transparent;
114
- border-radius: 50%;
115
- height: 7px;
116
- width: 7px;
117
- box-sizing: content-box;
118
- }
119
- ._1hh5tt1t {
120
- border-color: #4D85B0;
121
- background: var(--_1073cm81);
122
- }
123
- ._1hh5tt1u {
124
- border-color: #4D85B0;
125
- background: var(--_1073cm88);
126
- }
127
- ._1hh5tt1v {
128
- border-color: #FAA74A;
129
- background: #1E3860;
130
- }
131
- ._1hh5tt1w {
132
- border-color: #FAA74A;
133
- background: #1E3860;
134
- }
135
- ._1hh5tt1x {
136
- font: 500 60px/1.13 var(--header-font-family);
137
- letter-spacing: 0.2px;
138
- height: 72px;
139
- width: 72px;
140
- margin-left: 16px;
141
- }
142
- ._1hh5tt1y {
143
- color: var(--_1073cm83);
144
- }
145
- ._1hh5tt1z {
146
- color: var(--_1073cm8a);
147
- }
148
- ._1hh5tt110 {
149
- color: var(--_1073cm8h);
150
- }
151
- ._1hh5tt111 {
152
- color: var(--_1073cm8o);
153
- }
154
- ._1hh5tt112 {
155
- flex: 1 1 0%;
156
- margin-left: 24px;
157
- }
158
- ._1hh5tt113 {
159
- font: 600 24px/1.33 var(--header-font-family);
160
- letter-spacing: 0.2px;
161
- display: block;
162
- }
163
- ._1hh5tt114 {
164
- color: var(--_1073cm83);
165
- }
166
- ._1hh5tt115 {
167
- color: var(--_1073cm8a);
168
- }
169
- ._1hh5tt116 {
170
- color: var(--_1073cm8h);
171
- }
172
- ._1hh5tt117 {
173
- color: var(--_1073cm8o);
174
- }
175
- ._1hh5tt118 {
176
- margin-top: 8px;
177
- display: block;
178
- }
179
- ._1hh5tt118 > * {
180
- font: 400 18px/1.44 var(--main-font-family);
181
- }
182
- ._1hh5tt119 > * + * {
183
- margin-left: 48px;
184
- }
185
- ._1hh5tt11a {
186
- margin-left: auto;
187
- margin-right: auto;
188
- text-align: center;
189
- max-width: 800px;
190
- }
191
- ._1hh5tt118 > * {
192
- font-size: 16px;
193
- line-height: 1.5;
194
- }
195
- @media screen and (min-width:1024px) {
196
- ._1hh5tt15 {
197
- width: min(1392px,calc(100% - 48px));
198
- }
199
- }
200
- @media screen and (max-width:1280px) {
201
- ._1hh5tt1k {
202
- padding-left: 24px;
203
- padding-right: 0;
204
- }
205
- }
206
- @media screen and (max-width:1023px) {
207
- ._1hh5tt1i {
208
- flex-direction: column;
209
- margin-top: 24px;
210
- }
211
- ._1hh5tt1j {
212
- width: 100%;
213
- min-height: 183px;
214
- aspect-ratio: 16 / 9;
215
- }
216
- ._1hh5tt1k {
217
- padding: 0px;
218
- margin-top: 24px;
219
- }
220
- options => {
221
- var className = config.defaultClassName;
222
- var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
223
- for (var variantName in selections) {
224
- var _selections$variantNa;
225
- var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
226
- if (variantSelection != null) {
227
- var selection = variantSelection;
228
- if (typeof selection === 'boolean') {
229
- // @ts-expect-error
230
- selection = selection === true ? 'true' : 'false';
231
- }
232
- var selectionClassName =
233
- // @ts-expect-error
234
- config.variantClassNames[variantName][selection];
235
- if (selectionClassName) {
236
- className += ' ' + selectionClassName;
237
- }
238
- }
239
- }
240
- for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
241
- if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
242
- className += ' ' + compoundClassName;
243
- }
244
- }
245
- return className;
246
- }::before {
247
- display: none;
248
- }
249
- ._1hh5tt1s {
250
- display: none;
251
- }
252
- ._1hh5tt1x {
253
- height: 52px;
254
- width: 52px;
255
- font-size: 40px;
256
- line-height: 1.25;
257
- margin-left: 0px;
258
- }
259
- ._1hh5tt113 {
260
- font-size: 18px;
261
- line-height: 1.77;
262
- }
263
- ._1hh5tt118 {
264
- font-size: 14px;
265
- line-height: 1.5;
266
- }
267
- ._1hh5tt119 {
268
- flex-direction: column;
269
- margin-top: 24px;
270
- }
271
- ._1hh5tt119 > * + * {
272
- margin-left: 0px;
273
- margin-top: 24px;
274
- }
275
- }