rechtspilot-ui 0.0.1

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.
package/README.md ADDED
@@ -0,0 +1,9 @@
1
+ # Rechstpilot UI Library
2
+
3
+ ### Install dependencies
4
+
5
+ `pnpm install`
6
+
7
+ ### Run locally
8
+
9
+ `pnpm run storybook`
@@ -0,0 +1,9 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import { buttonVariants } from './buttonVariants';
3
+ import * as React from 'react';
4
+ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
5
+ label: string;
6
+ fullWidth?: boolean;
7
+ asChild?: boolean;
8
+ }
9
+ export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,7 @@
1
+ export declare const buttonVariantsStyle: {
2
+ default: string;
3
+ };
4
+ export declare const buttonVariants: (props?: ({
5
+ variant?: "default" | null | undefined;
6
+ fullWidth?: boolean | null | undefined;
7
+ } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
@@ -0,0 +1,9 @@
1
+ import { InputProps } from './Input';
2
+ export type ChatProps = {
3
+ title: string;
4
+ disclaimer: string;
5
+ onClose: () => void;
6
+ input: InputProps;
7
+ children: React.ReactNode;
8
+ };
9
+ export default function Chat({ title, disclaimer, onClose, input, children }: ChatProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ export type InputProps = {
2
+ value: string;
3
+ onChange?: (value: string) => void;
4
+ onSend: (value: string) => void;
5
+ };
6
+ export default function ChatInput({ value, onChange, onSend }: InputProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { default as React } from 'react';
2
+ export type MessageProps = {
3
+ typing?: boolean;
4
+ text?: string;
5
+ children?: React.ReactNode;
6
+ };
7
+ export default function Message({ typing, text, children }: MessageProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ export type OptionButtonProps = {
2
+ label: string;
3
+ onClick: () => void;
4
+ };
5
+ export default function OptionButton({ label, onClick }: OptionButtonProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ export type ReplyBadgeProps = {
2
+ text: string;
3
+ editable?: boolean;
4
+ onClick: () => void;
5
+ };
6
+ export default function ReplyBadge({ text, editable, onClick }: ReplyBadgeProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,3 @@
1
+ import { IconProps } from '../lib/types';
2
+ declare const Attach: ({ color, size }: IconProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default Attach;
@@ -0,0 +1,3 @@
1
+ import { IconProps } from '../lib/types';
2
+ declare const Close: ({ color, size }: IconProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default Close;
@@ -0,0 +1,3 @@
1
+ import { IconProps } from '../lib/types';
2
+ declare const Data: ({ color, size }: IconProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default Data;
@@ -0,0 +1,3 @@
1
+ import { IconProps } from '../lib/types';
2
+ declare const Edit: ({ color }: IconProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default Edit;
@@ -0,0 +1,3 @@
1
+ import { IconProps } from '../lib/types';
2
+ declare const Enter: ({ color, size }: IconProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default Enter;
@@ -0,0 +1,3 @@
1
+ import { PilotIconProps } from '../lib/types';
2
+ declare const Pilot: ({ color, size }: PilotIconProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default Pilot;
@@ -0,0 +1,5 @@
1
+ export { Button } from './components/Button/Button';
2
+ export { default as Chat } from './components/Chat/Chat';
3
+ export { default as Message } from './components/Message/Message';
4
+ export { default as OptionButton } from './components/OptionButton/OptionButton';
5
+ export { default as ReplyBadge } from './components/ReplyBadge/ReplyBadge';
@@ -0,0 +1,66 @@
1
+ export declare const colors: {
2
+ primary: {
3
+ 25: string;
4
+ 50: string;
5
+ 100: string;
6
+ 200: string;
7
+ 300: string;
8
+ 400: string;
9
+ 500: string;
10
+ 600: string;
11
+ 700: string;
12
+ 800: string;
13
+ 900: string;
14
+ 950: string;
15
+ };
16
+ fg: {
17
+ primary: string;
18
+ secondary: string;
19
+ tertiary: string;
20
+ accent: {
21
+ action: string;
22
+ error: string;
23
+ };
24
+ };
25
+ bg: {
26
+ primary: string;
27
+ secondary: string;
28
+ elevated: string;
29
+ };
30
+ sf: {
31
+ primary: string;
32
+ secondary: string;
33
+ tertiary: string;
34
+ tertiaryHover: string;
35
+ light: {
36
+ action: string;
37
+ error: string;
38
+ };
39
+ };
40
+ border: {
41
+ default: string;
42
+ action: string;
43
+ error: string;
44
+ };
45
+ };
46
+ export declare const typography: {
47
+ title: {
48
+ fontFamily: string;
49
+ fontWeight: number;
50
+ letterSpacing: string;
51
+ };
52
+ label: {
53
+ fontFamily: string;
54
+ fontWeight: number;
55
+ };
56
+ body: {
57
+ fontFamily: string;
58
+ fontWeight: number;
59
+ };
60
+ caption: {
61
+ fontFamily: string;
62
+ fontWeight: number;
63
+ fontSize: string;
64
+ lineHeight: string;
65
+ };
66
+ };
@@ -0,0 +1,8 @@
1
+ export type IconProps = {
2
+ color?: string;
3
+ size?: number;
4
+ };
5
+ export type PilotIconProps = {
6
+ color?: string;
7
+ size?: 'small' | 'large';
8
+ };
@@ -0,0 +1,2 @@
1
+ declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
2
+ export { Skeleton };
@@ -0,0 +1,2 @@
1
+ import { ClassValue } from 'clsx';
2
+ export declare function cn(...inputs: ClassValue[]): string;