@ivao/atmosphere-react 0.0.1-next.0 → 0.1.0-next.1

package/dist/react-components.d.ts

@@ -50,7 +50,6 @@ import { Sub as DropdownMenuSub } from '@radix-ui/react-dropdown-menu';
 import { DropdownMenuSubContentProps } from '@radix-ui/react-dropdown-menu';
 import { DropdownMenuSubTriggerProps } from '@radix-ui/react-dropdown-menu';
 import { Trigger as DropdownMenuTrigger } from '@radix-ui/react-dropdown-menu';
-import { FC } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { FunctionComponent } from 'react';
 import { HoverCardContentProps } from '@radix-ui/react-hover-card';
@@ -183,7 +182,7 @@ export declare const AlertDialogOverlay: ForwardRefExoticComponent<Omit<AlertDia
 
 export { AlertDialogPortal }
 
-declare interface AlertDialogProps extends Pick<ComponentProps<typeof AlertDialogRoot>, 'defaultOpen' | 'open' | 'onOpenChange'> {
+declare interface AlertDialogProps extends Pick<ComponentProps<typeof AlertDialogRoot>, 'defaultOpen' | 'open' | 'onOpenChange' | 'children'> {
     title: string;
     description?: string;
     triggerText: string;
@@ -246,6 +245,8 @@ export declare const BlockQuote: ForwardRefExoticComponent<QuoteHTMLAttributes<H
 export declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>;
 
 export declare interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    isLoading?: boolean;
 }
 
 declare const buttonVariants: (props?: ({
@@ -294,14 +295,14 @@ export declare interface CarouselProps extends Omit<CarouselRootProps, 'children
     })[];
 }
 
-export declare const CarouselRoot: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & CarouselRootProps & RefAttributes<HTMLDivElement>>;
+export declare const CarouselRoot: ForwardRefExoticComponent<CarouselRootProps & RefAttributes<HTMLDivElement>>;
 
-declare type CarouselRootProps = {
+declare interface CarouselRootProps extends HTMLAttributes<HTMLDivElement> {
     opts?: CarouselOptions;
     plugins?: CarouselPlugin;
     orientation?: 'horizontal' | 'vertical';
     setApi?: (api: CarouselApi) => void;
-};
+}
 
 export declare const Checkbox: ForwardRefExoticComponent<Omit<Omit<CheckboxProps & RefAttributes<HTMLButtonElement>, "ref"> & RefAttributes<HTMLButtonElement>, "ref"> & RefAttributes<HTMLButtonElement>>;
 
@@ -473,7 +474,7 @@ export declare const CommandShortcut: {
 
 export declare const DarkModeToggle: ComponentType<DarkModeToggleProps>;
 
-declare type DarkModeToggleProps = ComponentProps<typeof IconButton>;
+declare type DarkModeToggleProps = Omit<ComponentProps<typeof IconButton>, 'onClick' | 'Icon'> & Pick<ComponentPropsWithoutRef<typeof Tooltip>, 'side' | 'sideOffset' | 'align' | 'alignOffset'>;
 
 export declare const DataTable: {
     <TData>({ displayPagination, isClientSideData, displayViewOptions, ToolbarContent, ...props }: DataTableProps<TData>): JSX_2.Element;
@@ -536,7 +537,7 @@ export declare type DatePickerProps = CalendarProps & {
 export { DateRange }
 
 export declare const Dialog: {
-    ({ trigger, title, description, children, topRighCloseButton, footer, ...props }: DialogProps): JSX_2.Element;
+    ({ trigger, title, description, children, topRightCloseButton, footer, ...props }: DialogProps): JSX_2.Element;
     displayName: string;
 };
 
@@ -560,7 +561,7 @@ export declare interface DialogProps extends ComponentPropsWithoutRef<typeof Roo
     trigger?: ReactNode;
     title: string;
     description?: string;
-    topRighCloseButton?: boolean;
+    topRightCloseButton?: boolean;
     footer?: ReactNode;
 }
 
@@ -652,11 +653,11 @@ export declare const H3: ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingEle
 
 export declare const H4: ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & RefAttributes<HTMLHeadingElement>>;
 
-export declare const HoverCard: ({ trigger, triggerAsChild, children, ...props }: HoverCardProps) => JSX_2.Element;
+export declare const HoverCard: ({ trigger, triggerAsChild, children, side, sideOffset, align, alignOffset, ...props }: HoverCardProps) => JSX_2.Element;
 
 export declare const HoverCardContent: ForwardRefExoticComponent<Omit<HoverCardContentProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare interface HoverCardProps extends ComponentProps<typeof HoverCardRoot> {
+export declare interface HoverCardProps extends ComponentProps<typeof HoverCardRoot>, Pick<ComponentProps<typeof HoverCardContent>, 'side' | 'sideOffset' | 'align' | 'alignOffset'> {
     trigger: ReactNode;
     triggerAsChild?: boolean;
 }
@@ -669,6 +670,7 @@ export declare const IconButton: ForwardRefExoticComponent<Omit<IconButtonProps,
 
 declare interface IconButtonProps extends ComponentProps<typeof Button> {
     children: ReactNode;
+    buttonVariant?: ButtonProps['variant'];
 }
 
 export declare const InlineCode: ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & VariantProps<(props?: ({
@@ -686,11 +688,11 @@ declare interface ISidebarContext {
 }
 
 export declare const IVAOLogo: {
-    ({ color, size }: LogoProps): JSX_2.Element;
+    ({ color, size, onlyIcon }: LogoProps): JSX_2.Element;
     displayName: string;
 };
 
-declare const IVAOlogoVariants: (props?: ({
+declare const IVAOLogoVariants: (props?: ({
     color?: "white" | "atmos" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & ClassProp) | undefined) => string;
@@ -701,7 +703,9 @@ export declare const Large: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElem
 
 export declare const Lead: ForwardRefExoticComponent<ParamHTMLAttributes<HTMLParagraphElement> & RefAttributes<HTMLParagraphElement>>;
 
-declare type LogoProps = VariantProps<typeof IVAOlogoVariants>;
+declare type LogoProps = VariantProps<typeof IVAOLogoVariants> & {
+    onlyIcon?: boolean;
+};
 
 export declare const Navbar: ComponentType<PropsWithChildren<NavbarProps>>;
 
@@ -785,7 +789,8 @@ export declare const PaginationLink: {
 
 export declare type PaginationLinkProps = {
     isActive?: boolean;
-} & ButtonProps;
+    size?: ButtonProps['size'];
+} & Omit<ButtonProps, 'variant' | 'size' | 'aria-current'>;
 
 export declare const PaginationNext: {
     ({ className, ...props }: ComponentProps<typeof PaginationLink>): JSX_2.Element;
@@ -820,7 +825,7 @@ export declare const PaginationRoot: {
     displayName: string;
 };
 
-export declare const Popover: FC<PopoverProps>;
+export declare const Popover: ComponentType<PopoverProps>;
 
 export { PopoverAnchor }
 
@@ -828,10 +833,10 @@ export declare const PopoverContent: ForwardRefExoticComponent<Omit<PopoverConte
 
 export { PopoverPortal }
 
-export declare interface PopoverProps {
+export declare type PopoverProps = {
     trigger: ReactNode;
     children: ReactNode;
-}
+} & Omit<ComponentPropsWithoutRef<typeof PopoverRoot>, 'children'> & Pick<ComponentPropsWithoutRef<typeof PopoverContent>, 'side' | 'sideOffset' | 'align' | 'alignOffset'>;
 
 export { PopoverRoot }
 
@@ -907,7 +912,7 @@ export declare const SelectLabel: ForwardRefExoticComponent<Omit<SelectLabelProp
 
 export { SelectPortal }
 
-declare interface SelectProps extends Omit<ComponentProps<typeof SelectRoot>, 'children'>, Pick<ComponentProps<typeof SelectValue>, 'placeholder' | 'className'>, Omit<SelectContentProps, 'dir' | 'defaultValue'> {
+declare interface SelectProps extends Omit<ComponentProps<typeof SelectRoot>, 'children'>, Pick<ComponentProps<typeof SelectValue>, 'placeholder' | 'className'>, Omit<SelectContentProps, 'dir' | 'defaultValue' | 'children'> {
     items: SelectItemProps_2[] | {
         [key: string]: SelectItemProps_2[];
     };
@@ -1164,7 +1169,7 @@ export declare const Tooltip: ComponentType<TooltipProps>;
 
 export declare const TooltipContent: ForwardRefExoticComponent<Omit<TooltipContentProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare interface TooltipProps extends Omit<ComponentPropsWithoutRef<typeof TooltipRoot>, 'children'> {
+export declare interface TooltipProps extends Omit<ComponentPropsWithoutRef<typeof TooltipRoot>, 'children'>, Pick<ComponentPropsWithoutRef<typeof TooltipContent>, 'side' | 'sideOffset' | 'align' | 'alignOffset'> {
     children: ReactNode;
     content: ReactNode;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ivao/atmosphere-react",
   "description": "React component library for the IVAO Atmosphere design system.",
-  "version": "0.0.1-next.0",
+  "version": "0.1.0-next.1",
   "type": "module",
   "main": "./dist/atmosphere-react.js",
   "types": "./dist/react-components.d.ts",
@@ -54,6 +54,7 @@
     "@radix-ui/react-select": "2.1.6",
     "@radix-ui/react-separator": "1.1.2",
     "@radix-ui/react-slider": "1.2.3",
+    "@radix-ui/react-slot": "^1.1.2",
     "@radix-ui/react-switch": "1.1.3",
     "@radix-ui/react-tabs": "1.1.3",
     "@radix-ui/react-toast": "1.2.6",
@@ -70,16 +71,16 @@
     "react-day-picker": "8.10.1",
     "tailwind-merge": "2.6.0",
     "tailwindcss-animate": "1.0.7",
-    "@ivao/atmosphere-brand": "0.0.1-next.0"
+    "@ivao/atmosphere-brand": "0.1.0-next.1"
   },
   "devDependencies": {
     "@ianvs/prettier-plugin-sort-imports": "4.4.1",
     "@ivao/eslint-config": "1.1.1",
     "@ivao/prettier-config": "1.1.0",
+    "@storybook/addon-actions": "8.6.7",
     "@storybook/addon-essentials": "8.6.7",
     "@storybook/addon-interactions": "8.6.7",
     "@storybook/addon-links": "8.6.7",
-    "@storybook/addon-mdx-gfm": "8.6.7",
     "@storybook/addon-themes": "8.6.7",
     "@storybook/blocks": "8.6.7",
     "@storybook/builder-vite": "8.6.7",

package/src/styles/colors.css

@@ -25,7 +25,7 @@
     --ocean-900: 16 23 47; /* #10172F */
     --ocean: 60 85 172; /* #3C55AC */
     --fuselage-50: 249 250 255; /* #f9faff */
-    --fuselage-100: 238 239 252; /* #eeeffc */
+    --fuselage-100: 238 239 245; /* #EEEFF5 */
     --fuselage-150: 224 225 236; /* #e0e1ec */
     --fuselage-200: 210 211 224; /* #d2d3e0 */
     --fuselage-250: 186 187 204; /* #babbcc */