@solibo/solibo-ui 1.0.3 → 1.0.5

package/dist/index.d.ts

@@ -21,18 +21,20 @@ declare type AsideProps = {
     variant?: keyof typeof variants;
 };
 
-export declare const Avatar: ({ accessibleLabel, color, imageUrl, link, name, role, size, }: AvatarProps) => JSX.Element;
+export declare const Avatar: ({ accessibleLabel, color, icon, imageUrl, link, name, role, size, text, }: AvatarProps) => JSX.Element;
 
 export declare type AvatarColor = 'solibo' | 'board' | 'owner' | 'renter' | 'external' | '1' | '2' | '3' | '4' | '5';
 
 export declare type AvatarProps = {
     accessibleLabel?: string;
     color?: AvatarColor;
+    icon?: IconProps['name'];
     imageUrl?: string;
     link?: string;
     name?: string;
     role?: string;
     size?: AvatarSize;
+    text?: string;
 };
 
 export declare type AvatarSize = 'small' | 'medium' | 'large';
@@ -46,7 +48,7 @@ export declare type BadgeProps = {
     children?: React.ReactNode;
     icon?: IconName;
     position?: 'left' | 'right';
-    variant?: keyof typeof variants_2;
+    variant?: keyof typeof variants_3;
 };
 
 export declare const Banner: ({ button, message, onClick, onDismiss, visible }: BannerProps) => JSX.Element;
