periplo-ui 1.7.0 → 1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,7 +2,7 @@ import * as AvatarPrimitive from '@radix-ui/react-avatar';
2
2
  import { type VariantProps } from 'class-variance-authority';
3
3
  import React from 'react';
4
4
  declare const avatarVariants: (props?: ({
5
- size?: "sm" | "lg" | "md" | null | undefined;
5
+ size?: "sm" | "md" | "lg" | null | undefined;
6
6
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
7
  export interface AvatarProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof avatarVariants> {
8
8
  }
@@ -1,12 +1,13 @@
1
1
  import { type VariantProps } from 'class-variance-authority';
2
- import React from 'react';
2
+ import React, { ReactNode } from 'react';
3
3
  declare const buttonVariants: (props?: ({
4
4
  intent?: "neutral" | "primary" | "accent" | "success" | "warning" | "error" | "link" | null | undefined;
5
5
  variant?: "filled" | "outlined" | "text" | "elevated" | "tonal" | null | undefined;
6
- size?: "default" | "sm" | "lg" | "icon" | null | undefined;
6
+ size?: "sm" | "md" | "lg" | "icon" | null | undefined;
7
7
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
8
8
  export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
9
- asChild?: boolean;
9
+ endContent?: ReactNode;
10
+ startContent?: ReactNode;
10
11
  }
11
12
  declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
12
13
  export { Button, buttonVariants };
@@ -0,0 +1,19 @@
1
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
2
+ import * as React from 'react';
3
+ declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
4
+ declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
5
+ declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
6
+ declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
7
+ declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
8
+ declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
9
+ declare const DialogHeader: {
10
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
11
+ displayName: string;
12
+ };
13
+ declare const DialogFooter: {
14
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
15
+ displayName: string;
16
+ };
17
+ declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
18
+ declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
19
+ export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
@@ -0,0 +1,21 @@
1
+ /// <reference types="react" />
2
+ import type { StoryObj } from '@storybook/react';
3
+ /**
4
+ * A window overlaid on either the primary window or another dialog window,
5
+ * rendering the content underneath inert.
6
+ */
7
+ declare const meta: {
8
+ component: import("react").FC<import("@radix-ui/react-dialog").DialogProps>;
9
+ tags: string[];
10
+ argTypes: {};
11
+ render: (args: import("@radix-ui/react-dialog").DialogProps) => import("react/jsx-runtime").JSX.Element;
12
+ parameters: {
13
+ layout: string;
14
+ };
15
+ };
16
+ export default meta;
17
+ type Story = StoryObj<typeof meta>;
18
+ /**
19
+ * The default form of the dialog.
20
+ */
21
+ export declare const Default: Story;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export * from './Dialog';
@@ -2,7 +2,7 @@ import { type VariantProps } from 'class-variance-authority';
2
2
  import React from 'react';
3
3
  declare const typographyVariants: (props?: ({
4
4
  variant?: "display-large" | "display-medium" | "display-small" | "headline-large" | "headline-medium" | "headline-small" | "title-large" | "title-medium" | "title-small" | "label-large" | "label-medium" | "label-small" | "body-large" | "body-medium" | "body-small" | null | undefined;
5
- fontWeight?: "default" | "bold" | "light" | "normal" | "medium" | "semiBold" | "extraBold" | null | undefined;
5
+ fontWeight?: "bold" | "default" | "light" | "normal" | "medium" | "semiBold" | "extraBold" | null | undefined;
6
6
  colors?: "neutral" | "primary" | "accent" | "success" | "warning" | "error" | null | undefined;
7
7
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
8
8
  export interface TypographyProps extends React.BaseHTMLAttributes<HTMLParagraphElement>, VariantProps<typeof typographyVariants> {
package/dist/index.d.ts CHANGED
@@ -4,4 +4,5 @@ export { Card, CardMedia, CardContent, type CardMediaProps } from './components/
4
4
  export { Avatar, AvatarFallback, AvatarImage, type AvatarProps } from './components/Avatar';
5
5
  export { Badge, type BadgeProps } from './components/Badge';
6
6
  export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type CarouselProps, } from './components/Carousel';
7
+ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from './components/Dialog';
7
8
  export * from './lib/plugin';