@axos-web-dev/shared-components 1.0.99-feature-brand.7 → 1.0.99-feature-brand.9

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.
@@ -1,10 +1,10 @@
1
- import '../assets/Avatar/Avatar.css.css';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";
1
+ import '../assets/Avatar/Avatar.css.css';const avatar_sec = "_avatar_sec_1clr6_1";
2
+ const container = "_container_1clr6_5";
3
+ const image = "_image_1clr6_14";
4
+ const text = "_text_1clr6_23";
5
+ const name = "_name_1clr6_29";
6
+ const title = "_title_1clr6_37";
7
+ const description = "_description_1clr6_44";
8
8
  const css = {
9
9
  avatar_sec,
10
10
  container,
@@ -1,6 +1,6 @@
1
- import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_pxqdd_1";
2
- const author = "_author_pxqdd_7";
3
- const quote = "_quote_pxqdd_1";
1
+ import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_53yiw_1";
2
+ const author = "_author_53yiw_7";
3
+ const quote = "_quote_53yiw_1";
4
4
  const css = {
5
5
  quote_spacer,
6
6
  author,
@@ -1,20 +1,20 @@
1
1
  export declare const hyperlink: import('@vanilla-extract/recipes').RuntimeFn<{
2
2
  variant: {
3
3
  primary: {
4
- color: "#0062B3";
4
+ color: `var(--${string})`;
5
5
  selectors: {
6
6
  "&:hover": {
7
7
  textDecoration: "underline";
8
- textDecorationColor: "#0062B3";
8
+ textDecorationColor: `var(--${string})`;
9
9
  };
10
10
  };
11
11
  };
12
12
  secondary: {
13
- color: "#FAA74A";
13
+ color: `var(--${string})`;
14
14
  selectors: {
15
15
  "&:hover": {
16
16
  textDecoration: "underline";
17
- textDecorationColor: "#FAA74A";
17
+ textDecorationColor: `var(--${string})`;
18
18
  };
19
19
  };
20
20
  };
@@ -1,4 +1,7 @@
1
- import '../assets/Hyperlink/Hyperlink.css';/* empty css */
1
+ import '../assets/Hyperlink/Hyperlink.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
2
+ /* empty css */
3
+ /* empty css */
4
+ /* empty css */
2
5
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
3
6
  var hyperlink = createRuntimeFn({ defaultClassName: "hvs5ng0", variantClassNames: { variant: { primary: "hvs5ng1", secondary: "hvs5ng2", "default": "hvs5ng3" } }, defaultVariants: { variant: "default" }, compoundVariants: [] });
4
7
  export {
@@ -1,10 +1,10 @@
1
1
  export declare const pn_btn: import('@vanilla-extract/recipes').RuntimeFn<{
2
2
  variant: {
3
3
  primary: {
4
- border: "1px solid #98DDFF";
4
+ border: `1px solid var(--${string})`;
5
5
  };
6
6
  secondary: {
7
- border: "1px solid #98DDFF";
7
+ border: `1px solid var(--${string})`;
8
8
  };
9
9
  };
10
10
  }>;
@@ -53,7 +53,7 @@
53
53
  padding: 24px;
54
54
  font-size: 18px;
55
55
  font-family: var(--header-font-family);
56
- font-weight: 600;
56
+ font-weight: 700;
57
57
  letter-spacing: 0.2px;
58
58
  background-color: white;
59
59
  border-bottom-width: 1px;
@@ -1,8 +1,8 @@
1
- ._avatar_sec_1bnm9_1 {
1
+ ._avatar_sec_1clr6_1 {
2
2
  margin: 16px 0;
3
3
  }
4
4
 
5
- ._container_1bnm9_5 {
5
+ ._container_1clr6_5 {
6
6
  border-bottom: 1px solid #d4d4d4;
7
7
  border-top: 1px solid #d4d4d4;
8
8
  margin-inline: auto;
@@ -11,7 +11,7 @@
11
11
  width: 100%;
12
12
  }
13
13
 
14
- ._image_1bnm9_14 {
14
+ ._image_1clr6_14 {
15
15
  aspect-ratio: 1;
16
16
  background-position: 0 0;
17
17
  background-size: contain;
@@ -20,39 +20,39 @@
20
20
  height: 100px;
21
21
  }
22
22
 
23
- ._text_1bnm9_23 {
23
+ ._text_1clr6_23 {
24
24
  flex: 1 1 0%;
25
25
  align-self: center;
26
26
  margin-left: 16px;
27
27
  }
28
28
 
29
- ._name_1bnm9_29 {
29
+ ._name_1clr6_29 {
30
30
  color: #1e3860;
31
31
  font-family: var(--header-font-family);
32
32
  font-size: 20px;
33
- font-weight: 600;
33
+ font-weight: 700;
34
34
  line-height: 1.4;
35
35
  }
36
36
 
37
- ._title_1bnm9_37 {
37
+ ._title_1clr6_37 {
38
38
  color: #1e3860;
39
39
  font-size: 18px;
40
40
  font-weight: 500;
41
41
  line-height: 1.44;
42
42
  }
43
43
 
44
- ._description_1bnm9_44 p {
44
+ ._description_1clr6_44 p {
45
45
  font-size: 14px;
46
46
  line-height: 1.33;
47
47
  color: #333d46;
48
48
  }
49
49
 
50
- * + ._description_1bnm9_44 {
50
+ * + ._description_1clr6_44 {
51
51
  margin-top: 8px;
52
52
  }
53
53
 
54
54
  @media (max-width: 603px) {
55
- ._image_1bnm9_14 {
55
+ ._image_1clr6_14 {
56
56
  height: 75px;
57
57
  flex: 0 0 75px;
58
58
  }
@@ -1,68 +1,68 @@
1
- ._quote_spacer_pxqdd_1 {
1
+ ._quote_spacer_53yiw_1 {
2
2
  line-height: 1.35;
3
3
  margin-block: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
4
4
  margin-inline: auto;
5
5
  }
6
6
 
7
- ._author_pxqdd_7,
8
- ._quote_pxqdd_1 {
7
+ ._author_53yiw_7,
8
+ ._quote_53yiw_1 {
9
9
  color: #1f1f1f;
10
10
  }
11
11
 
12
- ._author_pxqdd_7 {
12
+ ._author_53yiw_7 {
13
13
  text-align: right;
14
14
  margin-top: 18px;
15
15
  }
16
16
 
17
- ._author_pxqdd_7 cite {
17
+ ._author_53yiw_7 cite {
18
18
  font-style: normal;
19
19
  }
20
20
 
21
- ._quote_spacer_pxqdd_1 .img_fluid {
21
+ ._quote_spacer_53yiw_1 .img_fluid {
22
22
  margin-right: 24px;
23
23
  transform: rotateY(180deg) scaleY(-1);
24
24
  }
25
25
 
26
- ._quote_spacer_pxqdd_1 .flex_row {
26
+ ._quote_spacer_53yiw_1 .flex_row {
27
27
  align-items: flex-start;
28
28
  }
29
29
 
30
- ._quote_pxqdd_1 p {
30
+ ._quote_53yiw_1 p {
31
31
  font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
32
32
  font-style: italic;
33
33
  line-height: 1.2;
34
34
  }
35
35
 
36
36
  @media (max-width: 768px) {
37
- ._quote_spacer_pxqdd_1 .img_fluid {
37
+ ._quote_spacer_53yiw_1 .img_fluid {
38
38
  max-width: 30px;
39
39
  margin-right: 12px;
40
40
  }
41
- ._author_pxqdd_7 {
41
+ ._author_53yiw_7 {
42
42
  margin-top: 14px;
43
43
  }
44
- ._quote_pxqdd_1 p {
44
+ ._quote_53yiw_1 p {
45
45
  font-size: 18px;
46
46
  }
47
- ._author_pxqdd_7 cite {
47
+ ._author_53yiw_7 cite {
48
48
  font-size: 14px;
49
49
  }
50
50
  }
51
51
 
52
52
  @media (max-width: 500px) {
53
- ._author_pxqdd_7 {
53
+ ._author_53yiw_7 {
54
54
  margin-top: 12px;
55
55
  }
56
56
  }
57
57
 
58
58
  @media (min-width: 604px) {
59
- ._quote_spacer_pxqdd_1 {
59
+ ._quote_spacer_53yiw_1 {
60
60
  width: min(calc(100% - 2rem), 792px);
61
61
  }
62
62
  }
63
63
 
64
64
  @media (min-width: 1023px) {
65
- ._quote_pxqdd_1 p {
66
- font-weight: 600;
65
+ ._quote_53yiw_1 p {
66
+ font-weight: 700;
67
67
  }
68
68
  }
@@ -1,6 +1,6 @@
1
1
  ._13pdpuj0 {
2
2
  border: 2px solid transparent;
3
- font-family: var(--main-font-family);
3
+ font-family: var(--header-font-family);
4
4
  font-weight: 700;
5
5
  margin-bottom: 0;
6
6
  -webkit-transition-duration: 0.15s;
@@ -15,7 +15,7 @@
15
15
  text-decoration: none;
16
16
  display: inline-block;
17
17
  white-space: nowrap;
18
- font-size: 16px;
18
+ font-size: 18px;
19
19
  opacity: 1;
20
20
  cursor: pointer;
21
21
  }
@@ -61,7 +61,7 @@
61
61
  font-family: var(--header-font-family);
62
62
  outline: 0;
63
63
  padding-left: 3px;
64
- font-weight: 600;
64
+ font-weight: 700;
65
65
  color: #1e3860;
66
66
  margin: 0;
67
67
  }
@@ -69,7 +69,7 @@
69
69
  display: none;
70
70
  }
71
71
  ._11b2y8z8 {
72
- font-weight: 600;
72
+ font-weight: 700;
73
73
  font-size: 18px;
74
74
  line-height: 1.4;
75
75
  padding: 14px 64px;
@@ -56,7 +56,7 @@
56
56
  ._1mjmksfc {
57
57
  border-bottom-left-radius: 0;
58
58
  border-top-left-radius: 0;
59
- font-weight: 600;
59
+ font-weight: 700;
60
60
  font-size: 20px;
61
61
  line-height: 1.4;
62
62
  padding: 15px;
@@ -59,7 +59,7 @@
59
59
  font-family: var(--header-font-family);
60
60
  outline: 0;
61
61
  padding-left: 3px;
62
- font-weight: 600;
62
+ font-weight: 700;
63
63
  color: #1e3860;
64
64
  margin: 0;
65
65
  }
@@ -1,11 +1,11 @@
1
1
  ._1gp5vfo0 {
2
- font-weight: 600;
2
+ font-weight: 700;
3
3
  opacity: 1;
4
4
  margin-bottom: 0;
5
5
  padding: 0;
6
6
  text-decoration: none;
7
7
  cursor: pointer;
8
- font-family: var(--main-font-family);
8
+ font-family: var(--header-font-family);
9
9
  }
10
10
  ._1gp5vfo1 {
11
11
  color: var(--_1073cm82);
@@ -60,7 +60,7 @@
60
60
  margin: 0 8px 0 0;
61
61
  }
62
62
  ._14gexxj6 h2 {
63
- font-weight: 600;
63
+ font-weight: 700;
64
64
  font-size: 32px;
65
65
  margin-bottom: 1rem;
66
66
  background: var(--_1073cm87);
@@ -31,9 +31,9 @@
31
31
  color: var(--_1073cm8q);
32
32
  }
33
33
  .txcb8db {
34
- font-family: var(--main-font-family);
34
+ font-family: var(--header-font-family);
35
35
  font-size: 18px;
36
- font-weight: 500;
36
+ font-weight: 700;
37
37
  line-height: 1.29;
38
38
  margin-top: 10px;
39
39
  }
@@ -95,8 +95,8 @@
95
95
  }
96
96
  .txcb8dp {
97
97
  font-family: var(--header-font-family);
98
- font-size: 20px;
99
- font-weight: 600;
98
+ font-size: 18px;
99
+ font-weight: 700;
100
100
  margin-left: 15px;
101
101
  overflow: hidden;
102
102
  text-decoration: none;
@@ -12,7 +12,7 @@
12
12
  line-height: 36px;
13
13
  letter-spacing: 0.2px;
14
14
  color: var(--_1073cm85);
15
- font-weight: 600;
15
+ font-weight: 700;
16
16
  font-family: var(--header-font-family);
17
17
  }
18
18
  .ph6wj63 {
@@ -3,18 +3,18 @@
3
3
  cursor: pointer;
4
4
  }
5
5
  .hvs5ng1 {
6
- color: #0062B3;
6
+ color: var(--_1073cm82);
7
7
  }
8
8
  .hvs5ng1:hover {
9
9
  text-decoration: underline;
10
- text-decoration-color: #0062B3;
10
+ text-decoration-color: var(--_1073cm82);
11
11
  }
12
12
  .hvs5ng2 {
13
- color: #FAA74A;
13
+ color: var(--_1073cm8g);
14
14
  }
15
15
  .hvs5ng2:hover {
16
16
  text-decoration: underline;
17
- text-decoration-color: #FAA74A;
17
+ text-decoration-color: var(--_1073cm8g);
18
18
  }
19
19
  .hvs5ng3 {
20
20
  color: inherit;
@@ -6,10 +6,10 @@
6
6
  text-align: center;
7
7
  }
8
8
  ._13qd2mm1 {
9
- border: 1px solid #98DDFF;
9
+ border: 1px solid var(--_1073cm85);
10
10
  }
11
11
  ._13qd2mm2 {
12
- border: 1px solid #98DDFF;
12
+ border: 1px solid var(--_1073cm85);
13
13
  }
14
14
  ._13qd2mm3 {
15
15
  display: inline-block;
@@ -129,6 +129,7 @@ li p, p:last-child, p:only-child {
129
129
  h1, h2, h3, h4, h5, h6, es_font {
130
130
  font-family: var(--header-font-family);
131
131
  font-weight: 700;
132
+ text-wrap: pretty;
132
133
  }
133
134
  .header_1 {
134
135
  font-size: 2.5rem;
@@ -179,13 +180,14 @@ h1, h2, h3, h4, h5, h6, es_font {
179
180
  color: #1F1F1F;
180
181
  display: inline-block;
181
182
  font-size: 16px;
182
- font-weight: 600;
183
+ font-weight: 700;
183
184
  opacity: 1;
184
185
  padding: 0;
185
186
  position: relative;
186
187
  text-decoration: none;
187
188
  text-transform: initial;
188
189
  white-space: nowrap;
190
+ font-family: var(--header-font-family);
189
191
  }
190
192
  .btn__secondary:hover {
191
193
  opacity: 1;
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": "1.0.99-feature-brand.7",
4
+ "version": "1.0.99-feature-brand.9",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",