@@ -73,7 +75,7 @@ export declare const Branding: ({ name, size, variant }: BrandingProps) => JSX.E
 declare type BrandingProps = {
     name: keyof typeof brandingSVG;
     size?: number | string;
-    variant?: keyof typeof variants_3;
+    variant?: keyof typeof variants_4;
 };
 
 declare const brandingSVG: {
@@ -89,12 +91,18 @@ declare type ButtonProps = React.ComponentPropsWithRef<'button'> & {
     disabled?: boolean;
     icon?: IconName;
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    variant?: keyof typeof variants_4;
+    variant?: keyof typeof variants_5;
 };
 
-export declare const Card: ({ actions, badge, checkbox, children, emphasis, header, icon, image, imagePosition, onClick, variant, }: CardProps) => JSX.Element;
+export declare const Card: ({ actions, badge, checkbox, children, emphasis, header, icon, image, imagePosition, onClick, preview, variant, }: CardProps) => JSX.Element;
 
-declare type CardProps = DefaultCardProps | MinimalCardProps;
+export declare type CardPreviewProps = {
+    children: React.ReactNode;
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+};
+
+export declare type CardProps = DefaultCardProps | MinimalCardProps;
 
 export declare const Checkbox: ({ checked, disabled, isLoading, label, onChange, ...props }: CheckboxProps) => JSX.Element;
 
@@ -127,7 +135,7 @@ export declare const Controls: ({ children, className, variant, ...props }: Cont
 
 declare type ControlsProps = React.HTMLAttributes<HTMLDivElement> & {
     children?: React.ReactNode;
-    variant?: keyof typeof variants_5;
+    variant?: keyof typeof variants_6;
 };
 
 export declare const Croppable: ({ children, fill, height, image, label, onCroppableChange, onFileChange, onImageChange, onTransformChange, transform, standalone, }: CroppableProps) => JSX.Element;
@@ -159,6 +167,7 @@ declare type DefaultCardProps = BaseCardProps & {
     header?: React.ReactNode;
     image?: React.ReactNode;
     imagePosition?: 'top' | 'left';
+    preview?: CardPreviewProps;
     variant?: 'default';
 };
 
@@ -218,16 +227,18 @@ declare type DropzoneProps = {
     variant?: 'default' | 'minimal';
 };
 
-export declare const Editor: ({ autofocus, autolink, content, disabled, fill, files, inline, maxRows, minRows, onChange, onFilesChange, onSubmit, onUpload, placeholder, submitLabel, }: EditorProps) => JSX.Element;
+export declare const Editor: ({ autofocus, autolink, content, disabled, errorMessage, fill, files, inline, invalid, maxRows, minRows, onChange, onFilesChange, onSubmit, onUpload, placeholder, required, submitLabel, }: EditorProps) => JSX.Element;
 
 export declare type EditorProps = {
     autofocus?: boolean;
     autolink?: boolean;
     content?: string;
     disabled?: boolean;
+    errorMessage?: string;
     fill?: boolean;
     files?: readonly File[];
     inline?: boolean;
+    invalid?: boolean;
     maxRows?: number;
     minRows?: number;
     onChange?: (html: string) => void;
@@ -235,6 +246,7 @@ export declare type EditorProps = {
     onSubmit?: () => Promise<void> | void;
     onUpload?: (files: FileList) => Promise<void> | void;
     placeholder?: string;
+    required?: boolean;
     submitLabel?: string;
 };
 
@@ -313,7 +325,7 @@ export declare const Header: ({ capitalize, children, variant }: HeaderProps) =>
 declare type HeaderProps = {
     capitalize?: boolean;
     children: React.ReactNode;
-    variant?: keyof typeof variants_6;
+    variant?: keyof typeof variants_7;
 };
 
 export declare const Icon: ({ fill, gap, name, size, variant }: IconProps) => JSX.Element;
@@ -419,7 +431,11 @@ declare const iconPaths: {
     };
     menu: string;
     mobile: string;
-    pencil: string;
+    paperclip: string;
+    pencil: {
+        filled: string;
+        outline: string;
+    };
     people: string;
     phone: string;
     plane: {
@@ -463,7 +479,7 @@ export declare type IconProps = {
     gap?: 'left' | 'none' | 'right';
     name: IconName;
     size?: keyof typeof sizes;
-    variant?: keyof typeof variants_7;
+    variant?: keyof typeof variants_2;
 };
 
 export declare const Iframe: ({ accessibleLabel, autoResize, className, closeFullscreenLabel, fullscreenLabel, hasFullscreenView, loading, onLoad, referrerPolicy, sandbox, srcDoc, style, ...props }: IframeProps) => JSX.Element;
@@ -524,7 +540,7 @@ declare type LoadingProps = {
     variant?: 'default' | 'ping';
 };
 
-export declare const Menu: ({ items, menuAccessibleLabel, onItemSelect, position, triggerAccessibleLabel, }: MenuProps) => JSX.Element;
+export declare const Menu: ({ inline, items, menuAccessibleLabel, onItemSelect, position, triggerAccessibleLabel, }: MenuProps) => JSX.Element;
 
 declare type MenuItem = {
     accessibleLabel?: string;
@@ -538,14 +554,15 @@ declare type MenuItem = {
 };
 
 declare type MenuProps = {
+    inline?: boolean;
     items: MenuItem[];
     menuAccessibleLabel?: string;
     onItemSelect?: (item: MenuItem) => void;
-    position?: 'left' | 'right';
+    position?: 'auto' | 'left' | 'right';
     triggerAccessibleLabel?: string;
 };
 
-export declare const Message: ({ appearance, attachments, author, authorColor, authorImageUrl, authorRole, content, iconName, id, preview, timestamp, type, }: MessageOptions) => JSX.Element;
+export declare const Message: ({ appearance, attachments, author, authorColor, authorImageUrl, authorRole, content, iconName, id, preview, timestamp, timestampText, type, }: MessageOptions) => JSX.Element;
 
 declare type MessageItem = MessageOptions;
 
@@ -561,6 +578,7 @@ export declare type MessageOptions = {
     id: string;
     preview?: boolean;
     timestamp?: Date | string;
+    timestampText?: React.ReactNode;
     type?: 'default' | 'minimal' | 'system' | 'user';
 };
 
@@ -586,6 +604,7 @@ declare type MinimalCardProps = BaseCardProps & {
     header: React.ReactNode;
     image?: never;
     imagePosition?: never;
+    preview?: never;
     variant: 'minimal';
 };
 
@@ -598,7 +617,11 @@ declare type NativeSelectProps = Omit<default_2.ComponentPropsWithoutRef<'select
 
 export declare const Nav: ({ animation, children, className, horizontal, variant, ...props }: NavProps) => JSX.Element;
 
-declare type NavProps = React.HTMLAttributes<HTMLElement> & {
+export declare const NavLabel: ({ className, ...props }: NavLabelProps) => JSX.Element;
+
+export declare type NavLabelProps = React.HTMLAttributes<HTMLSpanElement>;
+
+export declare type NavProps = React.HTMLAttributes<HTMLElement> & {
     animation?: string;
     children?: React.ReactNode;
     className?: string;
@@ -614,7 +637,7 @@ declare type ObjectProps = Omit<ComponentPropsWithoutRef<'object'>, 'data' | 'ty
     url: string;
 };
 
-export declare const Popover: ({ children, position, triggerAccessibleLabel, triggerAriaHasPopup, triggerButtonContent, }: PopoverProps) => JSX.Element;
+export declare const Popover: ({ children, inline, position, triggerAccessibleLabel, triggerAriaHasPopup, triggerButtonContent, }: PopoverProps) => JSX.Element;
 
 declare type PopoverCloseOptions = {
     restoreFocus?: boolean;
@@ -624,7 +647,8 @@ declare type PopoverInitialFocus = 'first' | 'last';
 
 declare type PopoverProps = {
     children: ReactNode | ((props: PopoverRenderProps) => ReactNode);
-    position?: 'left' | 'right';
+    inline?: boolean;
+    position?: 'auto' | 'left' | 'right';
     triggerAccessibleLabel?: string;
     triggerAriaHasPopup?: AriaAttributes['aria-haspopup'];
     triggerButtonContent: ReactNode;
@@ -775,6 +799,10 @@ declare const variants: {
 };
 
 declare const variants_2: {
+    danger: string;
+};
+
+declare const variants_3: {
     default: string;
     highlight: string;
     info: string;
@@ -783,33 +811,29 @@ declare const variants_2: {
     warning: string;
 };
 
-declare const variants_3: {
+declare const variants_4: {
     default: string;
     white: string;
 };
 
-declare const variants_4: {
+declare const variants_5: {
     danger: string;
     primary: string;
     secondary: string;
     tertiary: string;
 };
 
-declare const variants_5: {
+declare const variants_6: {
     default: string;
     fixed: string;
     inline: string;
 };
 
-declare const variants_6: {
+declare const variants_7: {
     default: string;
     jumbo: string;
 };
 
-declare const variants_7: {
-    danger: string;
-};
-
 declare const variants_8: {
     default: string;
     pills: string;

package/dist/index.js

@@ -2,21 +2,21 @@ import { AppLink as e } from "./components/app-link/index.js";
 import { Aside as p } from "./components/aside/index.js";
 import { Avatar as x } from "./components/avatar/index.js";
 import { Badge as a } from "./components/badge/index.js";
-import { Banner as l } from "./components/banner/index.js";
+import { Banner as i } from "./components/banner/index.js";
 import { Branding as n } from "./components/branding/index.js";
 import { Button as d } from "./components/button/index.js";
 import { Card as T } from "./components/card/index.js";
 import { Checkbox as c } from "./components/checkbox/index.js";
 import { Chip as F } from "./components/chip/index.js";
-import { Collapsible as S } from "./components/collapsible/index.js";
-import { Controls as B } from "./components/controls/index.js";
-import { Croppable as k } from "./components/croppable/index.js";
+import { Collapsible as L } from "./components/collapsible/index.js";
+import { Controls as h } from "./components/controls/index.js";
+import { Croppable as B } from "./components/croppable/index.js";
 import { Dialog as A } from "./components/dialog/index.js";
 import { Dropdown as M } from "./components/dropdown/index.js";
 import { Dropzone as G } from "./components/dropzone/index.js";
-import { Editor as j } from "./components/editor/index.js";
-import { EmptyState as y } from "./components/empty-state/index.js";
-import { Fieldset as H } from "./components/fieldset/index.js";
+import { Editor as P } from "./components/editor/index.js";
+import { EmptyState as w } from "./components/empty-state/index.js";
+import { Fieldset as z } from "./components/fieldset/index.js";
 import { Figure as O } from "./components/figure/index.js";
 import { File as q } from "./components/file/index.js";
 import { Footer as K } from "./components/footer/index.js";
@@ -27,48 +27,48 @@ import { Header as _ } from "./components/header/index.js";
 import { Icon as oo } from "./components/icon/index.js";
 import { Iframe as eo } from "./components/iframe/index.js";
 import { Image as po } from "./components/image/index.js";
-import { I as xo } from "./index-DFXqYJat.js";
+import { I as xo } from "./index-BrGCs_7h.js";
 import { Link as ao } from "./components/link/index.js";
-import { List as lo } from "./components/list/index.js";
+import { List as io } from "./components/list/index.js";
 import { Loading as no } from "./components/loading/index.js";
 import { Menu as bo } from "./components/menu/index.js";
 import { Message as Co } from "./components/message/index.js";
 import { Messages as uo } from "./components/messages/index.js";
-import { Nav as Io } from "./components/nav/index.js";
+import { Nav as Io, NavLabel as Lo } from "./components/nav/index.js";
 import { Object as ho } from "./components/object/index.js";
-import { Popover as Lo } from "./components/popover/index.js";
-import { Portal as vo } from "./components/portal/index.js";
-import { Search as Do } from "./components/search/index.js";
-import { S as Eo } from "./index-B9xtLe2w.js";
+import { Popover as Bo } from "./components/popover/index.js";
+import { Portal as Ao } from "./components/portal/index.js";
+import { Search as Mo } from "./components/search/index.js";
+import { S as Go } from "./index-CRAuAHow.js";
 import { Sortable as Po } from "./components/sortable/index.js";
 import { Table as wo } from "./components/table/index.js";
 import { Textarea as zo } from "./components/textarea/index.js";
-import { Toast as No } from "./components/toast/index.js";
-import { Toasts as Wo } from "./components/toasts/index.js";
-import { Toggle as Jo } from "./components/toggle/index.js";
-import { Toolbar as Qo } from "./components/toolbar/index.js";
-import { Tooltip as Uo } from "./components/tooltip/index.js";
-import { Widget as Xo } from "./components/widget/index.js";
+import { Toast as Oo } from "./components/toast/index.js";
+import { Toasts as qo } from "./components/toasts/index.js";
+import { Toggle as Ko } from "./components/toggle/index.js";
+import { Toolbar as Ro } from "./components/toolbar/index.js";
+import { Tooltip as Vo } from "./components/tooltip/index.js";
+import { Widget as Yo } from "./components/widget/index.js";
 import './assets/index.css';export {
   e as AppLink,
   p as Aside,
   x as Avatar,
   a as Badge,
-  l as Banner,
+  i as Banner,
   n as Branding,
   d as Button,
   T as Card,
   c as Checkbox,
   F as Chip,
-  S as Collapsible,
-  B as Controls,
-  k as Croppable,
+  L as Collapsible,
+  h as Controls,
+  B as Croppable,
   A as Dialog,
   M as Dropdown,
   G as Dropzone,
-  j as Editor,
-  y as EmptyState,
-  H as Fieldset,
+  P as Editor,
+  w as EmptyState,
+  z as Fieldset,
   O as Figure,
   q as File,
   K as Footer,
@@ -81,25 +81,26 @@ import './assets/index.css';export {
   po as Image,
   xo as Input,
   ao as Link,
-  lo as List,
+  io as List,
   no as Loading,
   bo as Menu,
   Co as Message,
   uo as Messages,
   Io as Nav,
+  Lo as NavLabel,
   ho as Object,
-  Lo as Popover,
-  vo as Portal,
-  Do as Search,
-  Eo as Select,
+  Bo as Popover,
+  Ao as Portal,
+  Mo as Search,
+  Go as Select,
   Po as Sortable,
   wo as Table,
   zo as Textarea,
-  No as Toast,
-  Wo as Toasts,
-  Jo as Toggle,
-  Qo as Toolbar,
-  Uo as Tooltip,
-  Xo as Widget
+  Oo as Toast,
+  qo as Toasts,
+  Ko as Toggle,
+  Ro as Toolbar,
+  Vo as Tooltip,
+  Yo as Widget
 };
 //# sourceMappingURL=index.js.map

package/dist/tokens.json

@@ -358,7 +358,7 @@
     },
     "com.solibo": {
       "packageName": "@solibo/solibo-ui",
-      "packageVersion": "1.0.3"
+      "packageVersion": "1.0.5"
     }
   },
   "$name": "Solibo UI Tokens",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solibo/solibo-ui",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "type": "module",
   "scripts": {
     "dev": "pnpm run tokens:build && vite build --watch",