@ryanodd/design-system 0.1.0-dev6 → 0.1.0-dev8

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.
Files changed (5) hide show
  1. package/dist/cjs/index.js +7 -7
  2. package/dist/esm/index.d.ts +134 -3
  3. package/dist/esm/index.js +1105 -1025
  4. package/dist/index.css +1 -1
  5. package/package.json +5 -2
package/dist/esm/index.d.ts CHANGED
@@ -25,6 +25,10 @@ export declare const Button: ForwardRefExoticComponent<Omit<DetailedHTMLProps<Bu
25
25
 
26
26
  export declare type ButtonProps = ComponentPropsWithoutRef<"button"> & Props;
27
27
 
28
+ export declare const Calendar: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
29
+ size?: (typeof iconSizes)[number];
30
+ } & RefAttributes<SVGSVGElement>>;
31
+
28
32
  export declare const Check: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
29
33
  size?: (typeof iconSizes)[number];
30
34
  } & RefAttributes<SVGSVGElement>>;
@@ -38,6 +42,22 @@ export declare type CheckboxProps = {
38
42
  onClick: (checked: boolean) => void;
39
43
  };
40
44
 
45
+ export declare const ChevronDown: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
46
+ size?: (typeof iconSizes)[number];
47
+ } & RefAttributes<SVGSVGElement>>;
48
+
49
+ export declare const ChevronLeft: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
50
+ size?: (typeof iconSizes)[number];
51
+ } & RefAttributes<SVGSVGElement>>;
52
+
53
+ export declare const ChevronRight: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
54
+ size?: (typeof iconSizes)[number];
55
+ } & RefAttributes<SVGSVGElement>>;
56
+
57
+ export declare const ChevronUp: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
58
+ size?: (typeof iconSizes)[number];
59
+ } & RefAttributes<SVGSVGElement>>;
60
+
41
61
  export declare const Circle: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
42
62
  size?: (typeof iconSizes)[number];
43
63
  } & RefAttributes<SVGSVGElement>>;
@@ -46,18 +66,27 @@ export declare const Close: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElemen
46
66
  size?: (typeof iconSizes)[number];
47
67
  } & RefAttributes<SVGSVGElement>>;
48
68
 
69
+ export declare const Coffee: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
70
+ size?: (typeof iconSizes)[number];
71
+ } & RefAttributes<SVGSVGElement>>;
72
+
49
73
  export declare const createIcon: (SVG: ComponentType<HTMLAttributes<SVGSVGElement>>, label: string) => ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
50
74
  size?: (typeof iconSizes)[number];
51
75
  } & RefAttributes<SVGSVGElement>>;
52
76
 
53
- export declare const Dialog: ({ trigger, children, title, ...props }: DialogProps) => JSX.Element;
77
+ export declare const Dialog: ({ trigger, children, title, size, ...props }: DialogProps) => JSX.Element;
54
78
 
55
79
  export declare type DialogProps = RadixDialog.DialogProps & {
56
80
  title: ReactNode;
57
81
  trigger: ReactNode;
58
82
  children: ReactNode;
83
+ size?: DialogSize;
59
84
  };
60
85
 
86
+ export declare type DialogSize = typeof dialogSizes[number];
87
+
88
+ export declare const dialogSizes: string[];
89
+
61
90
  export declare const ExternalLink: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
62
91
  size?: (typeof iconSizes)[number];
63
92
  } & RefAttributes<SVGSVGElement>>;
@@ -74,7 +103,80 @@ export declare const Heart: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElemen
74
103
  size?: (typeof iconSizes)[number];
75
104
  } & RefAttributes<SVGSVGElement>>;
76
105
 
77
- export declare const IconMap: Record<string, ComponentType<IconProps> | null>;
106
+ export declare const IconMap: {
107
+ ArrowLeft: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
108
+ size?: (typeof iconSizes)[number];
109
+ } & RefAttributes<SVGSVGElement>>;
110
+ ArrowRight: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
111
+ size?: (typeof iconSizes)[number];
112
+ } & RefAttributes<SVGSVGElement>>;
113
+ Calendar: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
114
+ size?: (typeof iconSizes)[number];
115
+ } & RefAttributes<SVGSVGElement>>;
116
+ Check: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
117
+ size?: (typeof iconSizes)[number];
118
+ } & RefAttributes<SVGSVGElement>>;
119
+ Circle: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
120
+ size?: (typeof iconSizes)[number];
121
+ } & RefAttributes<SVGSVGElement>>;
122
+ Close: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
123
+ size?: (typeof iconSizes)[number];
124
+ } & RefAttributes<SVGSVGElement>>;
125
+ Coffee: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
126
+ size?: (typeof iconSizes)[number];
127
+ } & RefAttributes<SVGSVGElement>>;
128
+ ExternalLink: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
129
+ size?: (typeof iconSizes)[number];
130
+ } & RefAttributes<SVGSVGElement>>;
131
+ Gear: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
132
+ size?: (typeof iconSizes)[number];
133
+ } & RefAttributes<SVGSVGElement>>;
134
+ Hammer: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
135
+ size?: (typeof iconSizes)[number];
136
+ } & RefAttributes<SVGSVGElement>>;
137
+ Heart: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
138
+ size?: (typeof iconSizes)[number];
139
+ } & RefAttributes<SVGSVGElement>>;
140
+ Inbox: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
141
+ size?: (typeof iconSizes)[number];
142
+ } & RefAttributes<SVGSVGElement>>;
143
+ Kebab: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
144
+ size?: (typeof iconSizes)[number];
145
+ } & RefAttributes<SVGSVGElement>>;
146
+ Lamp: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
147
+ size?: (typeof iconSizes)[number];
148
+ } & RefAttributes<SVGSVGElement>>;
149
+ Lightning: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
150
+ size?: (typeof iconSizes)[number];
151
+ } & RefAttributes<SVGSVGElement>>;
152
+ LogIn: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
153
+ size?: (typeof iconSizes)[number];
154
+ } & RefAttributes<SVGSVGElement>>;
155
+ LogOut: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
156
+ size?: (typeof iconSizes)[number];
157
+ } & RefAttributes<SVGSVGElement>>;
158
+ Mail: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
159
+ size?: (typeof iconSizes)[number];
160
+ } & RefAttributes<SVGSVGElement>>;
161
+ Menu: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
162
+ size?: (typeof iconSizes)[number];
163
+ } & RefAttributes<SVGSVGElement>>;
164
+ NoMobile: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
165
+ size?: (typeof iconSizes)[number];
166
+ } & RefAttributes<SVGSVGElement>>;
167
+ Pencil: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
168
+ size?: (typeof iconSizes)[number];
169
+ } & RefAttributes<SVGSVGElement>>;
170
+ Plus: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
171
+ size?: (typeof iconSizes)[number];
172
+ } & RefAttributes<SVGSVGElement>>;
173
+ Signpost: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
174
+ size?: (typeof iconSizes)[number];
175
+ } & RefAttributes<SVGSVGElement>>;
176
+ SunMoon: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
177
+ size?: (typeof iconSizes)[number];
178
+ } & RefAttributes<SVGSVGElement>>;
179
+ };
78
180
 
