@axos-web-dev/shared-components 0.0.80 → 0.0.81

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 (14) hide show
  1. package/dist/AnnualFeeCalculator/AnnualFeeCalculator.css.js +1 -0
  2. package/dist/Avatar/Avatar.module.js +26 -0
  3. package/dist/Avatar/index.d.ts +11 -0
  4. package/dist/Avatar/index.js +28 -0
  5. package/dist/Calculators/calculators.js +1 -1
  6. package/dist/Carousel/index.js +1 -1
  7. package/dist/Forms/ScheduleCall.js +1 -2
  8. package/dist/HeroBanner/HeroBanner.js +212 -215
  9. package/dist/assets/AnnualFeeCalculator/AnnualFeeCalculator.css +1 -1
  10. package/dist/assets/Avatar/Avatar.css.css +59 -0
  11. package/dist/assets/globals.css +1 -0
  12. package/dist/main.d.ts +1 -0
  13. package/dist/main.js +2 -0
  14. package/package.json +1 -1
package/dist/AnnualFeeCalculator/AnnualFeeCalculator.css.js CHANGED
@@ -1,5 +1,6 @@
1
1
  /* empty css */
2
2
  /* empty css */
3
+ /* empty css */
3
4
  /* empty css */
4
5
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
5
6
  var container = createRuntimeFn({ defaultClassName: "tosm7c0", variantClassNames: { variant: { primary: "tosm7c1", secondary: "tosm7c2", tertiary: "tosm7c3", quaternary: "tosm7c4" } }, defaultVariants: {}, compoundVariants: [] });
package/dist/Avatar/Avatar.module.js ADDED
@@ -0,0 +1,26 @@
1
+ const avatar_sec = "_avatar_sec_1bnm9_1";
2
+ const container = "_container_1bnm9_5";
3
+ const image = "_image_1bnm9_14";
4
+ const text = "_text_1bnm9_23";
5
+ const name = "_name_1bnm9_29";
6
+ const title = "_title_1bnm9_37";
7
+ const description = "_description_1bnm9_44";
8
+ const css = {
9
+ avatar_sec,
10
+ container,
11
+ image,
12
+ text,
13
+ name,
14
+ title,
15
+ description
16
+ };
17
+ export {
18
+ avatar_sec,
19
+ container,
20
+ css as default,
21
+ description,
22
+ image,
23
+ name,
24
+ text,
25
+ title
26
+ };
package/dist/Avatar/index.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import { FC, ReactNode } from 'react';
2
+ import { ImageInterface } from '../IconBillboard';
3
+
4
+ export interface AvatarProps {
5
+ id: string;
6
+ name?: string | ReactNode;
7
+ title?: string | ReactNode;
8
+ description?: string | ReactNode;
9
+ image?: ImageInterface;
10
+ }
11
+ export declare const Avatar: FC<AvatarProps>;
package/dist/Avatar/index.js ADDED
@@ -0,0 +1,28 @@
1
+ import { jsx, jsxs } from "react/jsx-runtime";
2
+ import css from "./Avatar.module.js";
3
+ const Avatar = ({
4
+ id,
5
+ name,
6
+ title,
7
+ description,
8
+ image
9
+ }) => {
10
+ return /* @__PURE__ */ jsx("section", { className: css.avatar_sec, id: `id_${id}`, children: /* @__PURE__ */ jsx("div", { className: css.container, children: /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
11
+ image && /* @__PURE__ */ jsx(
12
+ "div",
13
+ {
14
+ className: css.image,
15
+ style: { backgroundImage: `url(${image?.src})` },
16
+ children: " "
17
+ }
18
+ ),
19
+ /* @__PURE__ */ jsxs("div", { className: css.text, children: [
20
+ name && /* @__PURE__ */ jsx("div", { className: css.name, children: name }),
21
+ title && /* @__PURE__ */ jsx("div", { className: css.title, children: title }),
22
+ description && /* @__PURE__ */ jsx("div", { className: css.description, children: description })
23
+ ] })
24
+ ] }) }) });
25
+ };
26
+ export {
27
+ Avatar
28
+ };
package/dist/Calculators/calculators.js CHANGED
@@ -104,7 +104,7 @@ const calculators = /* @__PURE__ */ new Map([
104
104
  }
105
105
  ],
