@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.
- package/dist/Carousel/index.js +4 -1
- package/dist/Chevron/index.js +4 -1
- package/dist/ContentBanner/ContentBanner.css.d.ts +7 -2
- package/dist/ContentBanner/ContentBanner.css.js +10 -6
- package/dist/ContentBanner/ContentBanner.interface.d.ts +7 -3
- package/dist/ContentBanner/index.js +8 -3
- package/dist/ExecutiveBio/ExecutiveBioSet.js +2 -2
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +4 -1
- package/dist/Forms/ContactUsBusiness.js +4 -1
- package/dist/Forms/EmailOnly.js +4 -1
- package/dist/Forms/RenderForm.js +4 -1
- package/dist/Forms/SuccesForm.js +4 -1
- package/dist/Hyperlink/index.js +4 -1
- package/dist/IconBillboard/IconBillboard.css.d.ts +19 -0
- package/dist/IconBillboard/IconBillboard.css.js +2 -0
- package/dist/IconBillboard/IconBillboardSet.js +3 -2
- package/dist/IconBillboard/index.js +2 -1
- package/dist/ImageLink/ImageLink.js +4 -1
- package/dist/ImageLink/ImageLinkSet.js +4 -1
- package/dist/ImageLink/index.js +4 -1
- package/dist/Modal/Modal.js +4 -1
- package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +53 -53
- package/dist/SetContainer/SetContainer.js +4 -1
- package/dist/StepItem/StepItem.css.d.ts +99 -0
- package/dist/StepItem/StepItem.css.js +21 -0
- package/dist/StepItem/StepItem.d.ts +10 -0
- package/dist/{StepItems/StepItems.js → StepItem/StepItem.js} +9 -9
- package/dist/StepItem/index.d.ts +2 -0
- package/dist/StepItem/index.js +12 -0
- package/dist/StepItemSet/StepItemSet.css.d.ts +61 -0
- package/dist/StepItemSet/StepItemSet.css.js +30 -0
- package/dist/StepItemSet/StepItemSet.d.ts +17 -0
- package/dist/{StepItems/StepItemsSet.js → StepItemSet/StepItemSet.js} +20 -25
- package/dist/StepItemSet/index.d.ts +2 -0
- package/dist/StepItemSet/index.js +17 -0
- package/dist/TopicalNavItem/TopicalNavItem.css.d.ts +5 -0
- package/dist/TopicalNavItem/TopicalNavItem.css.js +13 -0
- package/dist/TopicalNavItem/TopicalNavItem.d.ts +10 -0
- package/dist/TopicalNavItem/TopicalNavItem.js +46 -0
- package/dist/TopicalNavItem/index.d.ts +2 -0
- package/dist/TopicalNavItem/index.js +10 -0
- package/dist/TopicalNavSet/TopicalNavSet.css.d.ts +3 -0
- package/dist/TopicalNavSet/TopicalNavSet.css.js +9 -0
- package/dist/TopicalNavSet/TopicalNavSet.d.ts +8 -0
- package/dist/TopicalNavSet/TopicalNavSet.js +21 -0
- package/dist/TopicalNavSet/index.d.ts +2 -0
- package/dist/TopicalNavSet/index.js +8 -0
- package/dist/assets/AwardsBanner/AwardsBanner.css +3 -0
- package/dist/assets/AwardsItem/AwardsItem.css +9 -3
- package/dist/assets/ContentBanner/ContentBanner.css +33 -11
- package/dist/assets/ExecutiveBio/ExecutiveBio.css +3 -0
- package/dist/assets/IconBillboard/IconBillboard.css +18 -0
- package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css.css +116 -116
- package/dist/assets/StepItem/StepItem.css +144 -0
- package/dist/assets/StepItemSet/StepItemSet.css +119 -0
- package/dist/assets/TopicalNavItem/TopicalNavItem.css +102 -0
- package/dist/assets/TopicalNavSet/TopicalNavSet.css +21 -0
- package/dist/main.d.ts +4 -1
- package/dist/main.js +22 -6
- package/package.json +4 -5
- package/dist/StepItems/StepItems.css.d.ts +0 -132
- package/dist/StepItems/StepItems.css.js +0 -45
- package/dist/StepItems/StepItems.d.ts +0 -3
- package/dist/StepItems/StepItems.interface.d.ts +0 -21
- package/dist/StepItems/StepItems.interface.js +0 -1
- package/dist/StepItems/StepItemsSet.d.ts +0 -3
- package/dist/StepItems/index.d.ts +0 -4
- package/dist/StepItems/index.js +0 -26
- package/dist/assets/StepItems/StepItems.css +0 -275
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
._1y8r7dk0 {
|
|
2
|
+
position: relative;
|
|
3
|
+
}
|
|
4
|
+
._1y8r7dk0:first-child > :first-child::before {
|
|
5
|
+
height: calc(100% - 31px);
|
|
6
|
+
bottom: 0;
|
|
7
|
+
}
|
|
8
|
+
._1y8r7dk0:last-child > :first-child::before {
|
|
9
|
+
top: 0;
|
|
10
|
+
height: 65px;
|
|
11
|
+
}
|
|
12
|
+
._1y8r7dk1 {
|
|
13
|
+
position: relative;
|
|
14
|
+
isolation: isolate;
|
|
15
|
+
}
|
|
16
|
+
._1y8r7dk1::before {
|
|
17
|
+
content: "";
|
|
18
|
+
position: absolute;
|
|
19
|
+
height: 100%;
|
|
20
|
+
border-left: 1px dashed transparent;
|
|
21
|
+
left: 7px;
|
|
22
|
+
z-index: -1;
|
|
23
|
+
}
|
|
24
|
+
._1y8r7dk2 {
|
|
25
|
+
border-color: var(--_1073cm82);
|
|
26
|
+
}
|
|
27
|
+
._1y8r7dk3 {
|
|
28
|
+
border-color: var(--_1073cm89);
|
|
29
|
+
}
|
|
30
|
+
._1y8r7dk4 {
|
|
31
|
+
border-color: var(--_1073cm8g);
|
|
32
|
+
}
|
|
33
|
+
._1y8r7dk5 {
|
|
34
|
+
border-color: var(--_1073cm8n);
|
|
35
|
+
}
|
|
36
|
+
._1y8r7dk6 {
|
|
37
|
+
border: 4px solid transparent;
|
|
38
|
+
border-radius: 50%;
|
|
39
|
+
height: 7px;
|
|
40
|
+
width: 7px;
|
|
41
|
+
box-sizing: content-box;
|
|
42
|
+
}
|
|
43
|
+
._1073cm80 ._1y8r7dk7 {
|
|
44
|
+
border-color: #4D85B0;
|
|
45
|
+
background: var(--_1073cm81);
|
|
46
|
+
}
|
|
47
|
+
._1es6o1h0 ._1y8r7dk7 {
|
|
48
|
+
border-color: #4A5560;
|
|
49
|
+
background: var(--_1073cm81);
|
|
50
|
+
}
|
|
51
|
+
._1073cm80 ._1y8r7dk8 {
|
|
52
|
+
border-color: #4D85B0;
|
|
53
|
+
background: var(--_1073cm88);
|
|
54
|
+
}
|
|
55
|
+
._1es6o1h0 ._1y8r7dk8 {
|
|
56
|
+
border-color: #4A5560;
|
|
57
|
+
background: var(--_1073cm88);
|
|
58
|
+
}
|
|
59
|
+
._1073cm80 ._1y8r7dk9 {
|
|
60
|
+
border-color: #FAA74A;
|
|
61
|
+
background: #1E3860;
|
|
62
|
+
}
|
|
63
|
+
._1es6o1h0 ._1y8r7dk9 {
|
|
64
|
+
border-color: #FAA74A;
|
|
65
|
+
background: var(--_1073cm8f);
|
|
66
|
+
}
|
|
67
|
+
._1073cm80 ._1y8r7dka {
|
|
68
|
+
border-color: #FAA74A;
|
|
69
|
+
background: #1E3860;
|
|
70
|
+
}
|
|
71
|
+
._1es6o1h0 ._1y8r7dka {
|
|
72
|
+
border-color: #FAA74A;
|
|
73
|
+
background: var(--_1073cm8m);
|
|
74
|
+
}
|
|
75
|
+
._1y8r7dkb {
|
|
76
|
+
font: 500 60px/1.13 var(--header-font-family);
|
|
77
|
+
letter-spacing: 0.2px;
|
|
78
|
+
height: 72px;
|
|
79
|
+
width: 72px;
|
|
80
|
+
margin-left: 16px;
|
|
81
|
+
}
|
|
82
|
+
._1y8r7dkc {
|
|
83
|
+
color: var(--_1073cm83);
|
|
84
|
+
}
|
|
85
|
+
._1y8r7dkd {
|
|
86
|
+
color: var(--_1073cm8a);
|
|
87
|
+
}
|
|
88
|
+
._1y8r7dke {
|
|
89
|
+
color: var(--_1073cm8h);
|
|
90
|
+
}
|
|
91
|
+
._1y8r7dkf {
|
|
92
|
+
color: var(--_1073cm8o);
|
|
93
|
+
}
|
|
94
|
+
._1y8r7dkg {
|
|
95
|
+
flex: 1 1 0%;
|
|
96
|
+
margin-left: 24px;
|
|
97
|
+
}
|
|
98
|
+
._1y8r7dkh {
|
|
99
|
+
font: 600 24px/1.33 var(--header-font-family);
|
|
100
|
+
letter-spacing: 0.2px;
|
|
101
|
+
display: block;
|
|
102
|
+
}
|
|
103
|
+
._1y8r7dki {
|
|
104
|
+
color: var(--_1073cm83);
|
|
105
|
+
}
|
|
106
|
+
._1y8r7dkj {
|
|
107
|
+
color: var(--_1073cm8a);
|
|
108
|
+
}
|
|
109
|
+
._1y8r7dkk {
|
|
110
|
+
color: var(--_1073cm8h);
|
|
111
|
+
}
|
|
112
|
+
._1y8r7dkl {
|
|
113
|
+
color: var(--_1073cm8o);
|
|
114
|
+
}
|
|
115
|
+
._1y8r7dkm {
|
|
116
|
+
margin-top: 8px;
|
|
117
|
+
display: block;
|
|
118
|
+
}
|
|
119
|
+
._1y8r7dkm > * {
|
|
120
|
+
font: 400 16px/1.5 var(--main-font-family);
|
|
121
|
+
}
|
|
122
|
+
@media screen and (max-width:1023px) {
|
|
123
|
+
._1y8r7dk1::before {
|
|
124
|
+
display: none;
|
|
125
|
+
}
|
|
126
|
+
._1y8r7dk6 {
|
|
127
|
+
display: none;
|
|
128
|
+
}
|
|
129
|
+
._1y8r7dkb {
|
|
130
|
+
height: 52px;
|
|
131
|
+
width: 52px;
|
|
132
|
+
font-size: 40px;
|
|
133
|
+
line-height: 1.25;
|
|
134
|
+
margin-left: 0px;
|
|
135
|
+
}
|
|
136
|
+
._1y8r7dkh {
|
|
137
|
+
font-size: 18px;
|
|
138
|
+
line-height: 1.77;
|
|
139
|
+
}
|
|
140
|
+
._1y8r7dkm {
|
|
141
|
+
font-size: 14px;
|
|
142
|
+
line-height: 1.5;
|
|
143
|
+
}
|
|
144
|
+
}
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
._18par6f0 {
|
|
2
|
+
padding-bottom: 48px;
|
|
3
|
+
padding-top: 48px;
|
|
4
|
+
}
|
|
5
|
+
._18par6f1 {
|
|
6
|
+
background: var(--_1073cm81);
|
|
7
|
+
color: var(--_1073cm82);
|
|
8
|
+
}
|
|
9
|
+
._18par6f2 {
|
|
10
|
+
background: var(--_1073cm88);
|
|
11
|
+
color: var(--_1073cm82);
|
|
12
|
+
}
|
|
13
|
+
._18par6f3 {
|
|
14
|
+
background: var(--_1073cm8f);
|
|
15
|
+
color: var(--_1073cm82);
|
|
16
|
+
}
|
|
17
|
+
._18par6f4 {
|
|
18
|
+
background: var(--_1073cm8m);
|
|
19
|
+
color: var(--_1073cm82);
|
|
20
|
+
}
|
|
21
|
+
._18par6f6 {
|
|
22
|
+
margin-bottom: 16px;
|
|
23
|
+
}
|
|
24
|
+
._18par6f8 {
|
|
25
|
+
fill: #1E3860;
|
|
26
|
+
}
|
|
27
|
+
._18par6f9 {
|
|
28
|
+
fill: #1E3860;
|
|
29
|
+
}
|
|
30
|
+
._18par6fa {
|
|
31
|
+
fill: #FFF;
|
|
32
|
+
}
|
|
33
|
+
._18par6fb {
|
|
34
|
+
fill: #FFF;
|
|
35
|
+
}
|
|
36
|
+
._18par6fd {
|
|
37
|
+
color: var(--_1073cm83);
|
|
38
|
+
}
|
|
39
|
+
._18par6fe {
|
|
40
|
+
color: var(--_1073cm8a);
|
|
41
|
+
}
|
|
42
|
+
._18par6ff {
|
|
43
|
+
color: var(--_1073cm8h);
|
|
44
|
+
}
|
|
45
|
+
._18par6fg {
|
|
46
|
+
color: var(--_1073cm8o);
|
|
47
|
+
}
|
|
48
|
+
._18par6fh {
|
|
49
|
+
margin-top: 16px;
|
|
50
|
+
text-align: center;
|
|
51
|
+
}
|
|
52
|
+
._18par6fh p {
|
|
53
|
+
font-size: 1rem;
|
|
54
|
+
line-height: 1.5;
|
|
55
|
+
}
|
|
56
|
+
._18par6fj {
|
|
57
|
+
min-height: 378px;
|
|
58
|
+
width: 48%;
|
|
59
|
+
background-position: center center;
|
|
60
|
+
background-size: cover;
|
|
61
|
+
}
|
|
62
|
+
._18par6fk {
|
|
63
|
+
padding: 27px 48px;
|
|
64
|
+
flex: 1 1 0%;
|
|
65
|
+
}
|
|
66
|
+
._18par6fl {
|
|
67
|
+
padding: 0;
|
|
68
|
+
list-style: none;
|
|
69
|
+
margin: 0;
|
|
70
|
+
}
|
|
71
|
+
._18par6fl > li + li > :first-child > :first-child {
|
|
72
|
+
padding-top: 24px;
|
|
73
|
+
}
|
|
74
|
+
._18par6fl > li + li > :last-child {
|
|
75
|
+
padding-top: 24px;
|
|
76
|
+
}
|
|
77
|
+
._18par6fm > * + * {
|
|
78
|
+
margin-left: 48px;
|
|
79
|
+
}
|
|
80
|
+
._18par6fn {
|
|
81
|
+
margin-left: auto;
|
|
82
|
+
margin-right: auto;
|
|
83
|
+
text-align: center;
|
|
84
|
+
max-width: 800px;
|
|
85
|
+
}
|
|
86
|
+
@media screen and (min-width:1024px) {
|
|
87
|
+
._18par6f5 {
|
|
88
|
+
width: min(1392px,calc(100% - 48px));
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
@media screen and (max-width:1280px) {
|
|
92
|
+
._18par6fk {
|
|
93
|
+
padding-left: 24px;
|
|
94
|
+
padding-right: 0;
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
@media screen and (max-width:1023px) {
|
|
98
|
+
._18par6fi {
|
|
99
|
+
flex-direction: column;
|
|
100
|
+
margin-top: 24px;
|
|
101
|
+
}
|
|
102
|
+
._18par6fj {
|
|
103
|
+
width: 100%;
|
|
104
|
+
min-height: 183px;
|
|
105
|
+
aspect-ratio: 16 / 9;
|
|
106
|
+
}
|
|
107
|
+
._18par6fk {
|
|
108
|
+
padding: 0px;
|
|
109
|
+
margin-top: 24px;
|
|
110
|
+
}
|
|
111
|
+
._18par6fm {
|
|
112
|
+
flex-direction: column;
|
|
113
|
+
margin-top: 24px;
|
|
114
|
+
}
|
|
115
|
+
._18par6fm > * + * {
|
|
116
|
+
margin-left: 0px;
|
|
117
|
+
margin-top: 24px;
|
|
118
|
+
}
|
|
119
|
+
}
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
.dmebjx0 {
|
|
2
|
+
-webkit-box-flex: 1;
|
|
3
|
+
-ms-flex: 1 1 0%;
|
|
4
|
+
flex: 1 1 0%;
|
|
5
|
+
background-color: transparent;
|
|
6
|
+
border-bottom: 3px solid transparent;
|
|
7
|
+
cursor: pointer;
|
|
8
|
+
display: -ms-flexbox;
|
|
9
|
+
display: -webkit-box;
|
|
10
|
+
display: flex;
|
|
11
|
+
min-height: 103px;
|
|
12
|
+
padding: 0 1rem;
|
|
13
|
+
position: relative;
|
|
14
|
+
-webkit-transition: all 0.35s ease;
|
|
15
|
+
-o-transition: all 0.35s ease;
|
|
16
|
+
transition: all 0.35s ease;
|
|
17
|
+
text-decoration: none;
|
|
18
|
+
}
|
|
19
|
+
.dmebjx0:hover {
|
|
20
|
+
border-bottom-color: #333d46;
|
|
21
|
+
background-image: linear-gradient(360deg,#def4ff 0,rgba(222,244,255,0.942708) 34.12%,rgba(222,244,255,0) 107.41%);
|
|
22
|
+
}
|
|
23
|
+
.dmebjx1 {
|
|
24
|
+
font-size: 1rem;
|
|
25
|
+
line-height: 1.3;
|
|
26
|
+
letter-spacing: 0.2px;
|
|
27
|
+
min-height: 1.875rem;
|
|
28
|
+
position: relative;
|
|
29
|
+
margin-bottom: 0;
|
|
30
|
+
color: #333d46;
|
|
31
|
+
}
|
|
32
|
+
.dmebjx2 {
|
|
33
|
+
display: none;
|
|
34
|
+
}
|
|
35
|
+
.dmebjx3 {
|
|
36
|
+
padding: 1rem 0;
|
|
37
|
+
}
|
|
38
|
+
.dmebjx4 {
|
|
39
|
+
margin-bottom: 12px;
|
|
40
|
+
object-fit: none;
|
|
41
|
+
object-position: bottom;
|
|
42
|
+
height: 20px;
|
|
43
|
+
}
|
|
44
|
+
@media (max-width:1023px) {
|
|
45
|
+
.dmebjx0 {
|
|
46
|
+
box-shadow: 0 1px 0 rgb(0 0 0 / 25%);
|
|
47
|
+
border-top: 3px solid transparent;
|
|
48
|
+
min-height: 56px;
|
|
49
|
+
padding: 0 1.5rem;
|
|
50
|
+
justify-content: space-between;
|
|
51
|
+
align-items: center;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
@media (min-width:1024px) {
|
|
55
|
+
.dmebjx0::before {
|
|
56
|
+
content: "";
|
|
57
|
+
position: absolute;
|
|
58
|
+
background-color: #d4d4d4;
|
|
59
|
+
bottom: 0;
|
|
60
|
+
height: 74px;
|
|
61
|
+
left: 0;
|
|
62
|
+
top: 50%;
|
|
63
|
+
-webkit-transform: translateY(-50%);
|
|
64
|
+
-ms-transform: translateY(-50%);
|
|
65
|
+
transform: translateY(-50%);
|
|
66
|
+
width: 0.5px;
|
|
67
|
+
}
|
|
68
|
+
.dmebjx0:last-child::after {
|
|
69
|
+
content: "";
|
|
70
|
+
position: absolute;
|
|
71
|
+
background-color: #d4d4d4;
|
|
72
|
+
bottom: 0;
|
|
73
|
+
height: 74px;
|
|
74
|
+
top: 50%;
|
|
75
|
+
-webkit-transform: translateY(-50%);
|
|
76
|
+
-ms-transform: translateY(-50%);
|
|
77
|
+
transform: translateY(-50%);
|
|
78
|
+
width: 0.5px;
|
|
79
|
+
right: 0;
|
|
80
|
+
left: auto;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
@media (max-width: 1023px) {
|
|
84
|
+
.dmebjx1 {
|
|
85
|
+
min-height: 0;
|
|
86
|
+
color: #2f5b88;
|
|
87
|
+
font-weight: 700;
|
|
88
|
+
}
|
|
89
|
+
.dmebjx3 {
|
|
90
|
+
display: flex;
|
|
91
|
+
align-items: center;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
@media (max-width: 1024px) {
|
|
95
|
+
.dmebjx2 {
|
|
96
|
+
margin-right: 11px;
|
|
97
|
+
display: block;
|
|
98
|
+
}
|
|
99
|
+
.dmebjx4 {
|
|
100
|
+
display: none;
|
|
101
|
+
}
|
|
102
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
.xbzzeo0 {
|
|
2
|
+
-webkit-box-shadow: 0 7px 10px rgba(0,0,0,0.08);
|
|
3
|
+
box-shadow: 0 7px 10px rgba(0,0,0,0.08);
|
|
4
|
+
}
|
|
5
|
+
.section_spacer:has(.xbzzeo0) {
|
|
6
|
+
margin-top: 0px;
|
|
7
|
+
}
|
|
8
|
+
.xbzzeo1 {
|
|
9
|
+
max-width: 83.9rem;
|
|
10
|
+
margin-left: auto;
|
|
11
|
+
margin-right: auto;
|
|
12
|
+
}
|
|
13
|
+
@media (max-width:1023px) {
|
|
14
|
+
.xbzzeo0 {
|
|
15
|
+
box-shadow: none;
|
|
16
|
+
filter: none;
|
|
17
|
+
}
|
|
18
|
+
.xbzzeo2 {
|
|
19
|
+
display: block;
|
|
20
|
+
}
|
|
21
|
+
}
|
package/dist/main.d.ts
CHANGED
|
@@ -31,9 +31,12 @@ export * from './NavigationMenu';
|
|
|
31
31
|
export * from './SecondaryFooter';
|
|
32
32
|
export * from './SetContainer';
|
|
33
33
|
export * from './SocialMediaBar';
|
|
34
|
-
export * from './
|
|
34
|
+
export * from './StepItem';
|
|
35
|
+
export * from './StepItemSet';
|
|
35
36
|
export * from './Table';
|
|
36
37
|
export * from './TextBlock';
|
|
38
|
+
export * from './TopicalNavItem';
|
|
39
|
+
export * from './TopicalNavSet';
|
|
37
40
|
export * from './VideoTile';
|
|
38
41
|
export * from './VideoWrapper';
|
|
39
42
|
export * from './icons';
|
package/dist/main.js
CHANGED
|
@@ -43,7 +43,7 @@ import { DealerServices } from "./Forms/DealerServices.js";
|
|
|
43
43
|
import { HeroBanner } from "./HeroBanner/index.js";
|
|
44
44
|
import { Hyperlink } from "./Hyperlink/index.js";
|
|
45
45
|
import { IconBillboard } from "./IconBillboard/IconBillboard.js";
|
|
46
|
-
import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, list, listItem, section_container, section_text, title } from "./IconBillboard/IconBillboard.css.js";
|
|
46
|
+
import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard/IconBillboard.css.js";
|
|
47
47
|
import { IconBillboardSet } from "./IconBillboard/IconBillboardSet.js";
|
|
48
48
|
import { ImageBillboardSet } from "./ImageBillboard/ImageBillboard.js";
|
|
49
49
|
import { apy_billboard, billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, body_copy, header, imagePlacement, image_background, mh_330, rate_billboard, rate_container, rate_pad, section_text_ImageBillboard, single_container, sub_bullets, supertag, three_inline, two_inline, up_to } from "./ImageBillboard/ImageBillboard.css.js";
|
|
@@ -70,13 +70,18 @@ import { default as default3 } from "./NavigationMenu/AxosAdvisorServices/index.
|
|
|
70
70
|
import { default as default4 } from "./NavigationMenu/AxosFiduciary/index.js";
|
|
71
71
|
import { SecondaryFooter } from "./SecondaryFooter/index.js";
|
|
72
72
|
import { SocialMediaBar } from "./SocialMediaBar/index.js";
|
|
73
|
-
import {
|
|
74
|
-
import {
|
|
75
|
-
import {
|
|
73
|
+
import { StepItem } from "./StepItem/StepItem.js";
|
|
74
|
+
import { bs_copy, bs_topic, bullet_details, li, line_points, point, step_num } from "./StepItem/StepItem.css.js";
|
|
75
|
+
import { StepItemSet } from "./StepItemSet/StepItemSet.js";
|
|
76
|
+
import { bs_add_details, bs_btns, bs_image, bs_section, bs_wrapper, modifier, ol, sec_subtitle, sec_title, steps_wrapper, svg_logo, tablet_col } from "./StepItemSet/StepItemSet.css.js";
|
|
76
77
|
import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "./Table/Table.js";
|
|
77
78
|
import { alternate_color_rows, apy_table, bodyHeader, headerCell, headerVariants, highlight_first_row, highlight_last_row, table, tableWrapper, table_container, table_container_text, table_description_text, table_headline, td, th } from "./Table/Table.css.js";
|
|
78
79
|
import { TextBlock } from "./TextBlock/TextBlock.js";
|
|
79
80
|
import { textBlockHeader, textBlockList, textBlockParagraph } from "./TextBlock/TextBlock.css.js";
|
|
81
|
+
import { picker_arrow, picker_itemContent, picker_itemProduct, picker_navIcon, picker_navItem } from "./TopicalNavItem/TopicalNavItem.css.js";
|
|
82
|
+
import { TopicalNavItem } from "./TopicalNavItem/TopicalNavItem.js";
|
|
83
|
+
import { picker_container, picker_orient, picker_section } from "./TopicalNavSet/TopicalNavSet.css.js";
|
|
84
|
+
import { TopicalNavSet } from "./TopicalNavSet/TopicalNavSet.js";
|
|
80
85
|
import { VideoInit } from "./VideoTile/VideoInit.js";
|
|
81
86
|
import { VideoTile } from "./VideoTile/VideoTile.js";
|
|
82
87
|
import { expand_icon, hide_transcript, item, mb_8, show, toggle_container, transcript_btn, transcript_container, transcript_content, video_container, video_title, vidyard_height, w_100 } from "./VideoTile/VideoTile.css.js";
|
|
@@ -188,8 +193,8 @@ export {
|
|
|
188
193
|
SecondaryFooter,
|
|
189
194
|
SetContainer,
|
|
190
195
|
SocialMediaBar,
|
|
191
|
-
|
|
192
|
-
|
|
196
|
+
StepItem,
|
|
197
|
+
StepItemSet,
|
|
193
198
|
SuccesFormWrapper,
|
|
194
199
|
Table,
|
|
195
200
|
TableBody,
|
|
@@ -198,6 +203,8 @@ export {
|
|
|
198
203
|
TableHead,
|
|
199
204
|
TableRow,
|
|
200
205
|
TextBlock,
|
|
206
|
+
TopicalNavItem,
|
|
207
|
+
TopicalNavSet,
|
|
201
208
|
VideoInit,
|
|
202
209
|
VideoTile,
|
|
203
210
|
VideoWrapper,
|
|
@@ -335,6 +342,14 @@ export {
|
|
|
335
342
|
padding,
|
|
336
343
|
paragraph,
|
|
337
344
|
person,
|
|
345
|
+
picker_arrow,
|
|
346
|
+
picker_container,
|
|
347
|
+
picker_itemContent,
|
|
348
|
+
picker_itemProduct,
|
|
349
|
+
picker_navIcon,
|
|
350
|
+
picker_navItem,
|
|
351
|
+
picker_orient,
|
|
352
|
+
picker_section,
|
|
338
353
|
point,
|
|
339
354
|
premierTheme,
|
|
340
355
|
rate_billboard,
|
|
@@ -343,6 +358,7 @@ export {
|
|
|
343
358
|
renderSwitch,
|
|
344
359
|
sec_subtitle,
|
|
345
360
|
sec_title,
|
|
361
|
+
section_body,
|
|
346
362
|
section_container,
|
|
347
363
|
section_text,
|
|
348
364
|
section_text_ImageBillboard,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@axos-web-dev/shared-components",
|
|
3
3
|
"description": "Axos shared components library for web.",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.61",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"module": "dist/main.js",
|
|
7
7
|
"types": "dist/main.d.ts",
|
|
@@ -28,15 +28,15 @@
|
|
|
28
28
|
"npm:link": "npm run build && npm link"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@hookform/resolvers": "^3.4.
|
|
31
|
+
"@hookform/resolvers": "^3.4.2",
|
|
32
32
|
"@react-input/mask": "^1.2.4",
|
|
33
33
|
"@react-input/number-format": "^1.0.26",
|
|
34
34
|
"@storybook/builder-vite": "^7.6.19",
|
|
35
35
|
"@storybook/preview-api": "^7.6.19",
|
|
36
|
-
"@vanilla-extract/css": "^1.15.
|
|
36
|
+
"@vanilla-extract/css": "^1.15.2",
|
|
37
37
|
"@vanilla-extract/recipes": "^0.5.1",
|
|
38
38
|
"clsx": "^2.1.1",
|
|
39
|
-
"react-hook-form": "^7.51.
|
|
39
|
+
"react-hook-form": "^7.51.5",
|
|
40
40
|
"react-markdown": "^9.0.1",
|
|
41
41
|
"react-use": "^17.5.0",
|
|
42
42
|
"typed-css-modules": "^0.9.1",
|
|
@@ -45,7 +45,6 @@
|
|
|
45
45
|
"zustand": "^4.5.2"
|
|
46
46
|
},
|
|
47
47
|
"peerDependencies": {
|
|
48
|
-
"@vanilla-extract/css": "^1.14.1",
|
|
49
48
|
"@vanilla-extract/css-utils": "^0.1.3",
|
|
50
49
|
"@vanilla-extract/recipes": "^0.5.1",
|
|
51
50
|
"@vanilla-extract/vite-plugin": "^4.0.3",
|
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
export declare const bs_section: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
2
|
-
variant: {
|
|
3
|
-
primary: {
|
|
4
|
-
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6
|
-
};
|
|
7
|
-
secondary: {
|
|
8
|
-
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10
|
-
};
|
|
11
|
-
tertiary: {
|
|
12
|
-
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
13
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
14
|
-
};
|
|
15
|
-
quaternary: {
|
|
16
|
-
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
17
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
}>;
|
|
21
|
-
export declare const bs_wrapper: string;
|
|
22
|
-
export declare const svg_logo: string;
|
|
23
|
-
export declare const modifier: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
24
|
-
variant: {
|
|
25
|
-
primary: {
|
|
26
|
-
fill: "#1E3860";
|
|
27
|
-
};
|
|
28
|
-
secondary: {
|
|
29
|
-
fill: "#1E3860";
|
|
30
|
-
};
|
|
31
|
-
tertiary: {
|
|
32
|
-
fill: "#fff";
|
|
33
|
-
};
|
|
34
|
-
quaternary: {
|
|
35
|
-
fill: "#fff";
|
|
36
|
-
};
|
|
37
|
-
};
|
|
38
|
-
}>;
|
|
39
|
-
export declare const sec_title: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
40
|
-
variant: {
|
|
41
|
-
primary: {
|
|
42
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
43
|
-
};
|
|
44
|
-
secondary: {
|
|
45
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
46
|
-
};
|
|
47
|
-
tertiary: {
|
|
48
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
49
|
-
};
|
|
50
|
-
quaternary: {
|
|
51
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
52
|
-
};
|
|
53
|
-
};
|
|
54
|
-
}>;
|
|
55
|
-
export declare const sec_subtitle: string;
|
|
56
|
-
export declare const tablet_col: string;
|
|
57
|
-
export declare const bs_image: string;
|
|
58
|
-
export declare const steps_wrapper: string;
|
|
59
|
-
export declare const ol: string;
|
|
60
|
-
export declare const li: string;
|
|
61
|
-
export declare const line_points: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
62
|
-
variant: {
|
|
63
|
-
primary: {
|
|
64
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
65
|
-
};
|
|
66
|
-
secondary: {
|
|
67
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
68
|
-
};
|
|
69
|
-
tertiary: {
|
|
70
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
71
|
-
};
|
|
72
|
-
quaternary: {
|
|
73
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
74
|
-
};
|
|
75
|
-
};
|
|
76
|
-
}>;
|
|
77
|
-
export declare const point: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
78
|
-
variant: {
|
|
79
|
-
primary: {
|
|
80
|
-
borderColor: "#4D85B0";
|
|
81
|
-
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
82
|
-
};
|
|
83
|
-
secondary: {
|
|
84
|
-
borderColor: "#4D85B0";
|
|
85
|
-
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
86
|
-
};
|
|
87
|
-
tertiary: {
|
|
88
|
-
borderColor: "#FAA74A";
|
|
89
|
-
background: "#1E3860";
|
|
90
|
-
};
|
|
91
|
-
quaternary: {
|
|
92
|
-
borderColor: "#FAA74A";
|
|
93
|
-
background: "#1E3860";
|
|
94
|
-
};
|
|
95
|
-
};
|
|
96
|
-
}>;
|
|
97
|
-
export declare const step_num: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
98
|
-
variant: {
|
|
99
|
-
primary: {
|
|
100
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
101
|
-
};
|
|
102
|
-
secondary: {
|
|
103
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
104
|
-
};
|
|
105
|
-
tertiary: {
|
|
106
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
107
|
-
};
|
|
108
|
-
quaternary: {
|
|
109
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
110
|
-
};
|
|
111
|
-
};
|
|
112
|
-
}>;
|
|
113
|
-
export declare const bullet_details: string;
|
|
114
|
-
export declare const bs_topic: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
115
|
-
variant: {
|
|
116
|
-
primary: {
|
|
117
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
118
|
-
};
|
|
119
|
-
secondary: {
|
|
120
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
121
|
-
};
|
|
122
|
-
tertiary: {
|
|
123
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
124
|
-
};
|
|
125
|
-
quaternary: {
|
|
126
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
127
|
-
};
|
|
128
|
-
};
|
|
129
|
-
}>;
|
|
130
|
-
export declare const bs_copy: string;
|
|
131
|
-
export declare const bs_btns: string;
|
|
132
|
-
export declare const bs_add_details: string;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
/* empty css */
|
|
2
|
-
/* empty css */
|
|
3
|
-
/* empty css */
|
|
4
|
-
/* empty css */
|
|
5
|
-
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
6
|
-
var bs_section = createRuntimeFn({ defaultClassName: "_1hh5tt10", variantClassNames: { variant: { primary: "_1hh5tt11", secondary: "_1hh5tt12", tertiary: "_1hh5tt13", quaternary: "_1hh5tt14" } }, defaultVariants: {}, compoundVariants: [] });
|
|
7
|
-
var bs_wrapper = "_1hh5tt15";
|
|
8
|
-
var svg_logo = "_1hh5tt16";
|
|
9
|
-
var modifier = createRuntimeFn({ defaultClassName: "_1hh5tt17", variantClassNames: { variant: { primary: "_1hh5tt18", secondary: "_1hh5tt19", tertiary: "_1hh5tt1a", quaternary: "_1hh5tt1b" } }, defaultVariants: {}, compoundVariants: [] });
|
|
10
|
-
var sec_title = createRuntimeFn({ defaultClassName: "_1hh5tt1c", variantClassNames: { variant: { primary: "_1hh5tt1d", secondary: "_1hh5tt1e", tertiary: "_1hh5tt1f", quaternary: "_1hh5tt1g" } }, defaultVariants: {}, compoundVariants: [] });
|
|
11
|
-
var sec_subtitle = "_1hh5tt1h";
|
|
12
|
-
var tablet_col = "_1hh5tt1i";
|
|
13
|
-
var bs_image = "_1hh5tt1j";
|
|
14
|
-
var steps_wrapper = "_1hh5tt1k";
|
|
15
|
-
var ol = "_1hh5tt1l";
|
|
16
|
-
var li = "_1hh5tt1m";
|
|
17
|
-
var line_points = createRuntimeFn({ defaultClassName: "_1hh5tt1n", variantClassNames: { variant: { primary: "_1hh5tt1o", secondary: "_1hh5tt1p", tertiary: "_1hh5tt1q", quaternary: "_1hh5tt1r" } }, defaultVariants: {}, compoundVariants: [] });
|
|
18
|
-
var point = createRuntimeFn({ defaultClassName: "_1hh5tt1s", variantClassNames: { variant: { primary: "_1hh5tt1t", secondary: "_1hh5tt1u", tertiary: "_1hh5tt1v", quaternary: "_1hh5tt1w" } }, defaultVariants: {}, compoundVariants: [] });
|
|
19
|
-
var step_num = createRuntimeFn({ defaultClassName: "_1hh5tt1x", variantClassNames: { variant: { primary: "_1hh5tt1y", secondary: "_1hh5tt1z", tertiary: "_1hh5tt110", quaternary: "_1hh5tt111" } }, defaultVariants: {}, compoundVariants: [] });
|
|
20
|
-
var bullet_details = "_1hh5tt112";
|
|
21
|
-
var bs_topic = createRuntimeFn({ defaultClassName: "_1hh5tt113", variantClassNames: { variant: { primary: "_1hh5tt114", secondary: "_1hh5tt115", tertiary: "_1hh5tt116", quaternary: "_1hh5tt117" } }, defaultVariants: {}, compoundVariants: [] });
|
|
22
|
-
var bs_copy = "_1hh5tt118";
|
|
23
|
-
var bs_btns = "_1hh5tt119";
|
|
24
|
-
var bs_add_details = "_1hh5tt11a";
|
|
25
|
-
export {
|
|
26
|
-
bs_add_details,
|
|
27
|
-
bs_btns,
|
|
28
|
-
bs_copy,
|
|
29
|
-
bs_image,
|
|
30
|
-
bs_section,
|
|
31
|
-
bs_topic,
|
|
32
|
-
bs_wrapper,
|
|
33
|
-
bullet_details,
|
|
34
|
-
li,
|
|
35
|
-
line_points,
|
|
36
|
-
modifier,
|
|
37
|
-
ol,
|
|
38
|
-
point,
|
|
39
|
-
sec_subtitle,
|
|
40
|
-
sec_title,
|
|
41
|
-
step_num,
|
|
42
|
-
steps_wrapper,
|
|
43
|
-
svg_logo,
|
|
44
|
-
tablet_col
|
|
45
|
-
};
|