79
181
  export declare type IconProps = ComponentPropsWithoutRef<"svg"> & {
80
182
  size?: typeof iconSizes[number];
@@ -82,14 +184,30 @@ export declare type IconProps = ComponentPropsWithoutRef<"svg"> & {
82
184
 
83
185
  export declare const iconSizes: readonly ["xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl"];
84
186
 
187
+ export declare const Inbox: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
188
+ size?: (typeof iconSizes)[number];
189
+ } & RefAttributes<SVGSVGElement>>;
190
+
85
191
  export declare const Kebab: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
86
192
  size?: (typeof iconSizes)[number];
87
193
  } & RefAttributes<SVGSVGElement>>;
88
194
 
195
+ export declare const Lamp: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
196
+ size?: (typeof iconSizes)[number];
197
+ } & RefAttributes<SVGSVGElement>>;
198
+
89
199
  export declare const Lightning: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
90
200
  size?: (typeof iconSizes)[number];
91
201
  } & RefAttributes<SVGSVGElement>>;
92
202
 
203
+ export declare const LogIn: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
204
+ size?: (typeof iconSizes)[number];
205
+ } & RefAttributes<SVGSVGElement>>;
206
+
207
+ export declare const LogOut: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
208
+ size?: (typeof iconSizes)[number];
209
+ } & RefAttributes<SVGSVGElement>>;
210
+
93
211
  export declare const Mail: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
94
212
  size?: (typeof iconSizes)[number];
95
213
  } & RefAttributes<SVGSVGElement>>;
@@ -100,10 +218,11 @@ size?: (typeof iconSizes)[number];
100
218
 
101
219
  export declare const MenuButton: ({ children, trigger, ...props }: MenuButtonProps) => JSX.Element;
102
220
 
103
- export declare const MenuButtonItem: ({ children, ...props }: MenuButtonItemProps) => JSX.Element;
221
+ export declare const MenuButtonItem: ({ children, icon, ...props }: MenuButtonItemProps) => JSX.Element;
104
222
 
105
223
  export declare type MenuButtonItemProps = React.ComponentPropsWithoutRef<typeof RadixMenuButton.Item> & {
106
224
  children: ReactNode;
225
+ icon?: keyof typeof IconMap;
107
226
  };
108
227
 
109
228
  export declare type MenuButtonProps = React.ComponentPropsWithoutRef<typeof RadixMenuButton.Root> & {
@@ -119,6 +238,10 @@ export declare const Pencil: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGEleme
119
238
  size?: (typeof iconSizes)[number];
120
239
  } & RefAttributes<SVGSVGElement>>;
121
240
 
241
+ export declare const Plus: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
242
+ size?: (typeof iconSizes)[number];
243
+ } & RefAttributes<SVGSVGElement>>;
244
+
122
245
  declare type Props = {
123
246
  children?: ReactNode;
124
247
  size?: "small" | "medium" | "large";
@@ -137,6 +260,10 @@ declare type Props = {
137
260
  trailingIcon?: keyof typeof IconMap;
138
261
  };
139
262
 
263
+ export declare const Signpost: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
264
+ size?: (typeof iconSizes)[number];
265
+ } & RefAttributes<SVGSVGElement>>;
266
+
140
267
  export declare const Spinner: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
141
268
  /**
142
269
  * Indicates the diameter (height/width) of the `Spinner`'s container
@@ -153,6 +280,10 @@ export declare type SpinnerProps = ComponentPropsWithoutRef<"div"> & {
153
280
 
154
281
  export declare type SpinnerSize = typeof iconSizes[number];
155
282
 
283
+ export declare const SunMoon: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & {
284
+ size?: (typeof iconSizes)[number];
285
+ } & RefAttributes<SVGSVGElement>>;
286
+
156
287
  export declare const Toast: ForwardRefExoticComponent<RadixToast.ToastProps & {
157
288
  toastTitle: ReactNode;
158
289
  toastDescription?: ReactNode;