aidos-ui 3.0.1 → 3.0.3

package/src/jss.tsx

@@ -430,7 +430,7 @@ export const lightTheme: Theme = {
 
 export const darkTheme: Theme = {
   /* Background */
-  ["--overlay-background"]: "rgb(22, 23, 24)",
+  ["--overlay-background"]: "rgb(35, 36, 37)",
   ["--primary-background"]: "rgb(42, 43, 46)",
   ["--secondary-background"]: "rgb(65, 66, 67)",
   ["--divider"]: "rgb(70, 72, 73)",

package/src/pages/List.mdx

@@ -209,14 +209,12 @@ The bare list, like other components that support the `bare` style, is much more
 
 <List bare ariaLabel="example">
   <ListItem
-    bare
     headline="Headline"
     body="Body"
     addOn={<Icon color="primary" icon="fa-bell" size="medium" />}
     addOnPosition="start"
   />
   <ListButtonItem
-    bare
     color="positive"
     headline="Positive button"
     addOn={<Icon color="highlight" icon="fa-plus" size="medium" />}
@@ -224,7 +222,6 @@ The bare list, like other components that support the `bare` style, is much more
     onClick={() => {}}
   />
   <ListButtonItem
-    bare
     color="secondary"
     headline="Secondary button"
     addOn={<Icon color="primary" icon="fa-bicycle" size="medium" />}
@@ -232,7 +229,6 @@ The bare list, like other components that support the `bare` style, is much more
     onClick={() => {}}
   />
   <ListButtonItem
-    bare
     color="negative"
     headline="Negative button"
     addOn={<Icon color="negative" icon="fa-ban" size="medium" />}
@@ -241,7 +237,6 @@ The bare list, like other components that support the `bare` style, is much more
   />
   <ListLinkItem
     href="/"
-    bare
     color="secondary"
     headline="Selected link"
     selected
@@ -250,7 +245,6 @@ The bare list, like other components that support the `bare` style, is much more
   />
   <ListLinkItem
     href="/"
-    bare
     headline="Link"
     addOn={<Icon color="primary" icon="fa-renren" size="medium" />}
     addOnPosition="start"
@@ -261,14 +255,12 @@ The bare list, like other components that support the `bare` style, is much more
 ```js
 <List bare ariaLabel="example">
   <ListItem
-    bare
     headline="Headline"
     body="Body"
     addOn={<Icon color="primary" icon="fa-bell" size="medium" />}
     addOnPosition="start"
   />
   <ListButtonItem
-    bare
     color="positive"
     headline="Positive button"
     addOn={<Icon color="highlight" icon="fa-plus" size="medium" />}
@@ -276,7 +268,6 @@ The bare list, like other components that support the `bare` style, is much more
     onClick={() => {}}
   />
   <ListButtonItem
-    bare
     color="secondary"
     headline="Secondary button"
     addOn={<Icon color="primary" icon="fa-bicycle" size="medium" />}
@@ -284,7 +275,6 @@ The bare list, like other components that support the `bare` style, is much more
     onClick={() => {}}
   />
   <ListButtonItem
-    bare
     color="negative"
     headline="Negative button"
     addOn={<Icon color="negative" icon="fa-ban" size="medium" />}
@@ -293,7 +283,6 @@ The bare list, like other components that support the `bare` style, is much more
   />
   <ListLinkItem
     href="/"
-    bare
     color="secondary"
     headline="Selected link"
     selected
@@ -302,7 +291,6 @@ The bare list, like other components that support the `bare` style, is much more
   />
   <ListLinkItem
     href="/"
-    bare
     headline="Link"
     addOn={<Icon color="primary" icon="fa-renren" size="medium" />}
     addOnPosition="start"
@@ -316,19 +304,19 @@ The bare list, like other components that support the `bare` style, is much more
 ## Sublist
 
 <List bare ariaLabel="example">
-  <Sublist bare label="Sublist">
-    <ListItem bare headline="Headline 1" body="Body 1" />
-    <ListItem bare headline="Headline 2" body="Body 2" />
-    <ListItem bare headline="Headline 3" body="Body 3" />
+  <Sublist label="Sublist">
+    <ListItem headline="Headline 1" body="Body 1" />
+    <ListItem headline="Headline 2" body="Body 2" />
+    <ListItem headline="Headline 3" body="Body 3" />
   </Sublist>
 </List>
 
 ```js
 <List bare ariaLabel="example">
-  <Sublist bare label="Sublist">
-    <ListItem bare headline="Headline 1" body="Body 1" />
-    <ListItem bare headline="Headline 2" body="Body 2" />
-    <ListItem bare headline="Headline 3" body="Body 3" />
+  <Sublist label="Sublist">
+    <ListItem headline="Headline 1" body="Body 1" />
+    <ListItem headline="Headline 2" body="Body 2" />
+    <ListItem headline="Headline 3" body="Body 3" />
   </Sublist>
 </List>
 ```

package/src/pages/ListHeader.mdx

@@ -50,44 +50,40 @@ import { ListHeaderItem } from "../ListHeaderItem";
 ## Bare list headers
 
 <List bare ariaLabel="example">
-  <ListHeaderItem bare headline="Header" />
-  <ListItem bare headline="Headline 1" body="Body 1" />
+  <ListHeaderItem headline="Header" />
+  <ListItem headline="Headline 1" body="Body 1" />
   <ListHeaderItem
-    bare
     headline="Header"
     addOn={<Icon icon="fa-chain-broken" size="medium" color="primary" />}
   />
-  <ListItem bare headline="Headline 2" body="Body 2" />
-  <ListHeaderItem bare highlight headline="Header" />
-  <ListItem bare headline="Headline 3" body="Body 3" />
+  <ListItem headline="Headline 2" body="Body 2" />
+  <ListHeaderItem highlight headline="Header" />
+  <ListItem headline="Headline 3" body="Body 3" />
   <ListHeaderItem
-    bare
     highlight
     headline="Header"
     addOn={<Icon icon="fa-chain-broken" size="medium" color="highlight" />}
   />
-  <ListItem bare withDivider={false} headline="Headline 4" body="Body 3" />
+  <ListItem withDivider={false} headline="Headline 4" body="Body 3" />
 </List>
 
 ```js
 <List bare ariaLabel="example">
-  <ListHeaderItem bare headline="Header" />
-  <ListItem bare headline="Headline 1" body="Body 1" />
+  <ListHeaderItem headline="Header" />
+  <ListItem headline="Headline 1" body="Body 1" />
   <ListHeaderItem
-    bare
     headline="Header"
     addOn={<Icon icon="fa-chain-broken" size="medium" color="primary" />}
   />
-  <ListItem bare headline="Headline 2" body="Body 2" />
-  <ListHeaderItem bare highlight headline="Header" />
-  <ListItem bare headline="Headline 3" body="Body 3" />
+  <ListItem headline="Headline 2" body="Body 2" />
+  <ListHeaderItem highlight headline="Header" />
+  <ListItem headline="Headline 3" body="Body 3" />
   <ListHeaderItem
-    bare
     highlight
     headline="Header"
     addOn={<Icon icon="fa-chain-broken" size="medium" color="light" />}
   />
-  <ListItem bare withDivider={false} headline="Headline 4" body="Body 3" />
+  <ListItem withDivider={false} headline="Headline 4" body="Body 3" />
 </List>
 ```
 

package/src/pages/_app.tsx

@@ -36,16 +36,13 @@ import { DocsMDXProvider, labelToID } from "../docs/mdx";
 import { dot } from "@xenova/transformers";
 import { pages } from "../docs/pages";
 
+const transformers = import("@xenova/transformers");
+const searchIndex = import("../docs/searchIndex").then(
+  (module) => module.index
+);
+
 export default function App({ Component, pageProps }: AppProps) {
   const router = useRouter();
-  const searchIndex = useRef<Promise<{
-    index: Array<{
-      embedding: Array<number>;
-      filename: string;
-      heading: string;
-      headingDepth: number;
-    }>;
-  }> | null>(null);
   const [pathname, setPathname] = useState(router.pathname);
   const [showList, setShowList] = useState(false);
   const [query, setQuery] = useState("");
@@ -152,17 +149,12 @@ export default function App({ Component, pageProps }: AppProps) {
     let state = { cancel: false };
 
     async function run() {
-      if (searchIndex.current == null) {
-        searchIndex.current = fetch("index.json").then((data) => data.json());
-      }
-      if (state.cancel) {
-        return;
-      }
-      const data = await searchIndex.current;
+      const data = await searchIndex;
+
       if (state.cancel) {
         return;
       }
-      const { pipeline } = await import("@xenova/transformers");
+      const { pipeline } = await transformers;
       if (state.cancel) {
         return;
       }