aidos-ui 3.0.2 → 3.0.4

package/dist/BaseListItem.js

@@ -7,10 +7,11 @@ import { TextPairing } from "./TextPairing";
 import { BaseView } from "./BaseView";
 import { useListContext } from "./List";
 export const BaseListItem = React.forwardRef(({ children, jsStyle, withDivider = true, headline, headlineSize = "medium", headlineColor = "primary", headlineAddOn, body, bodySize = "small", bodyColor = "secondary", addOn, addOnPosition, outerAddOn, disabled = false, padding = "medium", gap = "medium", selected, headlineBold, ...otherProps }, ref) => {
-    const { bare } = useListContext();
+    const { bare, carded } = useListContext();
     const content = (_jsx(TextPairing, { headlineBold: headlineBold, padding: padding, gap: gap, addOn: addOn, addOnPosition: addOnPosition, headline: headline, headlineSize: headlineSize, headlineColor: disabled ? "subtle" : bare && selected ? "highlight" : headlineColor, headlineAddOn: headlineAddOn, body: body, bodySize: bodySize, bodyColor: disabled ? "subtle" : bodyColor, grow: true, shrink: false }));
     return (_jsxs(_Fragment, { children: [_jsxs(Row, { ...otherProps, ref: ref, relative: true, tag: "li", role: "row", jsStyle: [
-                    !bare && {
+                    !bare &&
+                        carded && {
                         [":first-child *"]: {
                             borderTopLeftRadius: cssVar("--border-radius-l"),
                             borderTopRightRadius: cssVar("--border-radius-l"),

package/dist/BaseListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseListItem.js","sourceRoot":"","sources":["../src/BaseListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAC;AACtC,OAAO,EAA+C,MAAM,EAAE,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAwBxC,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,CACE,EACE,QAAQ,EACR,OAAO,EACP,WAAW,GAAG,IAAI,EAClB,QAAQ,EACR,YAAY,GAAG,QAAQ,EACvB,aAAa,GAAG,SAAS,EACzB,aAAa,EACb,IAAI,EACJ,QAAQ,GAAG,OAAO,EAClB,SAAS,GAAG,WAAW,EACvB,KAAK,EACL,aAAa,EACb,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,QAAQ,EAClB,GAAG,GAAG,QAAQ,EACd,QAAQ,EACR,YAAY,EACZ,GAAG,UAAU,EACK,EACpB,GAA4B,EAC5B,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAC;IAElC,MAAM,OAAO,GAAG,CACd,KAAC,WAAW,IACV,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,aAAa,EACX,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,EAEtE,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC1C,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,KAAK,GACb,CACH,CAAC;IAEF,OAAO,CACL,8BACE,MAAC,GAAG,OACE,UAAU,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,QACR,GAAG,EAAC,IAAI,EACR,IAAI,EAAC,KAAK,EACV,OAAO,EAAE;oBACP,CAAC,IAAI,IAAI;wBACP,CAAC,gBAAgB,CAAC,EAAE;4BAClB,mBAAmB,EAAE,MAAM,CAAC,mBAAmB,CAAC;4BAChD,oBAAoB,EAAE,MAAM,CAAC,mBAAmB,CAAC;yBAClD;wBACD,CAAC,eAAe,CAAC,EAAE;4BACjB,sBAAsB,EAAE,MAAM,CAAC,mBAAmB,CAAC;4BACnD,uBAAuB,EAAE,MAAM,CAAC,mBAAmB,CAAC;yBACrD;qBACF;oBACD,OAAO;iBACR,aAED,KAAC,GAAG,IACF,IAAI,QACJ,IAAI,EAAC,UAAU,EACf,OAAO,EAAE;4BACP,QAAQ,EAAE,QAAQ;yBACnB,YAEA,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,GAClB,EACL,UAAU,IAAI,KAAC,QAAQ,IAAC,IAAI,EAAC,UAAU,YAAE,UAAU,GAAY,IAC5D,EACL,WAAW,IAAI,KAAC,WAAW,KAAG,IAC9B,CACJ,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"BaseListItem.js","sourceRoot":"","sources":["../src/BaseListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAC;AACtC,OAAO,EAA+C,MAAM,EAAE,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAwBxC,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,CACE,EACE,QAAQ,EACR,OAAO,EACP,WAAW,GAAG,IAAI,EAClB,QAAQ,EACR,YAAY,GAAG,QAAQ,EACvB,aAAa,GAAG,SAAS,EACzB,aAAa,EACb,IAAI,EACJ,QAAQ,GAAG,OAAO,EAClB,SAAS,GAAG,WAAW,EACvB,KAAK,EACL,aAAa,EACb,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,QAAQ,EAClB,GAAG,GAAG,QAAQ,EACd,QAAQ,EACR,YAAY,EACZ,GAAG,UAAU,EACK,EACpB,GAA4B,EAC5B,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAE1C,MAAM,OAAO,GAAG,CACd,KAAC,WAAW,IACV,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,aAAa,EACX,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,EAEtE,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC1C,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,KAAK,GACb,CACH,CAAC;IAEF,OAAO,CACL,8BACE,MAAC,GAAG,OACE,UAAU,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,QACR,GAAG,EAAC,IAAI,EACR,IAAI,EAAC,KAAK,EACV,OAAO,EAAE;oBACP,CAAC,IAAI;wBACH,MAAM,IAAI;wBACR,CAAC,gBAAgB,CAAC,EAAE;4BAClB,mBAAmB,EAAE,MAAM,CAAC,mBAAmB,CAAC;4BAChD,oBAAoB,EAAE,MAAM,CAAC,mBAAmB,CAAC;yBAClD;wBACD,CAAC,eAAe,CAAC,EAAE;4BACjB,sBAAsB,EAAE,MAAM,CAAC,mBAAmB,CAAC;4BACnD,uBAAuB,EAAE,MAAM,CAAC,mBAAmB,CAAC;yBACrD;qBACF;oBACH,OAAO;iBACR,aAED,KAAC,GAAG,IACF,IAAI,QACJ,IAAI,EAAC,UAAU,EACf,OAAO,EAAE;4BACP,QAAQ,EAAE,QAAQ;yBACnB,YAEA,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,GAClB,EACL,UAAU,IAAI,KAAC,QAAQ,IAAC,IAAI,EAAC,UAAU,YAAE,UAAU,GAAY,IAC5D,EACL,WAAW,IAAI,KAAC,WAAW,KAAG,IAC9B,CACJ,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/List.d.ts

@@ -10,5 +10,6 @@ interface ListProps extends BaseListProps {
 export declare function List({ ariaLabel, jsStyle, autofocus, navigation, bare, carded, ...otherProps }: ListProps): import("react/jsx-runtime").JSX.Element;
 export declare const useListContext: () => {
     bare: boolean;
+    carded: boolean;
 };
 export {};

package/dist/List.js

@@ -3,10 +3,10 @@ import React, { useContext, useMemo } from "react";
 import { BaseList } from "./BaseList";
 import { useNavigation } from "./useNavigation";
 import { cssVar } from "./jss";
-const ListContext = React.createContext({ bare: false });
+const ListContext = React.createContext({ bare: false, carded: true });
 export function List({ ariaLabel, jsStyle, autofocus = false, navigation = true, bare, carded = true, ...otherProps }) {
     const rootRef = useNavigation({ autofocus, enabled: navigation });
-    const contextValue = useMemo(() => ({ bare }), [bare]);
+    const contextValue = useMemo(() => ({ bare, carded }), [bare, carded]);
     return (_jsx(ListContext.Provider, { value: contextValue, children: _jsx(BaseList, { role: "grid", "aria-label": ariaLabel, ref: rootRef, jsStyle: [
                 { overflow: "hidden" },
                 !bare && {

package/dist/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../src/List.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;AAEzD,MAAM,UAAU,IAAI,CAAC,EACnB,SAAS,EACT,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,IAAI,EACjB,IAAI,EACJ,MAAM,GAAG,IAAI,EACb,GAAG,UAAU,EACH;IACV,MAAM,OAAO,GAAG,aAAa,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAC;IAClE,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEvD,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACvC,KAAC,QAAQ,IACP,IAAI,EAAC,MAAM,gBACC,SAAS,EACrB,GAAG,EAAE,OAAO,EACZ,OAAO,EAAE;gBACP,EAAE,QAAQ,EAAE,QAAQ,EAAE;gBACtB,CAAC,IAAI,IAAI;oBACP,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;iBAChD;gBACD,CAAC,IAAI;oBACH,CAAC,MAAM,IAAI;oBACT,YAAY,EAAE,aAAa,MAAM,CAAC,WAAW,CAAC,EAAE;oBAChD,SAAS,EAAE,aAAa,MAAM,CAAC,WAAW,CAAC,EAAE;iBAC9C;gBACH,CAAC,IAAI;oBACH,MAAM,IAAI;oBACR,MAAM,EAAE,aAAa,MAAM,CAAC,WAAW,CAAC,EAAE;oBAC1C,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;iBAC1C;gBACH,OAAO;aACR,KACG,UAAU,GACd,GACmB,CACxB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC"}
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../src/List.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;AAEvE,MAAM,UAAU,IAAI,CAAC,EACnB,SAAS,EACT,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,IAAI,EACjB,IAAI,EACJ,MAAM,GAAG,IAAI,EACb,GAAG,UAAU,EACH;IACV,MAAM,OAAO,GAAG,aAAa,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAC;IAClE,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAEvE,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACvC,KAAC,QAAQ,IACP,IAAI,EAAC,MAAM,gBACC,SAAS,EACrB,GAAG,EAAE,OAAO,EACZ,OAAO,EAAE;gBACP,EAAE,QAAQ,EAAE,QAAQ,EAAE;gBACtB,CAAC,IAAI,IAAI;oBACP,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;iBAChD;gBACD,CAAC,IAAI;oBACH,CAAC,MAAM,IAAI;oBACT,YAAY,EAAE,aAAa,MAAM,CAAC,WAAW,CAAC,EAAE;oBAChD,SAAS,EAAE,aAAa,MAAM,CAAC,WAAW,CAAC,EAAE;iBAC9C;gBACH,CAAC,IAAI;oBACH,MAAM,IAAI;oBACR,MAAM,EAAE,aAAa,MAAM,CAAC,WAAW,CAAC,EAAE;oBAC1C,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;iBAC1C;gBACH,OAAO;aACR,KACG,UAAU,GACd,GACmB,CACxB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC"}

package/dist/jss.js

@@ -276,7 +276,7 @@ export const lightTheme = {
 };
 export const darkTheme = {
     /* 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aidos-ui",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "description": "A simple UI framework",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/BaseListItem.tsx

@@ -55,7 +55,7 @@ export const BaseListItem = React.forwardRef(
     }: BaseListItemProps,
     ref?: React.Ref<HTMLElement>
   ) => {
-    const { bare } = useListContext();
+    const { bare, carded } = useListContext();
 
     const content = (
       <TextPairing
@@ -87,16 +87,17 @@ export const BaseListItem = React.forwardRef(
           tag="li"
           role="row"
           jsStyle={[
-            !bare && {
-              [":first-child *"]: {
-                borderTopLeftRadius: cssVar("--border-radius-l"),
-                borderTopRightRadius: cssVar("--border-radius-l"),
+            !bare &&
+              carded && {
+                [":first-child *"]: {
+                  borderTopLeftRadius: cssVar("--border-radius-l"),
+                  borderTopRightRadius: cssVar("--border-radius-l"),
+                },
+                [":last-child *"]: {
+                  borderBottomLeftRadius: cssVar("--border-radius-l"),
+                  borderBottomRightRadius: cssVar("--border-radius-l"),
+                },
               },
-              [":last-child *"]: {
-                borderBottomLeftRadius: cssVar("--border-radius-l"),
-                borderBottomRightRadius: cssVar("--border-radius-l"),
-              },
-            },
             jsStyle,
           ]}
         >

package/src/List.tsx

@@ -12,7 +12,7 @@ interface ListProps extends BaseListProps {
   carded?: boolean;
 }
 
-const ListContext = React.createContext({ bare: false });
+const ListContext = React.createContext({ bare: false, carded: true });
 
 export function List({
   ariaLabel,
@@ -24,7 +24,7 @@ export function List({
   ...otherProps
 }: ListProps) {
   const rootRef = useNavigation({ autofocus, enabled: navigation });
-  const contextValue = useMemo(() => ({ bare }), [bare]);
+  const contextValue = useMemo(() => ({ bare, carded }), [bare, carded]);
 
   return (
     <ListContext.Provider value={contextValue}>

package/src/docs/pages.ts

@@ -31,9 +31,13 @@ export const pages: Array<Page> = [
   },
   {
     type: "section",
-    label: "Primary components",
+    label: "Layout",
+    content: [{ type: "link", page: "FlexLayout" }],
+  },
+  {
+    type: "section",
+    label: "Text",
     content: [
-      { type: "link", page: "FlexLayout" },
       { type: "link", page: "Text" },
       { type: "link", page: "TextPairing" },
       { type: "link", page: "Icon" },
@@ -41,11 +45,12 @@ export const pages: Array<Page> = [
   },
   {
     type: "section",
-    label: "Buttons and links",
+    label: "Actions",
     content: [
       { type: "link", page: "Button" },
       { type: "link", page: "Link" },
       { type: "link", page: "IconButton" },
+      { type: "link", page: "Tabs" },
     ],
   },
   {
@@ -87,11 +92,8 @@ export const pages: Array<Page> = [
   },
   {
     type: "section",
-    label: "Complex components",
-    content: [
-      { type: "link", page: "Tabs" },
-      { type: "link", page: "Calendar" },
-    ],
+    label: "Time",
+    content: [{ type: "link", page: "Calendar" }],
   },
   {
     type: "section",

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/_app.tsx

@@ -289,7 +289,7 @@ export default function App({ Component, pageProps }: AppProps) {
                   aria-haspopup="grid"
                   aria-expanded={isQuerying ? "true" : "false"}
                   aria-controls=""
-                  placeholder="Search (⌘K)"
+                  placeholder="Semantic search (⌘K)"
                   value={query}
                   onValueChange={(value) => {
                     setQuery(value);