@axos-web-dev/shared-components 0.0.112 → 0.0.113
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/ImageBillboard/ImageBillboard.css.d.ts +17 -0
- package/dist/ImageBillboard/ImageBillboardSet.js +1 -2
- package/dist/SecondaryFooter/SecondaryFooter.css.js +2 -0
- package/dist/assets/ImageBillboard/ImageBillboard.css +12 -6
- package/dist/assets/SecondaryFooter/SecondaryFooter.css +1 -1
- package/dist/assets/themes/axos.css +1 -0
- package/dist/assets/themes/premier.css +1 -0
- package/dist/themes/axos.css.d.ts +5 -0
- package/dist/themes/axos.css.js +1 -1
- package/package.json +1 -1
|
@@ -25,6 +25,14 @@ export declare const imagePlacement: import('@vanilla-extract/recipes').RuntimeF
|
|
|
25
25
|
selectors: {
|
|
26
26
|
[x: string]: {
|
|
27
27
|
flexDirection: "column";
|
|
28
|
+
"@media"?: undefined;
|
|
29
|
+
} | {
|
|
30
|
+
flexDirection: "row";
|
|
31
|
+
"@media": {
|
|
32
|
+
"screen and (max-width:1023px)": {
|
|
33
|
+
flexDirection: "column";
|
|
34
|
+
};
|
|
35
|
+
};
|
|
28
36
|
};
|
|
29
37
|
};
|
|
30
38
|
};
|
|
@@ -33,6 +41,15 @@ export declare const imagePlacement: import('@vanilla-extract/recipes').RuntimeF
|
|
|
33
41
|
[x: string]: {
|
|
34
42
|
flexDirection: "column-reverse";
|
|
35
43
|
justifyContent: "space-between";
|
|
44
|
+
"@media"?: undefined;
|
|
45
|
+
} | {
|
|
46
|
+
flexDirection: "row-reverse";
|
|
47
|
+
"@media": {
|
|
48
|
+
"screen and (max-width:1023px)": {
|
|
49
|
+
flexDirection: "column-reverse";
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
justifyContent?: undefined;
|
|
36
53
|
};
|
|
37
54
|
};
|
|
38
55
|
};
|
|
@@ -43,8 +43,7 @@ const ImageBillboard = ({
|
|
|
43
43
|
bordered && billboard_variant === "primary" ? "bordered" : "",
|
|
44
44
|
imagePlacement({ position: position?.toLowerCase() }),
|
|
45
45
|
`${set ? "" : "containment"}`,
|
|
46
|
-
position === "right" && "reversed"
|
|
47
|
-
imagePlacement({ position: position?.toLowerCase() })
|
|
46
|
+
position === "right" && "reversed"
|
|
48
47
|
),
|
|
49
48
|
children: [
|
|
50
49
|
/* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: image ? /* @__PURE__ */ jsx(
|
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
._1m7m2a0 {
|
|
2
2
|
height: auto;
|
|
3
3
|
}
|
|
4
|
-
._18ygy9m5 ._1m7m2a0 {
|
|
5
|
-
flex-direction: column;
|
|
6
|
-
}
|
|
7
|
-
._18ygy9m5 ._1m7m2a0:only-child {
|
|
8
|
-
flex-direction: row;
|
|
9
|
-
}
|
|
10
4
|
._1m7m2a1 {
|
|
11
5
|
background: var(--_1073cm81);
|
|
12
6
|
color: var(--_1073cm82);
|
|
@@ -27,10 +21,16 @@
|
|
|
27
21
|
._18ygy9m5 ._1m7m2a6 {
|
|
28
22
|
flex-direction: column;
|
|
29
23
|
}
|
|
24
|
+
._18ygy9m5 ._1m7m2a6:only-child {
|
|
25
|
+
flex-direction: row;
|
|
26
|
+
}
|
|
30
27
|
._18ygy9m5 ._1m7m2a7 {
|
|
31
28
|
flex-direction: column-reverse;
|
|
32
29
|
justify-content: space-between;
|
|
33
30
|
}
|
|
31
|
+
._18ygy9m5 ._1m7m2a7:only-child {
|
|
32
|
+
flex-direction: row-reverse;
|
|
33
|
+
}
|
|
34
34
|
._18ygy9m5 > .billboard > div {
|
|
35
35
|
width: 100%;
|
|
36
36
|
max-width: 100%;
|
|
@@ -185,6 +185,12 @@
|
|
|
185
185
|
._1m7m2a0 {
|
|
186
186
|
flex-direction: column-reverse;
|
|
187
187
|
}
|
|
188
|
+
._18ygy9m5 ._1m7m2a6:only-child {
|
|
189
|
+
flex-direction: column;
|
|
190
|
+
}
|
|
191
|
+
._18ygy9m5 ._1m7m2a7:only-child {
|
|
192
|
+
flex-direction: column-reverse;
|
|
193
|
+
}
|
|
188
194
|
.reversed {
|
|
189
195
|
flex-direction: column-reverse;
|
|
190
196
|
}
|
|
@@ -53,4 +53,9 @@ export declare const axosTheme: string, vars: {
|
|
|
53
53
|
highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
54
54
|
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
55
55
|
};
|
|
56
|
+
footer: {
|
|
57
|
+
link: {
|
|
58
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
59
|
+
};
|
|
60
|
+
};
|
|
56
61
|
};
|
package/dist/themes/axos.css.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
var axosTheme = "_1073cm80";
|
|
3
|
-
var vars = { colors: { primary: { background: "var(--_1073cm81)", body: "var(--_1073cm82)", headline: "var(--_1073cm83)", textGradient: "var(--_1073cm84)", textButton: "var(--_1073cm85)", backgroundButton: "var(--_1073cm86)", border: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", body: "var(--_1073cm89)", headline: "var(--_1073cm8a)", textGradient: "var(--_1073cm8b)", textButton: "var(--_1073cm8c)", backgroundButton: "var(--_1073cm8d)", border: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", body: "var(--_1073cm8g)", headline: "var(--_1073cm8h)", textGradient: "var(--_1073cm8i)", textButton: "var(--_1073cm8j)", backgroundButton: "var(--_1073cm8k)", border: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", body: "var(--_1073cm8n)", headline: "var(--_1073cm8o)", textGradient: "var(--_1073cm8p)", textButton: "var(--_1073cm8q)", backgroundButton: "var(--_1073cm8r)", border: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } }, table: { highlight: "var(--_1073cm8z)", color: "var(--_1073cm810)" } };
|
|
3
|
+
var vars = { colors: { primary: { background: "var(--_1073cm81)", body: "var(--_1073cm82)", headline: "var(--_1073cm83)", textGradient: "var(--_1073cm84)", textButton: "var(--_1073cm85)", backgroundButton: "var(--_1073cm86)", border: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", body: "var(--_1073cm89)", headline: "var(--_1073cm8a)", textGradient: "var(--_1073cm8b)", textButton: "var(--_1073cm8c)", backgroundButton: "var(--_1073cm8d)", border: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", body: "var(--_1073cm8g)", headline: "var(--_1073cm8h)", textGradient: "var(--_1073cm8i)", textButton: "var(--_1073cm8j)", backgroundButton: "var(--_1073cm8k)", border: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", body: "var(--_1073cm8n)", headline: "var(--_1073cm8o)", textGradient: "var(--_1073cm8p)", textButton: "var(--_1073cm8q)", backgroundButton: "var(--_1073cm8r)", border: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } }, table: { highlight: "var(--_1073cm8z)", color: "var(--_1073cm810)" }, footer: { link: { color: "var(--_1073cm811)" } } };
|
|
4
4
|
export {
|
|
5
5
|
axosTheme,
|
|
6
6
|
vars
|