@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
@@ -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 './StepItems';
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 { StepItems } from "./StepItems/StepItems.js";
74
- 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/StepItems.css.js";
75
- import { StepItemsSet } from "./StepItems/StepItemsSet.js";
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
- StepItems,
192
- StepItemsSet,
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.59",
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.0",
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.1",
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.4",
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
- };
@@ -1,3 +0,0 @@
1
- import { StepItemsProps as Props } from './StepItems.interface';
2
-
3
- export declare const StepItems: ({ id, variant: fullVariant, title, description, }: Props) => import("react/jsx-runtime").JSX.Element;