@axos-web-dev/shared-components 0.0.71 → 0.0.72
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/FaqAccordion/index.d.ts +6 -4
- package/dist/HeroBanner/HeroBanner.js +15 -27
- package/dist/IconBillboard/IconBillboard.css.d.ts +2 -0
- package/dist/Table/Table.d.ts +1 -1
- package/dist/Table/Table.interface.d.ts +3 -1
- package/dist/Table/Table.js +11 -3
- package/dist/assets/Chevron/Chevron.css +1 -1
- package/dist/assets/IconBillboard/IconBillboard.css +4 -0
- package/package.json +1 -1
|
@@ -4,12 +4,14 @@ export interface AccordionItemProps extends PropsWithChildren {
|
|
|
4
4
|
id: string;
|
|
5
5
|
}
|
|
6
6
|
export declare const AccordionItem: (props: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export
|
|
7
|
+
export interface AccordionItemSummaryProps {
|
|
8
8
|
id: string;
|
|
9
9
|
level: string;
|
|
10
|
-
}
|
|
10
|
+
}
|
|
11
|
+
export declare const AccordionItemSummary: (props: AccordionItemSummaryProps & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
11
12
|
export declare const AccordionItemContent: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export
|
|
13
|
+
export interface FaqAccordionProps {
|
|
13
14
|
header?: string;
|
|
14
15
|
accordionEmbedLevel?: string;
|
|
15
|
-
}
|
|
16
|
+
}
|
|
17
|
+
export declare const FaqAccordion: (props: FaqAccordionProps & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -23,7 +23,7 @@ const HeroBanner = ({
|
|
|
23
23
|
isSelectionBanner = false
|
|
24
24
|
}) => {
|
|
25
25
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
26
|
-
bannerType === "Hero" || /* @__PURE__ */ jsx(
|
|
26
|
+
(bannerType === "Hero" || "Logout") && /* @__PURE__ */ jsx(
|
|
27
27
|
"section",
|
|
28
28
|
{
|
|
29
29
|
id: `id_${id}`,
|
|
@@ -132,22 +132,16 @@ const HeroBanner = ({
|
|
|
132
132
|
rounded: "medium",
|
|
133
133
|
square: true,
|
|
134
134
|
children: [
|
|
135
|
-
/* @__PURE__ */ jsx(
|
|
136
|
-
"
|
|
135
|
+
/* @__PURE__ */ jsx("div", { className: clsx(selection_section_icon), children: /* @__PURE__ */ jsx(
|
|
136
|
+
"img",
|
|
137
137
|
{
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
alt: "",
|
|
143
|
-
src: icon,
|
|
144
|
-
className: clsx(
|
|
145
|
-
selection_section_icon_img
|
|
146
|
-
)
|
|
147
|
-
}
|
|
138
|
+
alt: "",
|
|
139
|
+
src: icon,
|
|
140
|
+
className: clsx(
|
|
141
|
+
selection_section_icon_img
|
|
148
142
|
)
|
|
149
143
|
}
|
|
150
|
-
),
|
|
144
|
+
) }),
|
|
151
145
|
displayText
|
|
152
146
|
]
|
|
153
147
|
},
|
|
@@ -161,22 +155,16 @@ const HeroBanner = ({
|
|
|
161
155
|
size: "large",
|
|
162
156
|
square: true,
|
|
163
157
|
children: [
|
|
164
|
-
/* @__PURE__ */ jsx(
|
|
165
|
-
"
|
|
158
|
+
/* @__PURE__ */ jsx("div", { className: clsx(selection_section_icon), children: /* @__PURE__ */ jsx(
|
|
159
|
+
"img",
|
|
166
160
|
{
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
alt: "",
|
|
172
|
-
src: icon,
|
|
173
|
-
className: clsx(
|
|
174
|
-
selection_section_icon_img
|
|
175
|
-
)
|
|
176
|
-
}
|
|
161
|
+
alt: "",
|
|
162
|
+
src: icon,
|
|
163
|
+
className: clsx(
|
|
164
|
+
selection_section_icon_img
|
|
177
165
|
)
|
|
178
166
|
}
|
|
179
|
-
),
|
|
167
|
+
) }),
|
|
180
168
|
displayText
|
|
181
169
|
]
|
|
182
170
|
},
|
|
@@ -5,9 +5,11 @@ export declare const containerIconBillboard: import('@vanilla-extract/recipes').
|
|
|
5
5
|
primary: {
|
|
6
6
|
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7
7
|
border: "1px solid #D4D4D4";
|
|
8
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8
9
|
};
|
|
9
10
|
secondary: {
|
|
10
11
|
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
12
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
11
13
|
};
|
|
12
14
|
tertiary: {
|
|
13
15
|
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
package/dist/Table/Table.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { PropsWithChildren } from 'react';
|
|
|
2
2
|
import { CellProps, RowProps, TableContainerProps, TableProps } from './Table.interface';
|
|
3
3
|
|
|
4
4
|
export declare const TableContainer: ({ tableTitle, tableBody, tableFooter, tableType, tableDescription, internalName, id, }: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, }: TableProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, className, style, }: TableProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export declare const TableRow: ({ children, ...props }: RowProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export declare const TableHead: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export declare const TableBody: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { HtmlHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
|
|
1
|
+
import { CSSProperties, HtmlHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
|
|
2
2
|
|
|
3
3
|
export interface RowProps extends HtmlHTMLAttributes<HTMLTableRowElement>, PropsWithChildren {
|
|
4
4
|
}
|
|
@@ -12,6 +12,8 @@ export interface TableProps extends PropsWithChildren {
|
|
|
12
12
|
highlight?: "First Row" | "Last Row" | "First and Last Row" | undefined;
|
|
13
13
|
tableType?: "Standard" | "Rate";
|
|
14
14
|
alternateColorRows?: boolean;
|
|
15
|
+
className?: string;
|
|
16
|
+
style?: CSSProperties;
|
|
15
17
|
}
|
|
16
18
|
export interface TableContainerProps extends PropsWithChildren {
|
|
17
19
|
id?: string;
|
package/dist/Table/Table.js
CHANGED
|
@@ -33,13 +33,21 @@ const Table = ({
|
|
|
33
33
|
children,
|
|
34
34
|
highlight,
|
|
35
35
|
tableType = "Standard",
|
|
36
|
-
alternateColorRows = false
|
|
36
|
+
alternateColorRows = false,
|
|
37
|
+
className,
|
|
38
|
+
style
|
|
37
39
|
}) => {
|
|
38
40
|
return /* @__PURE__ */ jsx(
|
|
39
41
|
"div",
|
|
40
42
|
{
|
|
41
|
-
className:
|
|
42
|
-
|
|
43
|
+
className: clsx(
|
|
44
|
+
tableWrapper({ variant: getVariant(variant) }),
|
|
45
|
+
className
|
|
46
|
+
),
|
|
47
|
+
style: {
|
|
48
|
+
...style,
|
|
49
|
+
...tableType === "Rate" && { width: "90%", border: "none" }
|
|
50
|
+
},
|
|
43
51
|
children: /* @__PURE__ */ jsx(
|
|
44
52
|
"table",
|
|
45
53
|
{
|
|
@@ -9,9 +9,11 @@
|
|
|
9
9
|
._1r4ovbu1 {
|
|
10
10
|
background: var(--_1073cm81);
|
|
11
11
|
border: 1px solid #D4D4D4;
|
|
12
|
+
color: var(--_1073cm82);
|
|
12
13
|
}
|
|
13
14
|
._1r4ovbu2 {
|
|
14
15
|
background: var(--_1073cm88);
|
|
16
|
+
color: var(--_1073cm89);
|
|
15
17
|
}
|
|
16
18
|
._1r4ovbu3 {
|
|
17
19
|
background: var(--_1073cm8f);
|
|
@@ -76,6 +78,7 @@
|
|
|
76
78
|
flex-direction: column;
|
|
77
79
|
gap: 24px;
|
|
78
80
|
font-family: var(--main-font-family);
|
|
81
|
+
width: 100%;
|
|
79
82
|
}
|
|
80
83
|
._1r4ovbuf {
|
|
81
84
|
display: flex;
|
|
@@ -96,6 +99,7 @@
|
|
|
96
99
|
margin-top: auto;
|
|
97
100
|
gap: 24px;
|
|
98
101
|
flex-wrap: wrap;
|
|
102
|
+
align-items: center;
|
|
99
103
|
}
|
|
100
104
|
._1r4ovbui {
|
|
101
105
|
margin-inline: auto;
|