106
106
  [
107
- "Traditional 401(k) or Roth 401(k)?",
107
+ "Traditional 401(k) or Roth 401(k)",
108
108
  {
109
109
  src: "https://www.fintactix.com/bofi/tools/retirement/r03"
110
110
  }
package/dist/Carousel/index.js CHANGED
@@ -163,7 +163,7 @@ const Carousel = (props) => {
163
163
  }
164
164
  };
165
165
  return /* @__PURE__ */ jsxs("div", { className: `containment`, children: [
166
- /* @__PURE__ */ jsxs("div", { className: section_text, children: [
166
+ title && /* @__PURE__ */ jsxs("div", { className: section_text, children: [
167
167
  /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerCarousel({ variant })), children: title }),
168
168
  /* @__PURE__ */ jsx("div", { className: clsx(descriptionCarousel({ variant })), children: description })
169
169
  ] }),
package/dist/Forms/ScheduleCall.js CHANGED
@@ -59,8 +59,7 @@ const ScheduleCall = ({
59
59
  return removeDashes;
60
60
  }),
61
61
  Best_Contact_Date__c: z.string().min(1).date("The field Value must be a date."),
62
- Best_Time_To_Call__c: z.string().min(1).refine((val) => /[ap]|m/.test(val)),
63
- Potential_Funding__c: z.string().min(1)
62
+ Best_Time_To_Call__c: z.string().min(1).refine((val) => /[ap]|m/.test(val))
64
63
  });
65
64
  const methods = useForm({
66
65
  resolver: zodResolver(schema.merge(SalesforceSchema), {
package/dist/HeroBanner/HeroBanner.js CHANGED
@@ -1,4 +1,4 @@
1
- import { jsxs, Fragment, jsx } from "react/jsx-runtime";
1
+ import { jsx, Fragment, jsxs } from "react/jsx-runtime";
2
2
  import { Button } from "../Button/Button.js";
3
3
  import "../Button/Button.css.js";
4
4
  import "react";
@@ -22,254 +22,251 @@ const HeroBanner = ({
22
22
  selection,
23
23
  isSelectionBanner = false
24
24
  }) => {
25
- return /* @__PURE__ */ jsxs(Fragment, { children: [
26
- (bannerType === "Hero" || "Logout") && /* @__PURE__ */ jsx(
27
- "section",
28
- {
29
- id: `id_${id}`,
30
- className: `${bannerType !== "Hero" ? logout : ""} ${hero_banner({ variant: getVariant(variant) })}`,
31
- children: /* @__PURE__ */ jsx("div", { className: `${hero_wrapper} containment`, children: /* @__PURE__ */ jsxs(
32
- "div",
33
- {
34
- className: `${hero_content} ${imagePlacement !== "Right" ? reversed : ""}`,
35
- children: [
36
- /* @__PURE__ */ jsxs("div", { className: hero_text, children: [
37
- eyebrow && /* @__PURE__ */ jsx(
38
- "h1",
39
- {
40
- className: heroSupertag({ variant: getVariant(variant) }),
41
- children: eyebrow
42
- }
43
- ),
44
- eyebrow ? /* @__PURE__ */ jsx(
45
- "h2",
25
+ return /* @__PURE__ */ jsx(Fragment, { children: bannerType === "Hero" || bannerType === "Logout" ? /* @__PURE__ */ jsx(
26
+ "section",
27
+ {
28
+ id: `id_${id}`,
29
+ className: `${bannerType !== "Hero" ? logout : ""} ${hero_banner({ variant: getVariant(variant) })}`,
30
+ children: /* @__PURE__ */ jsx("div", { className: `${hero_wrapper} containment`, children: /* @__PURE__ */ jsxs(
31
+ "div",
32
+ {
33
+ className: `${hero_content} ${imagePlacement !== "Right" ? reversed : ""}`,
34
+ children: [
35
+ /* @__PURE__ */ jsxs("div", { className: hero_text, children: [
36
+ eyebrow && /* @__PURE__ */ jsx(
37
+ "h1",
38
+ {
39
+ className: heroSupertag({ variant: getVariant(variant) }),
40
+ children: eyebrow
41
+ }
42
+ ),
43
+ eyebrow ? /* @__PURE__ */ jsx(
44
+ "h2",
45
+ {
46
+ className: headline_text({
47
+ variant: getVariant(variant)
48
+ }),
49
+ children: headline
50
+ }
51
+ ) : /* @__PURE__ */ jsx(
52
+ "h1",
53
+ {
54
+ className: headline_text({
55
+ variant: getVariant(variant)
56
+ }),
57
+ children: headline
58
+ }
59
+ ),
60
+ /* @__PURE__ */ jsx(Fragment, { children: bodyCopy }),
61
+ callToActionRow && callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: callToActionRow.map(
62
+ ({
63
+ id: id2,
64
+ variant: variant2,
65
+ displayText,
66
+ targetUrl,
67
+ type,
68
+ icon
69
+ }) => type === "Button" ? /* @__PURE__ */ jsxs(
70
+ Button,
46
71
  {
47
- className: headline_text({
48
- variant: getVariant(variant)
49
- }),
50
- children: headline
51
- }
72
+ targetUrl,
73
+ color: getVariant(variant2),
74
+ size: "large",
75
+ rounded: "medium",
76
+ square: icon !== void 0,
77
+ children: [
78
+ typeof icon !== "undefined" ? /* @__PURE__ */ jsx("div", { className: clsx(selection_section_icon), children: /* @__PURE__ */ jsx(
79
+ "span",
80
+ {
81
+ style: {
82
+ mask: `url(${!icon.includes("https") ? "https:" + icon : icon}) no-repeat center / contain`,
83
+ WebkitMask: `url(${!icon.includes("https") ? "https:" + icon : icon}) no-repeat center / contain`
84
+ },
85
+ className: clsx(
86
+ selection_section_icon_img({
87
+ variant: getVariant(variant2)
88
+ })
89
+ )
90
+ }
91
+ ) }) : null,
92
+ displayText
93
+ ]
94
+ },
95
+ id2
52
96
  ) : /* @__PURE__ */ jsx(
53
- "h1",
97
+ Chevron,
54
98
  {
55
- className: headline_text({
56
- variant: getVariant(variant)
57
- }),
58
- children: headline
59
- }
60
- ),
61
- /* @__PURE__ */ jsx(Fragment, { children: bodyCopy }),
62
- callToActionRow && callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: callToActionRow.map(
99
+ targetUrl,
100
+ variant: getVariant(variant2),
101
+ goBack: bannerType === "Logout",
102
+ children: displayText
103
+ },
104
+ id2
105
+ )
106
+ ) })
107
+ ] }),
108
+ !isSelectionBanner ? /* @__PURE__ */ jsx("div", { className: hero_img, role: "presentation", children: /* @__PURE__ */ jsx(
109
+ "img",
110
+ {
111
+ decoding: "async",
112
+ "data-nimg": 1,
113
+ className: "img_fluid",
114
+ style: { color: "transparent" },
115
+ src: `${image?.src}?fm=webp&w=604&h=480&fit=fill`,
116
+ alt: image?.alt
117
+ }
118
+ ) }) : /* @__PURE__ */ jsxs("div", { className: clsx(selection_section), children: [
119
+ /* @__PURE__ */ jsx("div", { className: clsx(selection_section_bg) }),
120
+ /* @__PURE__ */ jsxs("div", { className: clsx(selection_section_content), children: [
121
+ /* @__PURE__ */ jsxs("div", { children: [
122
+ /* @__PURE__ */ jsx(
123
+ "h3",
124
+ {
125
+ className: clsx(
126
+ "header_2",
127
+ selection_headline_text({
128
+ variant: getVariant(variant)
129
+ })
130
+ ),
131
+ children: selection?.headline
132
+ }
133
+ ),
134
+ /* @__PURE__ */ jsx("div", { children: selection?.bodyCopy })
135
+ ] }),
136
+ selection?.callToActionRow && selection?.callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: selection?.callToActionRow.map(
63
137
  ({
64
138
  id: id2,
65
- variant: variant2,
139
+ icon,
66
140
  displayText,
67
141
  targetUrl,
68
- type,
69
- icon
142
+ type
70
143
  }) => type === "Button" ? /* @__PURE__ */ jsxs(
71
144
  Button,
72
145
  {
73
146
  targetUrl,
74
- color: getVariant(variant2),
147
+ color: "tertiary",
75
148
  size: "large",
76
149
  rounded: "medium",
77
- square: icon !== void 0,
150
+ square: true,
78
151
  children: [
79
- typeof icon !== "undefined" ? /* @__PURE__ */ jsx("div", { className: clsx(selection_section_icon), children: /* @__PURE__ */ jsx(
80
- "span",
152
+ /* @__PURE__ */ jsx("div", { className: clsx(selection_section_icon), children: /* @__PURE__ */ jsx(
153
+ "img",
81
154
  {
82
- style: {
83
- mask: `url(${!icon.includes("https") ? "https:" + icon : icon}) no-repeat center / contain`,
84
- WebkitMask: `url(${!icon.includes("https") ? "https:" + icon : icon}) no-repeat center / contain`
85
- },
155
+ alt: "",
156
+ src: icon,
86
157
  className: clsx(
87
- selection_section_icon_img({
88
- variant: getVariant(variant2)
89
- })
158
+ selection_section_icon_img
90
159
  )
91
160
  }
92
- ) }) : null,
161
+ ) }),
93
162
  displayText
94
163
  ]
95
164
  },
96
165
  id2
97
- ) : /* @__PURE__ */ jsx(
98
- Chevron,
166
+ ) : /* @__PURE__ */ jsxs(
167
+ Button,
99
168
  {
100
169
  targetUrl,
101
- variant: getVariant(variant2),
102
- goBack: bannerType == "Logout",
103
- children: displayText
170
+ color: "tertiary",
171
+ rounded: "medium",
172
+ size: "large",
173
+ square: true,
174
+ children: [
175
+ /* @__PURE__ */ jsx("div", { className: clsx(selection_section_icon), children: /* @__PURE__ */ jsx(
176
+ "img",
177
+ {
178
+ alt: "",
179
+ src: icon,
180
+ className: clsx(
181
+ selection_section_icon_img
182
+ )
183
+ }
184
+ ) }),
185
+ displayText
186
+ ]
104
187
  },
105
188
  id2
106
189
  )
107
190
  ) })
108
- ] }),
109
- !isSelectionBanner ? /* @__PURE__ */ jsx("div", { className: hero_img, role: "presentation", children: /* @__PURE__ */ jsx(
110
- "img",
191
+ ] })
192
+ ] })
193
+ ]
194
+ }
195
+ ) })
196
+ },
197
+ id
198
+ ) : /* @__PURE__ */ jsx(
199
+ "section",
200
+ {
201
+ className: lg_hero_banner({ variant: getVariant(variant) }),
202
+ id: `id_${id}`,
203
+ children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsxs("div", { className: `${lg_hero_content} flex between middle`, children: [
204
+ /* @__PURE__ */ jsx(
205
+ "div",
206
+ {
207
+ className: `${lg_hero_text({ variant: getVariant(variant) })} rounded`,
208
+ children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
209
+ eyebrow && /* @__PURE__ */ jsx(
210
+ "h1",
111
211
  {
112
- decoding: "async",
113
- "data-nimg": 1,
114
- className: "img_fluid",
115
- style: { color: "transparent" },
116
- src: `${image?.src}?fm=webp&w=604&h=480&fit=fill`,
117
- alt: image?.alt
212
+ className: lg_hero_eyebrow({
213
+ variant: getVariant(variant)
214
+ }),
215
+ children: eyebrow
118
216
  }
119
- ) }) : /* @__PURE__ */ jsxs("div", { className: clsx(selection_section), children: [
120
- /* @__PURE__ */ jsx("div", { className: clsx(selection_section_bg) }),
121
- /* @__PURE__ */ jsxs("div", { className: clsx(selection_section_content), children: [
122
- /* @__PURE__ */ jsxs("div", { children: [
123
- /* @__PURE__ */ jsx(
124
- "h3",
125
- {
126
- className: clsx(
127
- "header_2",
128
- selection_headline_text({
129
- variant: getVariant(variant)
130
- })
131
- ),
132
- children: selection?.headline
133
- }
134
- ),
135
- /* @__PURE__ */ jsx("div", { children: selection?.bodyCopy })
136
- ] }),
137
- selection?.callToActionRow && selection?.callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: selection?.callToActionRow.map(
138
- ({
139
- id: id2,
140
- icon,
141
- displayText,
142
- targetUrl,
143
- type
144
- }) => type === "Button" ? /* @__PURE__ */ jsxs(
145
- Button,
146
- {
147
- targetUrl,
148
- color: "tertiary",
149
- size: "large",
150
- rounded: "medium",
151
- square: true,
152
- children: [
153
- /* @__PURE__ */ jsx("div", { className: clsx(selection_section_icon), children: /* @__PURE__ */ jsx(
154
- "img",
155
- {
156
- alt: "",
157
- src: icon,
158
- className: clsx(
159
- selection_section_icon_img
160
- )
161
- }
162
- ) }),
163
- displayText
164
- ]
165
- },
166
- id2
167
- ) : /* @__PURE__ */ jsxs(
168
- Button,
169
- {
170
- targetUrl,
171
- color: "tertiary",
172
- rounded: "medium",
173
- size: "large",
174
- square: true,
175
- children: [
176
- /* @__PURE__ */ jsx("div", { className: clsx(selection_section_icon), children: /* @__PURE__ */ jsx(
177
- "img",
178
- {
179
- alt: "",
180
- src: icon,
181
- className: clsx(
182
- selection_section_icon_img
183
- )
184
- }
185
- ) }),
186
- displayText
187
- ]
188
- },
189
- id2
190
- )
191
- ) })
192
- ] })
193
- ] })
194
- ]
195
- }
196
- ) })
197
- },
198
- id
199
- ),
200
- bannerType === "Large" && /* @__PURE__ */ jsx(
201
- "section",
202
- {
203
- className: lg_hero_banner({ variant: getVariant(variant) }),
204
- id: `id_${id}`,
205
- children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsxs("div", { className: `${lg_hero_content} flex between middle`, children: [
206
- /* @__PURE__ */ jsx(
207
- "div",
208
- {
209
- className: `${lg_hero_text({ variant: getVariant(variant) })} rounded`,
210
- children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
211
- eyebrow && /* @__PURE__ */ jsx(
212
- "h1",
213
- {
214
- className: lg_hero_eyebrow({
215
- variant: getVariant(variant)
216
- }),
217
- children: eyebrow
218
- }
219
- ),
220
- eyebrow ? /* @__PURE__ */ jsx(
221
- "h2",
217
+ ),
218
+ eyebrow ? /* @__PURE__ */ jsx(
219
+ "h2",
220
+ {
221
+ className: lg_headline_text({
222
+ variant: getVariant(variant)
223
+ }),
224
+ children: headline
225
+ }
226
+ ) : /* @__PURE__ */ jsx(
227
+ "h1",
228
+ {
229
+ className: headline_text({
230
+ variant: getVariant(variant)
231
+ }),
232
+ children: headline
233
+ }
234
+ ),
235
+ /* @__PURE__ */ jsx("div", { className: "push_up", children: /* @__PURE__ */ jsx(Fragment, { children: bodyCopy }) }),
236
+ callToActionRow && callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: callToActionRow.map(
237
+ ({
238
+ id: id2,
239
+ variant: variant2,
240
+ displayText,
241
+ targetUrl,
242
+ type
243
+ }) => type === "Button" ? /* @__PURE__ */ jsx(
244
+ Button,
222
245
  {
223
- className: lg_headline_text({
224
- variant: getVariant(variant)
225
- }),
226
- children: headline
227
- }
246
+ targetUrl,
247
+ color: getVariant(variant2),
248
+ size: "large",
249
+ rounded: "medium",
250
+ children: displayText
251
+ },
252
+ id2
228
253
  ) : /* @__PURE__ */ jsx(
229
- "h1",
254
+ Chevron,
230
255
  {
231
- className: headline_text({
232
- variant: getVariant(variant)
233
- }),
234
- children: headline
235
- }
236
- ),
237
- /* @__PURE__ */ jsx("div", { className: "push_up", children: /* @__PURE__ */ jsx(Fragment, { children: bodyCopy }) }),
238
- callToActionRow && callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: callToActionRow.map(
239
- ({
240
- id: id2,
241
- variant: variant2,
242
- displayText,
243
256
  targetUrl,
244
- type
245
- }) => type === "Button" ? /* @__PURE__ */ jsx(
246
- Button,
247
- {
248
- targetUrl,
249
- color: getVariant(variant2),
250
- size: "large",
251
- rounded: "medium",
252
- children: displayText
253
- },
254
- id2
255
- ) : /* @__PURE__ */ jsx(
256
- Chevron,
257
- {
258
- targetUrl,
259
- variant: getVariant(variant2),
260
- children: displayText
261
- },
262
- id2
263
- )
264
- ) })
265
- ] })
266
- }
267
- ),
268
- /* @__PURE__ */ jsx("div", { role: "presentation", className: "containment", children: /* @__PURE__ */ jsx("div", { className: `${lg_hero_img} rounded`, role: "presentation", children: /* @__PURE__ */ jsx("img", { alt: "", className: lg_hero_sizing, src: image?.src }) }) })
269
- ] }) })
270
- }
271
- )
272
- ] });
257
+ variant: getVariant(variant2),
258
+ children: displayText
259
+ },
260
+ id2
261
+ )
262
+ ) })
263
+ ] })
264
+ }
265
+ ),
266
+ /* @__PURE__ */ jsx("div", { role: "presentation", className: "containment", children: /* @__PURE__ */ jsx("div", { className: `${lg_hero_img} rounded`, role: "presentation", children: /* @__PURE__ */ jsx("img", { alt: "", className: lg_hero_sizing, src: image?.src }) }) })
267
+ ] }) })
268
+ }
269
+ ) });
273
270
  };
