@deckai/deck-ui 0.0.4 → 0.0.6
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/dist/src/index.cjs +318 -322
- package/dist/src/index.cjs.map +1 -1
- package/dist/src/index.d.cts +86 -86
- package/dist/src/index.d.ts +86 -86
- package/dist/src/index.js +313 -317
- package/dist/src/index.js.map +1 -1
- package/package.json +3 -2
package/dist/src/index.d.ts
CHANGED
|
@@ -1,49 +1,36 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import React__default, { ButtonHTMLAttributes, SVGProps, HTMLAttributes } from 'react';
|
|
3
3
|
import { IconName } from '@deckai/icons';
|
|
4
|
-
import {
|
|
4
|
+
import { C as Colors, T as TextColorVariant, P as PrimaryShades, S as SecondaryShades, a as TertiaryShades, b as Typography, I as IconColors } from '../tailwind-BOs_0iUp.js';
|
|
5
5
|
import { IconName as IconName$1 } from '@deckai/icons/src/types/icon-names';
|
|
6
6
|
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
delayDuration?: number;
|
|
15
|
-
}
|
|
16
|
-
declare const Tooltip: ({ content, children, side, align, className, delayDuration }: TooltipProps) => React.JSX.Element;
|
|
8
|
+
type OptionProps = {
|
|
9
|
+
label: string;
|
|
10
|
+
value: string;
|
|
11
|
+
onChange?: (value: string) => void;
|
|
12
|
+
};
|
|
13
|
+
declare const Option: ({ value, label, onChange }: OptionProps) => React__default.JSX.Element;
|
|
17
14
|
|
|
18
|
-
type
|
|
19
|
-
|
|
15
|
+
type NavbarItemProps = {
|
|
16
|
+
iconName: IconName;
|
|
17
|
+
label: string;
|
|
18
|
+
onClick?: () => void;
|
|
20
19
|
};
|
|
21
|
-
declare const
|
|
20
|
+
declare const NavbarItem: ({ label, iconName, onClick, ...props }: NavbarItemProps) => React__default.JSX.Element;
|
|
21
|
+
|
|
22
|
+
type NavbarProps = {
|
|
23
|
+
searchOptions: OptionProps[];
|
|
24
|
+
onSearchChange: (value: string) => void;
|
|
25
|
+
navbarItems: NavbarItemProps[];
|
|
26
|
+
onLogoClick?: () => void;
|
|
27
|
+
onProfileClick?: () => void;
|
|
28
|
+
};
|
|
29
|
+
declare const Navbar: ({ searchOptions, onSearchChange, navbarItems, onLogoClick, onProfileClick }: NavbarProps) => React__default.JSX.Element;
|
|
22
30
|
|
|
23
31
|
type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;
|
|
24
32
|
declare const Pressable: React__default.FC<PressableProps>;
|
|
25
33
|
|
|
26
|
-
type IconProps = {
|
|
27
|
-
name: IconName;
|
|
28
|
-
/** @default 24 */
|
|
29
|
-
size?: number | string;
|
|
30
|
-
/** @default primary */
|
|
31
|
-
color?: IconColors;
|
|
32
|
-
title?: string;
|
|
33
|
-
className?: string;
|
|
34
|
-
style?: React__default.CSSProperties;
|
|
35
|
-
} & Omit<SVGProps<SVGSVGElement>, "aria-hidden" | "aria-label">;
|
|
36
|
-
declare const Icon: React__default.ForwardRefExoticComponent<Omit<{
|
|
37
|
-
name: IconName;
|
|
38
|
-
/** @default 24 */
|
|
39
|
-
size?: number | string;
|
|
40
|
-
/** @default primary */
|
|
41
|
-
color?: IconColors;
|
|
42
|
-
title?: string;
|
|
43
|
-
className?: string;
|
|
44
|
-
style?: React__default.CSSProperties;
|
|
45
|
-
} & Omit<React__default.SVGProps<SVGSVGElement>, "aria-hidden" | "aria-label"> & Pick<PressableProps, "onClick">, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
|
|
46
|
-
|
|
47
34
|
type TextElement = "p" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "strong" | "em" | "blockquote" | "pre" | "code" | "small" | "label" | "a";
|
|
48
35
|
type HTMLPropsMap = {
|
|
49
36
|
p: React__default.HTMLAttributes<HTMLParagraphElement>;
|
|
@@ -82,30 +69,36 @@ type TextProps<T extends TextElement = "p"> = {
|
|
|
82
69
|
children: React__default.ReactNode;
|
|
83
70
|
weight?: Weight;
|
|
84
71
|
} & HTMLPropsMap[T];
|
|
85
|
-
declare const Text: React__default.ForwardRefExoticComponent<TextProps<TextElement> & React__default.RefAttributes<HTMLElement |
|
|
72
|
+
declare const Text: React__default.ForwardRefExoticComponent<TextProps<TextElement> & React__default.RefAttributes<HTMLElement | HTMLParagraphElement | HTMLSpanElement | HTMLHeadingElement | HTMLQuoteElement | HTMLPreElement | HTMLLabelElement | HTMLAnchorElement>>;
|
|
86
73
|
|
|
87
|
-
type
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
type NavbarItemProps = {
|
|
95
|
-
iconName: IconName;
|
|
96
|
-
label: string;
|
|
97
|
-
onClick?: () => void;
|
|
98
|
-
};
|
|
99
|
-
declare const NavbarItem: ({ label, iconName, onClick, ...props }: NavbarItemProps) => React__default.JSX.Element;
|
|
74
|
+
type LinkProps = {
|
|
75
|
+
href: string;
|
|
76
|
+
children: React__default.ReactNode;
|
|
77
|
+
className?: string;
|
|
78
|
+
style?: React__default.CSSProperties;
|
|
79
|
+
} & Pick<TextProps, "variant" | "color"> & React__default.AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
80
|
+
declare const Link: ({ children, color, variant, href, className, ...props }: LinkProps) => React__default.JSX.Element;
|
|
100
81
|
|
|
101
|
-
type
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
82
|
+
type IconProps = {
|
|
83
|
+
name: IconName;
|
|
84
|
+
/** @default 24 */
|
|
85
|
+
size?: number | string;
|
|
86
|
+
/** @default primary */
|
|
87
|
+
color?: IconColors;
|
|
88
|
+
title?: string;
|
|
89
|
+
className?: string;
|
|
90
|
+
style?: React__default.CSSProperties;
|
|
91
|
+
} & Omit<SVGProps<SVGSVGElement>, "aria-hidden" | "aria-label">;
|
|
92
|
+
declare const Icon: React__default.ForwardRefExoticComponent<Omit<{
|
|
93
|
+
name: IconName;
|
|
94
|
+
/** @default 24 */
|
|
95
|
+
size?: number | string;
|
|
96
|
+
/** @default primary */
|
|
97
|
+
color?: IconColors;
|
|
98
|
+
title?: string;
|
|
99
|
+
className?: string;
|
|
100
|
+
style?: React__default.CSSProperties;
|
|
101
|
+
} & Omit<React__default.SVGProps<SVGSVGElement>, "aria-hidden" | "aria-label"> & Pick<PressableProps, "onClick">, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
|
|
109
102
|
|
|
110
103
|
type BreadcrumbItem = {
|
|
111
104
|
label: string;
|
|
@@ -119,32 +112,15 @@ type BreadcrumbsProps = {
|
|
|
119
112
|
};
|
|
120
113
|
declare const Breadcrumbs: React__default.ForwardRefExoticComponent<BreadcrumbsProps & React__default.RefAttributes<HTMLElement>>;
|
|
121
114
|
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
children:
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
declare const ContactItem: ({ iconName, children, href, ...linkProps }: ContactItemProps) => React__default.JSX.Element;
|
|
128
|
-
|
|
129
|
-
type AboutCardProps = {
|
|
130
|
-
interests: string[];
|
|
131
|
-
contactItems: ContactItemProps[];
|
|
132
|
-
};
|
|
133
|
-
declare const AboutCard: ({ interests, contactItems }: AboutCardProps) => React__default.JSX.Element;
|
|
134
|
-
|
|
135
|
-
type LinkProps = {
|
|
136
|
-
href: string;
|
|
137
|
-
children: React__default.ReactNode;
|
|
115
|
+
interface TooltipProps {
|
|
116
|
+
content: React.ReactNode;
|
|
117
|
+
children: React.ReactNode;
|
|
118
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
119
|
+
align?: "start" | "center" | "end";
|
|
138
120
|
className?: string;
|
|
139
|
-
|
|
140
|
-
}
|
|
141
|
-
declare const
|
|
142
|
-
|
|
143
|
-
type AvatarProps = {
|
|
144
|
-
src: string;
|
|
145
|
-
size?: number | string;
|
|
146
|
-
} & Pick<React__default.ComponentProps<typeof Pressable>, "onClick">;
|
|
147
|
-
declare const Avatar: ({ src, size, onClick, ...props }: AvatarProps) => React__default.JSX.Element;
|
|
121
|
+
delayDuration?: number;
|
|
122
|
+
}
|
|
123
|
+
declare const Tooltip: ({ content, children, side, align, className, delayDuration }: TooltipProps) => React.JSX.Element;
|
|
148
124
|
|
|
149
125
|
type ComboboxProps = {
|
|
150
126
|
options: OptionProps[];
|
|
@@ -177,11 +153,29 @@ declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.Switc
|
|
|
177
153
|
description?: string;
|
|
178
154
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
179
155
|
|
|
180
|
-
type
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
}
|
|
184
|
-
|
|
156
|
+
type ProfileCardProps = {
|
|
157
|
+
profileImage: string;
|
|
158
|
+
};
|
|
159
|
+
declare const ProfileCard: ({ profileImage }: ProfileCardProps) => React__default.JSX.Element;
|
|
160
|
+
|
|
161
|
+
type ContactItemProps = {
|
|
162
|
+
iconName: IconName$1;
|
|
163
|
+
children: React__default.ReactNode;
|
|
164
|
+
href: string;
|
|
165
|
+
} & Omit<HTMLAttributes<HTMLAnchorElement>, "color">;
|
|
166
|
+
declare const ContactItem: ({ iconName, children, href, ...linkProps }: ContactItemProps) => React__default.JSX.Element;
|
|
167
|
+
|
|
168
|
+
type AboutCardProps = {
|
|
169
|
+
interests: string[];
|
|
170
|
+
contactItems: ContactItemProps[];
|
|
171
|
+
};
|
|
172
|
+
declare const AboutCard: ({ interests, contactItems }: AboutCardProps) => React__default.JSX.Element;
|
|
173
|
+
|
|
174
|
+
type AvatarProps = {
|
|
175
|
+
src: string;
|
|
176
|
+
size?: number | string;
|
|
177
|
+
} & Pick<React__default.ComponentProps<typeof Pressable>, "onClick">;
|
|
178
|
+
declare const Avatar: ({ src, size, onClick, ...props }: AvatarProps) => React__default.JSX.Element;
|
|
185
179
|
|
|
186
180
|
type LogoProps = {
|
|
187
181
|
/** @default 76 */
|
|
@@ -225,4 +219,10 @@ declare const Button: React.ForwardRefExoticComponent<{
|
|
|
225
219
|
end?: React.ReactNode;
|
|
226
220
|
} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
227
221
|
|
|
222
|
+
type InputProps = {
|
|
223
|
+
className?: string;
|
|
224
|
+
end?: React.ReactNode;
|
|
225
|
+
} & React.InputHTMLAttributes<HTMLInputElement>;
|
|
226
|
+
declare const Input: ({ className, end, ...props }: InputProps) => React.JSX.Element;
|
|
227
|
+
|
|
228
228
|
export { AboutCard, type AboutCardProps, Avatar, type AvatarProps, Badge, type BadgeProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, Combobox, type ComboboxProps, ContactItem, type ContactItemProps, Icon, type IconProps, Input, type InputProps, Link, type LinkProps, Logo, type LogoProps, Navbar, NavbarItem, type NavbarItemProps, type NavbarProps, Option, type OptionProps, Pressable, type PressableProps, ProfileCard, type ProfileCardProps, SocialCard, type SocialCardProps, Switch, type SwitchProps, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps };
|