@axos-web-dev/shared-components 0.0.23 → 0.0.25

package/dist/ContentBanner/index.d.ts

@@ -1,4 +1,4 @@
-import { HeroBannerInterface as ContentBannerInterface } from './ContentBanner.interface';
+import { ContentBannerInterface } from './ContentBanner.interface';
 import { FC } from 'react';
 
 export declare const ContentBanner: FC<ContentBannerInterface>;

package/dist/FaqAccordion/index.d.ts

@@ -1,3 +1,4 @@
+import { header } from './FaqAccordion.css';
 import { PropsWithChildren } from 'react';
 
 export interface AccordionItemProps extends PropsWithChildren {

package/dist/IconBillboard/IconBillboardSet.d.ts

@@ -1,3 +1,3 @@
-import { IconBillboardSet as Props } from './IconBillboard.interface';
+import { Props } from './IconBillboard.interface';
 
 export declare const IconBillboardSet: ({ variant, side, iconBillboards, headline, bodyCopy, additionalDetails, }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/ImageBillboard/ImageBillboard.d.ts

@@ -1,3 +1,3 @@
-import { ImageBillboardSetProps as Props } from './ImageBillboard.interface';
+import { Props } from './ImageBillboard.interface';
 
 export declare const ImageBillboardSet: ({ id, variant, headline, bodyCopy, additionalDetails, imageBillboards, }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/Table/Table.d.ts

@@ -1,7 +1,7 @@
 import { CellProps, RowProps, TableContainerProps, TableProps } from './Table.interface';
 import { PropsWithChildren } from 'react';
 
-export declare const TableContainer: ({ tableTitle, tableBody, tableFooter, tableType, tableDescription, }: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableContainer: ({ tableTitle, tableBody, tableFooter, tableType, tableDescription, internalName, id, }: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, }: TableProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TableRow: ({ children, ...props }: RowProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TableHead: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/Table/Table.interface.d.ts

@@ -14,10 +14,12 @@ export interface TableProps extends PropsWithChildren {
     alternateColorRows?: boolean;
 }
 export interface TableContainerProps extends PropsWithChildren {
+    id?: string;
     variant: string;
     tableTitle: ReactNode | string;
     tableBody?: ReactNode | string;
     tableFooter: ReactNode | string;
     tableType?: string;
     tableDescription?: ReactNode | string;
+    internalName?: string;
 }

package/dist/Table/Table.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { createElement } from "react";
@@ -8,9 +8,11 @@ const TableContainer = ({
   tableBody,
   tableFooter,
   tableType = "Standard",
-  tableDescription
+  tableDescription,
+  internalName,
+  id
 }) => {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx("section", { id: internalName == null ? void 0 : internalName.replace(/ /g, "-"), children: /* @__PURE__ */ jsxs(
     "div",
     {
       className: clsx(
@@ -24,7 +26,7 @@ const TableContainer = ({
         tableFooter && /* @__PURE__ */ jsx("div", { className: clsx(table_container_text, "push_up_24"), children: tableFooter })
       ]
     }
-  );
+  ) }, id);
 };
 const Table = ({
   variant = "primary",

package/dist/assets/FaqAccordion/FaqAccordion.css

@@ -33,9 +33,7 @@ details[open] .ph6wj62 {
   font-size: 18px;
   max-width: 80%;
   list-style: none;
-  text-overflow: ellipsis;
   overflow: hidden;
-  white-space: nowrap;
 }
 .ph6wj64 {
   padding: 24px;

package/dist/assets/HeroBanner/HeroBanner.css

@@ -91,31 +91,24 @@
 ._1ye8k3fl:empty {
   display: none;
 }
-@media screen and (max-width:1280px) {
-  ._1ye8k3fl {
-    margin-top: 2.5rem;
-  }
-  ._1ye8k3f0 ._1ye8k3fl {
-    flex-direction: column;
-  }
-}
-@media (max-width: 1280px) and (min-width: 1024px) {
-  ._1ye8k3f0 ._1ye8k3f9 {
-    width: calc(100%-28px);
+@media screen and (min-width:1024px) {
+  ._1ye8k3f7 {
+    flex-direction: row-reverse;
   }
-  ._1ye8k3fa img {
-    aspect-ratio: 1 / 1;
+  ._1ye8k3f8 {
+    flex: 1 1;
+    max-width: 588px;
   }
-  ._1ye8k3f0 ._1ye8k3fl {
-    align-items: flex-start;
+  ._1ye8k3f0 ._1ye8k3f8 {
+    max-width: 468px;
   }
 }
-@media screen and (max-width:1024px) {
+@media screen and (max-width:1023px) {
   ._1ye8k3f6 {
     flex-direction: column;
   }
-  ._1ye8k3fl {
-    flex-direction: column;
+  ._1ye8k3f8 {
+    text-align: center;
   }
 }
 @media (max-width: 1023px) {
@@ -143,23 +136,6 @@
     }
   }
 }
-@media screen and (min-width:1024px) {
-  ._1ye8k3f7 {
-    flex-direction: row-reverse;
-  }
-  ._1ye8k3f8 {
-    flex: 1 1;
-    max-width: 588px;
-  }
-  ._1ye8k3f0 ._1ye8k3f8 {
-    max-width: 468px;
-  }
-}
-@media screen and (max-width:1023px) {
-  ._1ye8k3f8 {
-    text-align: center;
-  }
-}
 @media screen and (max-width:603px) {
   ._1ye8k3f8 {
     max-width: calc(100% - 2rem);
@@ -167,12 +143,36 @@
     margin-right: auto;
   }
 }
+@media screen and (max-width:1280px) {
+  ._1ye8k3fl {
+    margin-top: 2.5rem;
+  }
+  ._1ye8k3f0 ._1ye8k3fl {
+    flex-direction: column;
+  }
+}
+@media (max-width: 1280px) and (min-width: 1024px) {
+  ._1ye8k3f0 ._1ye8k3f9 {
+    width: calc(100%-28px);
+  }
+  ._1ye8k3fa img {
+    aspect-ratio: 1 / 1;
+  }
+  ._1ye8k3f0 ._1ye8k3fl {
+    align-items: flex-start;
+  }
+}
 @media (max-width: 603px) {
   ._1ye8k3f9 {
     width: 100%;
     max-width: 100%;
   }
 }
+@media screen and (max-width:1024px) {
+  ._1ye8k3fl {
+    flex-direction: column;
+  }
+}
 @media screen and (max-width:768px) {
   ._1ye8k3fg {
     font-size: 28px;

package/dist/assets/IconBillboard/IconBillboard.css

@@ -130,8 +130,8 @@
     margin-bottom: 1em;
   }
 }
-@media screen and (max-width: 1024px) {
+@media screen and (max-width: 1023px) {
   ._1r4ovbuo {
-    grid-template-columns: auto;
+    grid-template-columns: 1fr;
   }
 }

package/dist/assets/globals.css

@@ -237,6 +237,9 @@ hide {
   text-align: center;
 }
 sup {
+  font-size: 75%;
+}
+.list_item sup {
   vertical-align: top;
   position: relative;
   top: -0.5em;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.23",
+  "version": "0.0.25",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",