274
271
  export {
275
272
  HeroBanner
package/dist/assets/AnnualFeeCalculator/AnnualFeeCalculator.css CHANGED
@@ -32,7 +32,7 @@
32
32
  }
33
33
  .tosm7ca {
34
34
  color: #1e3860;
35
- font-family: Encode Sans;
35
+ font-family: var(--main-font-family);
36
36
  font-size: 34px;
37
37
  font-weight: 500;
38
38
  letter-spacing: .2px;
package/dist/assets/Avatar/Avatar.css.css ADDED
@@ -0,0 +1,59 @@
1
+ ._avatar_sec_1bnm9_1 {
2
+ margin: 16px 0;
3
+ }
4
+
5
+ ._container_1bnm9_5 {
6
+ border-bottom: 1px solid #d4d4d4;
7
+ border-top: 1px solid #d4d4d4;
8
+ margin-inline: auto;
9
+ max-width: 1200px;
10
+ padding: 16px 0;
11
+ width: 100%;
12
+ }
13
+
14
+ ._image_1bnm9_14 {
15
+ aspect-ratio: 1;
16
+ background-position: 0 0;
17
+ background-size: contain;
18
+ border-radius: 50%;
19
+ flex: 0 0 100px;
20
+ height: 100px;
21
+ }
22
+
23
+ ._text_1bnm9_23 {
24
+ flex: 1 1 0%;
25
+ align-self: center;
26
+ margin-left: 16px;
27
+ }
28
+
29
+ ._name_1bnm9_29 {
30
+ color: #1e3860;
31
+ font-family: var(--header-font-family);
32
+ font-size: 20px;
33
+ font-weight: 600;
34
+ line-height: 1.4;
35
+ }
36
+
37
+ ._title_1bnm9_37 {
38
+ color: #1e3860;
39
+ font-size: 18px;
40
+ font-weight: 500;
41
+ line-height: 1.44;
42
+ }
43
+
44
+ ._description_1bnm9_44 p {
45
+ font-size: 14px;
46
+ line-height: 1.33;
47
+ color: #333d46;
48
+ }
49
+
50
+ * + ._description_1bnm9_44 {
51
+ margin-top: 8px;
52
+ }
53
+
54
+ @media (max-width: 603px) {
55
+ ._image_1bnm9_14 {
56
+ height: 75px;
57
+ flex: 0 0 75px;
58
+ }
59
+ }
package/dist/assets/globals.css CHANGED
@@ -147,6 +147,7 @@ p:only-child {
147
147
  line-height: 26px;
148
148
  letter-spacing: 0.2px;
149
149
  font-family: var(--main-font-family);
150
+ display: flex;
150
151
  }
151
152
  h1, h2, h3, h4, h5, h6, es_font {
152
153
  font-family: var(--header-font-family);
package/dist/main.d.ts CHANGED
@@ -4,6 +4,7 @@ export * from './AlertBanner';
4
4
  export * from './ApyCalculator';
5
5
  export * from './Article';
6
6
  export * from './ArticlesSet';
7
+ export * from './Avatar';
7
8
  export * from './AwardsBanner';
8
9
  export * from './AwardsItem';
9
10
  export * from './BulletItem';
package/dist/main.js CHANGED
@@ -8,6 +8,7 @@ import { Article } from "./Article/Article.js";
8
8
  import { ant_article, ant_card_body, ant_card_cta, ant_card_title, ant_content, ant_eyebrow, ant_img } from "./Article/Article.css.js";
9
9
  import { ArticlesSet } from "./ArticlesSet/ArticlesSet.js";
10
10
  import { ant_blog_cta, ant_grid, ant_header, ant_sec_body, ant_sec_title, ant_section, ant_svg_fill } from "./ArticlesSet/ArticlesSet.css.js";
11
+ import { Avatar } from "./Avatar/index.js";
11
12
  import { awards_row, awards_section } from "./AwardsBanner/AwardsBanner.css.js";
12
13
  import { AwardsBanner } from "./AwardsBanner/AwardsBanner.js";
13
14
  import { award_company, award_item, award_name } from "./AwardsItem/AwardsItem.css.js";
@@ -154,6 +155,7 @@ export {
154
155
  default6 as ArrowIcon,
155
156
  Article,
156
157
  ArticlesSet,
158
+ Avatar,
157
159
  AwardsBanner,
158
160
  AwardsItem,
159
161
  AxosFooterSiteMap,
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.80",
4
+ "version": "0.0.81",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",