@lolmath/ui 3.1.1 → 3.2.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.
- package/dist/index.cjs +1034 -997
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +136 -79
- package/dist/index.d.ts +136 -79
- package/dist/index.js +1055 -1027
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -1,51 +1,10 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import { ReactNode, ComponentProps } from 'react';
|
|
3
|
-
import { ButtonProps as ButtonProps$1, ButtonRenderProps, ListBoxItemProps, SelectProps as SelectProps$1, SearchFieldProps, Input, SliderProps, SliderTrackProps, SliderThumbProps, SliderTrackRenderProps, SliderOutputProps, SwitchProps, ProgressBarProps as ProgressBarProps$1, TextFieldProps, InputProps, RadioGroupProps, RadioProps, NumberFieldProps, Group, HeadingProps as HeadingProps$1, DialogTriggerProps, ModalOverlayProps, DialogProps, TabsProps, TabListProps, TabProps, TabPanelProps, CheckboxProps, TextAreaProps, TooltipProps, LabelProps as LabelProps$1, ToggleButtonProps as ToggleButtonProps$1 } from 'react-aria-components';
|
|
4
|
-
export { Key, TooltipTrigger } from 'react-aria-components';
|
|
5
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
1
|
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
7
2
|
import * as tailwind_variants from 'tailwind-variants';
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
preset?: ButtonPreset;
|
|
14
|
-
thin?: boolean;
|
|
15
|
-
shape?: ButtonShape;
|
|
16
|
-
}
|
|
17
|
-
declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
18
|
-
|
|
19
|
-
interface SelectProps<T extends object> extends Omit<SelectProps$1<T>, "children"> {
|
|
20
|
-
label?: string;
|
|
21
|
-
description?: string;
|
|
22
|
-
errorMessage?: string;
|
|
23
|
-
children?: ReactNode | ((item: T) => ReactNode);
|
|
24
|
-
}
|
|
25
|
-
declare function Select<T extends object>({ description, errorMessage, children, className, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
|
|
26
|
-
declare function Item({ className, ...props }: ListBoxItemProps): react_jsx_runtime.JSX.Element;
|
|
27
|
-
|
|
28
|
-
declare function SearchField({ inputProps, borderProps, children, ...props }: SearchFieldProps & {
|
|
29
|
-
inputProps?: ComponentProps<typeof Input>;
|
|
30
|
-
borderProps?: ComponentProps<"div">;
|
|
31
|
-
}): react_jsx_runtime.JSX.Element;
|
|
32
|
-
|
|
33
|
-
declare function Slider<T extends number | number[]>({ children, className, sliderThumbProps, sliderTrackProps, sliderTrackBackgroundClassName, sliderTrackForegroundClassName, ...props }: SliderProps<T> & {
|
|
34
|
-
sliderTrackProps?: SliderTrackProps;
|
|
35
|
-
sliderThumbProps?: SliderThumbProps;
|
|
36
|
-
sliderTrackBackgroundClassName?: string | ((values: SliderTrackRenderProps) => string);
|
|
37
|
-
sliderTrackForegroundClassName?: string | ((values: SliderTrackRenderProps) => string);
|
|
38
|
-
}): react_jsx_runtime.JSX.Element;
|
|
39
|
-
declare function SliderOutput(props: SliderOutputProps): react_jsx_runtime.JSX.Element;
|
|
40
|
-
|
|
41
|
-
declare function Switch({ className, placeholder, children, ...props }: SwitchProps & {
|
|
42
|
-
placeholder?: string;
|
|
43
|
-
}): react_jsx_runtime.JSX.Element;
|
|
44
|
-
|
|
45
|
-
interface ProgressBarProps extends Omit<ProgressBarProps$1, "children"> {
|
|
46
|
-
label?: string;
|
|
47
|
-
}
|
|
48
|
-
declare function ProgressBar({ className, label, ...props }: ProgressBarProps): JSX.Element;
|
|
3
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
+
import * as react from 'react';
|
|
5
|
+
import { ComponentProps, ReactNode } from 'react';
|
|
6
|
+
import { ButtonProps as ButtonProps$1, ButtonRenderProps, CheckboxProps, HeadingProps as HeadingProps$1, DialogTriggerProps, ModalOverlayProps, DialogProps, NumberFieldProps, Input, Group, ProgressBarProps as ProgressBarProps$1, RadioGroupProps, RadioProps, SearchFieldProps, ListBoxItemProps, SelectProps as SelectProps$1, SliderProps, SliderTrackProps, SliderThumbProps, SliderTrackRenderProps, SliderOutputProps, SwitchProps, TabsProps, TabListProps, TabProps, TabPanelProps, TextFieldProps, TextAreaProps, InputProps, ToggleButtonProps as ToggleButtonProps$1, TooltipProps, LabelProps as LabelProps$1 } from 'react-aria-components';
|
|
7
|
+
export { Key, TooltipTrigger } from 'react-aria-components';
|
|
49
8
|
|
|
50
9
|
interface AccordionProps {
|
|
51
10
|
children: React.ReactNode;
|
|
@@ -129,25 +88,71 @@ interface AccordionContentProps {
|
|
|
129
88
|
}
|
|
130
89
|
declare function AccordionContent({ children }: AccordionContentProps): react_jsx_runtime.JSX.Element | null;
|
|
131
90
|
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
91
|
+
type ButtonShape = "round" | "square" | "normal";
|
|
92
|
+
type ButtonPreset = "primary" | "secondary" | "text" | "hextech" | "dimmed";
|
|
93
|
+
interface ButtonProps extends ButtonProps$1 {
|
|
94
|
+
innerClassName?: string | ((values: ButtonRenderProps) => string);
|
|
95
|
+
preset?: ButtonPreset;
|
|
96
|
+
thin?: boolean;
|
|
97
|
+
shape?: ButtonShape;
|
|
98
|
+
}
|
|
99
|
+
declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
136
100
|
|
|
137
|
-
|
|
138
|
-
|
|
101
|
+
interface CardProps extends ComponentProps<"div"> {
|
|
102
|
+
borderProps?: ComponentProps<"div">;
|
|
103
|
+
}
|
|
104
|
+
declare function Card({ children, className, style, borderProps }: CardProps): react_jsx_runtime.JSX.Element;
|
|
105
|
+
declare function borderInverted(r: string): string;
|
|
139
106
|
|
|
140
|
-
|
|
141
|
-
declare function NumberField({ inputProps, groupProps, children, preset, ...props }: NumberFieldProps & {
|
|
142
|
-
inputProps?: ComponentProps<typeof Input>;
|
|
143
|
-
groupProps?: ComponentProps<typeof Group>;
|
|
144
|
-
preset?: NumberFieldPreset;
|
|
145
|
-
}): react_jsx_runtime.JSX.Element;
|
|
107
|
+
declare function Checkbox({ children, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
|
|
146
108
|
|
|
147
|
-
|
|
148
|
-
|
|
109
|
+
declare const divider: tailwind_variants.TVReturnType<{
|
|
110
|
+
preset: {
|
|
111
|
+
left: string;
|
|
112
|
+
right: string;
|
|
113
|
+
center: string;
|
|
114
|
+
};
|
|
115
|
+
}, undefined, "h-px grow bg-gradient-to-r border-0", tailwind_variants_dist_config_js.TVConfig<{
|
|
116
|
+
preset: {
|
|
117
|
+
left: string;
|
|
118
|
+
right: string;
|
|
119
|
+
center: string;
|
|
120
|
+
};
|
|
121
|
+
}, {
|
|
122
|
+
preset: {
|
|
123
|
+
left: string;
|
|
124
|
+
right: string;
|
|
125
|
+
center: string;
|
|
126
|
+
};
|
|
127
|
+
}>, {
|
|
128
|
+
preset: {
|
|
129
|
+
left: string;
|
|
130
|
+
right: string;
|
|
131
|
+
center: string;
|
|
132
|
+
};
|
|
133
|
+
}, undefined, tailwind_variants.TVReturnType<{
|
|
134
|
+
preset: {
|
|
135
|
+
left: string;
|
|
136
|
+
right: string;
|
|
137
|
+
center: string;
|
|
138
|
+
};
|
|
139
|
+
}, undefined, "h-px grow bg-gradient-to-r border-0", tailwind_variants_dist_config_js.TVConfig<{
|
|
140
|
+
preset: {
|
|
141
|
+
left: string;
|
|
142
|
+
right: string;
|
|
143
|
+
center: string;
|
|
144
|
+
};
|
|
145
|
+
}, {
|
|
146
|
+
preset: {
|
|
147
|
+
left: string;
|
|
148
|
+
right: string;
|
|
149
|
+
center: string;
|
|
150
|
+
};
|
|
151
|
+
}>, unknown, unknown, undefined>>;
|
|
152
|
+
interface DividerProps {
|
|
153
|
+
preset?: keyof typeof divider.variants.preset;
|
|
149
154
|
}
|
|
150
|
-
declare function
|
|
155
|
+
declare function Divider({ preset }: DividerProps): react_jsx_runtime.JSX.Element;
|
|
151
156
|
|
|
152
157
|
interface ModalProps extends Omit<ModalOverlayProps, "children"> {
|
|
153
158
|
modalOverlayClassName?: ModalOverlayProps["className"];
|
|
@@ -161,25 +166,78 @@ declare function DialogButtons({ children }: {
|
|
|
161
166
|
}): react_jsx_runtime.JSX.Element;
|
|
162
167
|
declare function DialogTrigger(props: DialogTriggerProps): react_jsx_runtime.JSX.Element;
|
|
163
168
|
|
|
169
|
+
type NumberFieldPreset = "normal" | "dimmed";
|
|
170
|
+
declare function NumberField({ inputProps, groupProps, children, preset, ...props }: NumberFieldProps & {
|
|
171
|
+
inputProps?: ComponentProps<typeof Input>;
|
|
172
|
+
groupProps?: ComponentProps<typeof Group>;
|
|
173
|
+
preset?: NumberFieldPreset;
|
|
174
|
+
}): react_jsx_runtime.JSX.Element;
|
|
175
|
+
|
|
176
|
+
interface ProgressBarProps extends Omit<ProgressBarProps$1, "children"> {
|
|
177
|
+
label?: string;
|
|
178
|
+
}
|
|
179
|
+
declare function ProgressBar({ className, label, ...props }: ProgressBarProps): JSX.Element;
|
|
180
|
+
|
|
181
|
+
declare function RadioGroup({ className, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
|
|
182
|
+
declare function Radio({ className, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
|
|
183
|
+
|
|
184
|
+
declare function SearchField({ inputProps, borderProps, children, ...props }: SearchFieldProps & {
|
|
185
|
+
inputProps?: ComponentProps<typeof Input>;
|
|
186
|
+
borderProps?: ComponentProps<"div">;
|
|
187
|
+
}): react_jsx_runtime.JSX.Element;
|
|
188
|
+
|
|
189
|
+
interface SelectProps<T extends object> extends Omit<SelectProps$1<T>, "children"> {
|
|
190
|
+
label?: string;
|
|
191
|
+
description?: string;
|
|
192
|
+
errorMessage?: string;
|
|
193
|
+
children?: ReactNode | ((item: T) => ReactNode);
|
|
194
|
+
}
|
|
195
|
+
declare function Select<T extends object>({ description, errorMessage, children, className, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
|
|
196
|
+
declare function Item({ className, ...props }: ListBoxItemProps): react_jsx_runtime.JSX.Element;
|
|
197
|
+
|
|
198
|
+
declare function Slider<T extends number | number[]>({ children, className, sliderThumbProps, sliderTrackProps, sliderTrackBackgroundClassName, sliderTrackForegroundClassName, ...props }: SliderProps<T> & {
|
|
199
|
+
sliderTrackProps?: SliderTrackProps;
|
|
200
|
+
sliderThumbProps?: SliderThumbProps;
|
|
201
|
+
sliderTrackBackgroundClassName?: string | ((values: SliderTrackRenderProps) => string);
|
|
202
|
+
sliderTrackForegroundClassName?: string | ((values: SliderTrackRenderProps) => string);
|
|
203
|
+
}): react_jsx_runtime.JSX.Element;
|
|
204
|
+
declare function SliderOutput(props: SliderOutputProps): react_jsx_runtime.JSX.Element;
|
|
205
|
+
|
|
206
|
+
interface SpinnerProps {
|
|
207
|
+
className?: string;
|
|
208
|
+
}
|
|
209
|
+
declare function Spinner({ className }: SpinnerProps): react_jsx_runtime.JSX.Element;
|
|
210
|
+
|
|
211
|
+
declare function Switch({ className, placeholder, children, ...props }: SwitchProps & {
|
|
212
|
+
placeholder?: string;
|
|
213
|
+
}): react_jsx_runtime.JSX.Element;
|
|
214
|
+
|
|
164
215
|
declare function Tabs({ onSelectionChange, ...rest }: TabsProps): react_jsx_runtime.JSX.Element;
|
|
165
216
|
declare function TabList<T extends object>({ className, ...rest }: TabListProps<T>): react_jsx_runtime.JSX.Element;
|
|
166
217
|
declare function Tab({ children, className, ...rest }: TabProps): react_jsx_runtime.JSX.Element;
|
|
167
218
|
declare function TabPanel({ ...rest }: TabPanelProps): react_jsx_runtime.JSX.Element;
|
|
168
219
|
|
|
169
|
-
declare function Checkbox({ children, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
|
|
170
|
-
|
|
171
220
|
declare function TextArea({ textAreaProps, borderProps, children, ...props }: TextFieldProps & {
|
|
172
221
|
textAreaProps?: TextAreaProps;
|
|
173
222
|
borderProps?: ComponentProps<"div">;
|
|
174
223
|
}): react_jsx_runtime.JSX.Element;
|
|
175
224
|
|
|
176
|
-
declare function
|
|
177
|
-
|
|
178
|
-
interface CardProps extends ComponentProps<"div"> {
|
|
225
|
+
declare function TextField({ inputProps, borderProps, children, ...props }: TextFieldProps & {
|
|
226
|
+
inputProps?: InputProps;
|
|
179
227
|
borderProps?: ComponentProps<"div">;
|
|
228
|
+
}): react_jsx_runtime.JSX.Element;
|
|
229
|
+
|
|
230
|
+
type ToggleButtonShape = "round" | "square" | "normal";
|
|
231
|
+
type ToggleButtonPreset = "gold" | "hextech" | "dimmed";
|
|
232
|
+
interface ToggleButtonProps extends ToggleButtonProps$1 {
|
|
233
|
+
innerProps?: ComponentProps<"span">;
|
|
234
|
+
preset?: ToggleButtonPreset;
|
|
235
|
+
thin?: boolean;
|
|
236
|
+
shape?: ToggleButtonShape;
|
|
180
237
|
}
|
|
181
|
-
declare function
|
|
182
|
-
|
|
238
|
+
declare function ToggleButton({ children, className, innerProps, preset, shape, thin, ...props }: ToggleButtonProps): react_jsx_runtime.JSX.Element;
|
|
239
|
+
|
|
240
|
+
declare function Tooltip({ children, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
183
241
|
|
|
184
242
|
type HeadingColor = "gold-100" | "gold-200" | "gold-400" | "grey-100";
|
|
185
243
|
type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5";
|
|
@@ -206,16 +264,15 @@ interface LabelProps extends LabelProps$1 {
|
|
|
206
264
|
}
|
|
207
265
|
declare function Label({ preset, color, className, ...rest }: LabelProps): JSX.Element;
|
|
208
266
|
|
|
209
|
-
declare const
|
|
267
|
+
declare const goldGradient = "from-lol-gold-500 via-lol-gold-400 to-lol-gold-200";
|
|
268
|
+
declare const goldGradientHover = "from-lol-gold-400 via-lol-gold-200 to-lol-gold-100";
|
|
269
|
+
declare const goldGradientPressed = "from-lol-gold-600 via-lol-gold-600 to-lol-gold-500";
|
|
270
|
+
declare const hextechGradient = "from-lol-blue-200 to-lol-blue-400";
|
|
271
|
+
declare const hextechGradientHover = "from-lol-blue-100 to-lol-blue-300";
|
|
272
|
+
declare const hextechGradientPressed = "from-lol-blue-500 to-lol-blue-400";
|
|
273
|
+
declare const dimmedGradient = "from-lol-grey-300 via-lol-grey-300 to-lol-grey-300";
|
|
274
|
+
declare const disabledGradient = "from-lol-grey-150 via-lol-grey-150 to-lol-grey-150";
|
|
210
275
|
|
|
211
|
-
|
|
212
|
-
type ToggleButtonPreset = "gold" | "hextech" | "dimmed";
|
|
213
|
-
interface ToggleButtonProps extends ToggleButtonProps$1 {
|
|
214
|
-
innerProps?: ComponentProps<"span">;
|
|
215
|
-
preset?: ToggleButtonPreset;
|
|
216
|
-
thin?: boolean;
|
|
217
|
-
shape?: ToggleButtonShape;
|
|
218
|
-
}
|
|
219
|
-
declare function ToggleButton({ children, className, innerProps, preset, shape, thin, ...props }: ToggleButtonProps): react_jsx_runtime.JSX.Element;
|
|
276
|
+
declare const tv: tailwind_variants.TV;
|
|
220
277
|
|
|
221
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Button, type ButtonPreset, type ButtonShape, Card, type CardProps, Checkbox, DialogButtons, DialogHeading, DialogTrigger, Heading, type HeadingColor, type HeadingElement, Item, Label, Modal, NumberField, ProgressBar, Radio, RadioGroup, SearchField, Select, Slider, SliderOutput, Spinner, Switch, Tab, TabList, TabPanel, Tabs, Text, TextArea, type TextColor, type TextElement, TextField, type TextPreset, ToggleButton, type ToggleButtonPreset, type ToggleButtonShape, Tooltip, accordionTrigger, accordionTriggerInner, borderInverted, tv };
|
|
278
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Button, type ButtonPreset, type ButtonShape, Card, type CardProps, Checkbox, DialogButtons, DialogHeading, DialogTrigger, Divider, Heading, type HeadingColor, type HeadingElement, Item, Label, Modal, NumberField, ProgressBar, Radio, RadioGroup, SearchField, Select, Slider, SliderOutput, Spinner, Switch, Tab, TabList, TabPanel, Tabs, Text, TextArea, type TextColor, type TextElement, TextField, type TextPreset, ToggleButton, type ToggleButtonPreset, type ToggleButtonShape, Tooltip, accordionTrigger, accordionTriggerInner, borderInverted, dimmedGradient, disabledGradient, goldGradient, goldGradientHover, goldGradientPressed, hextechGradient, hextechGradientHover, hextechGradientPressed, tv };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,51 +1,10 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import { ReactNode, ComponentProps } from 'react';
|
|
3
|
-
import { ButtonProps as ButtonProps$1, ButtonRenderProps, ListBoxItemProps, SelectProps as SelectProps$1, SearchFieldProps, Input, SliderProps, SliderTrackProps, SliderThumbProps, SliderTrackRenderProps, SliderOutputProps, SwitchProps, ProgressBarProps as ProgressBarProps$1, TextFieldProps, InputProps, RadioGroupProps, RadioProps, NumberFieldProps, Group, HeadingProps as HeadingProps$1, DialogTriggerProps, ModalOverlayProps, DialogProps, TabsProps, TabListProps, TabProps, TabPanelProps, CheckboxProps, TextAreaProps, TooltipProps, LabelProps as LabelProps$1, ToggleButtonProps as ToggleButtonProps$1 } from 'react-aria-components';
|
|
4
|
-
export { Key, TooltipTrigger } from 'react-aria-components';
|
|
5
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
1
|
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
7
2
|
import * as tailwind_variants from 'tailwind-variants';
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
preset?: ButtonPreset;
|
|
14
|
-
thin?: boolean;
|
|
15
|
-
shape?: ButtonShape;
|
|
16
|
-
}
|
|
17
|
-
declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
18
|
-
|
|
19
|
-
interface SelectProps<T extends object> extends Omit<SelectProps$1<T>, "children"> {
|
|
20
|
-
label?: string;
|
|
21
|
-
description?: string;
|
|
22
|
-
errorMessage?: string;
|
|
23
|
-
children?: ReactNode | ((item: T) => ReactNode);
|
|
24
|
-
}
|
|
25
|
-
declare function Select<T extends object>({ description, errorMessage, children, className, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
|
|
26
|
-
declare function Item({ className, ...props }: ListBoxItemProps): react_jsx_runtime.JSX.Element;
|
|
27
|
-
|
|
28
|
-
declare function SearchField({ inputProps, borderProps, children, ...props }: SearchFieldProps & {
|
|
29
|
-
inputProps?: ComponentProps<typeof Input>;
|
|
30
|
-
borderProps?: ComponentProps<"div">;
|
|
31
|
-
}): react_jsx_runtime.JSX.Element;
|
|
32
|
-
|
|
33
|
-
declare function Slider<T extends number | number[]>({ children, className, sliderThumbProps, sliderTrackProps, sliderTrackBackgroundClassName, sliderTrackForegroundClassName, ...props }: SliderProps<T> & {
|
|
34
|
-
sliderTrackProps?: SliderTrackProps;
|
|
35
|
-
sliderThumbProps?: SliderThumbProps;
|
|
36
|
-
sliderTrackBackgroundClassName?: string | ((values: SliderTrackRenderProps) => string);
|
|
37
|
-
sliderTrackForegroundClassName?: string | ((values: SliderTrackRenderProps) => string);
|
|
38
|
-
}): react_jsx_runtime.JSX.Element;
|
|
39
|
-
declare function SliderOutput(props: SliderOutputProps): react_jsx_runtime.JSX.Element;
|
|
40
|
-
|
|
41
|
-
declare function Switch({ className, placeholder, children, ...props }: SwitchProps & {
|
|
42
|
-
placeholder?: string;
|
|
43
|
-
}): react_jsx_runtime.JSX.Element;
|
|
44
|
-
|
|
45
|
-
interface ProgressBarProps extends Omit<ProgressBarProps$1, "children"> {
|
|
46
|
-
label?: string;
|
|
47
|
-
}
|
|
48
|
-
declare function ProgressBar({ className, label, ...props }: ProgressBarProps): JSX.Element;
|
|
3
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
+
import * as react from 'react';
|
|
5
|
+
import { ComponentProps, ReactNode } from 'react';
|
|
6
|
+
import { ButtonProps as ButtonProps$1, ButtonRenderProps, CheckboxProps, HeadingProps as HeadingProps$1, DialogTriggerProps, ModalOverlayProps, DialogProps, NumberFieldProps, Input, Group, ProgressBarProps as ProgressBarProps$1, RadioGroupProps, RadioProps, SearchFieldProps, ListBoxItemProps, SelectProps as SelectProps$1, SliderProps, SliderTrackProps, SliderThumbProps, SliderTrackRenderProps, SliderOutputProps, SwitchProps, TabsProps, TabListProps, TabProps, TabPanelProps, TextFieldProps, TextAreaProps, InputProps, ToggleButtonProps as ToggleButtonProps$1, TooltipProps, LabelProps as LabelProps$1 } from 'react-aria-components';
|
|
7
|
+
export { Key, TooltipTrigger } from 'react-aria-components';
|
|
49
8
|
|
|
50
9
|
interface AccordionProps {
|
|
51
10
|
children: React.ReactNode;
|
|
@@ -129,25 +88,71 @@ interface AccordionContentProps {
|
|
|
129
88
|
}
|
|
130
89
|
declare function AccordionContent({ children }: AccordionContentProps): react_jsx_runtime.JSX.Element | null;
|
|
131
90
|
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
91
|
+
type ButtonShape = "round" | "square" | "normal";
|
|
92
|
+
type ButtonPreset = "primary" | "secondary" | "text" | "hextech" | "dimmed";
|
|
93
|
+
interface ButtonProps extends ButtonProps$1 {
|
|
94
|
+
innerClassName?: string | ((values: ButtonRenderProps) => string);
|
|
95
|
+
preset?: ButtonPreset;
|
|
96
|
+
thin?: boolean;
|
|
97
|
+
shape?: ButtonShape;
|
|
98
|
+
}
|
|
99
|
+
declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
136
100
|
|
|
137
|
-
|
|
138
|
-
|
|
101
|
+
interface CardProps extends ComponentProps<"div"> {
|
|
102
|
+
borderProps?: ComponentProps<"div">;
|
|
103
|
+
}
|
|
104
|
+
declare function Card({ children, className, style, borderProps }: CardProps): react_jsx_runtime.JSX.Element;
|
|
105
|
+
declare function borderInverted(r: string): string;
|
|
139
106
|
|
|
140
|
-
|
|
141
|
-
declare function NumberField({ inputProps, groupProps, children, preset, ...props }: NumberFieldProps & {
|
|
142
|
-
inputProps?: ComponentProps<typeof Input>;
|
|
143
|
-
groupProps?: ComponentProps<typeof Group>;
|
|
144
|
-
preset?: NumberFieldPreset;
|
|
145
|
-
}): react_jsx_runtime.JSX.Element;
|
|
107
|
+
declare function Checkbox({ children, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
|
|
146
108
|
|
|
147
|
-
|
|
148
|
-
|
|
109
|
+
declare const divider: tailwind_variants.TVReturnType<{
|
|
110
|
+
preset: {
|
|
111
|
+
left: string;
|
|
112
|
+
right: string;
|
|
113
|
+
center: string;
|
|
114
|
+
};
|
|
115
|
+
}, undefined, "h-px grow bg-gradient-to-r border-0", tailwind_variants_dist_config_js.TVConfig<{
|
|
116
|
+
preset: {
|
|
117
|
+
left: string;
|
|
118
|
+
right: string;
|
|
119
|
+
center: string;
|
|
120
|
+
};
|
|
121
|
+
}, {
|
|
122
|
+
preset: {
|
|
123
|
+
left: string;
|
|
124
|
+
right: string;
|
|
125
|
+
center: string;
|
|
126
|
+
};
|
|
127
|
+
}>, {
|
|
128
|
+
preset: {
|
|
129
|
+
left: string;
|
|
130
|
+
right: string;
|
|
131
|
+
center: string;
|
|
132
|
+
};
|
|
133
|
+
}, undefined, tailwind_variants.TVReturnType<{
|
|
134
|
+
preset: {
|
|
135
|
+
left: string;
|
|
136
|
+
right: string;
|
|
137
|
+
center: string;
|
|
138
|
+
};
|
|
139
|
+
}, undefined, "h-px grow bg-gradient-to-r border-0", tailwind_variants_dist_config_js.TVConfig<{
|
|
140
|
+
preset: {
|
|
141
|
+
left: string;
|
|
142
|
+
right: string;
|
|
143
|
+
center: string;
|
|
144
|
+
};
|
|
145
|
+
}, {
|
|
146
|
+
preset: {
|
|
147
|
+
left: string;
|
|
148
|
+
right: string;
|
|
149
|
+
center: string;
|
|
150
|
+
};
|
|
151
|
+
}>, unknown, unknown, undefined>>;
|
|
152
|
+
interface DividerProps {
|
|
153
|
+
preset?: keyof typeof divider.variants.preset;
|
|
149
154
|
}
|
|
150
|
-
declare function
|
|
155
|
+
declare function Divider({ preset }: DividerProps): react_jsx_runtime.JSX.Element;
|
|
151
156
|
|
|
152
157
|
interface ModalProps extends Omit<ModalOverlayProps, "children"> {
|
|
153
158
|
modalOverlayClassName?: ModalOverlayProps["className"];
|
|
@@ -161,25 +166,78 @@ declare function DialogButtons({ children }: {
|
|
|
161
166
|
}): react_jsx_runtime.JSX.Element;
|
|
162
167
|
declare function DialogTrigger(props: DialogTriggerProps): react_jsx_runtime.JSX.Element;
|
|
163
168
|
|
|
169
|
+
type NumberFieldPreset = "normal" | "dimmed";
|
|
170
|
+
declare function NumberField({ inputProps, groupProps, children, preset, ...props }: NumberFieldProps & {
|
|
171
|
+
inputProps?: ComponentProps<typeof Input>;
|
|
172
|
+
groupProps?: ComponentProps<typeof Group>;
|
|
173
|
+
preset?: NumberFieldPreset;
|
|
174
|
+
}): react_jsx_runtime.JSX.Element;
|
|
175
|
+
|
|
176
|
+
interface ProgressBarProps extends Omit<ProgressBarProps$1, "children"> {
|
|
177
|
+
label?: string;
|
|
178
|
+
}
|
|
179
|
+
declare function ProgressBar({ className, label, ...props }: ProgressBarProps): JSX.Element;
|
|
180
|
+
|
|
181
|
+
declare function RadioGroup({ className, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
|
|
182
|
+
declare function Radio({ className, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
|
|
183
|
+
|
|
184
|
+
declare function SearchField({ inputProps, borderProps, children, ...props }: SearchFieldProps & {
|
|
185
|
+
inputProps?: ComponentProps<typeof Input>;
|
|
186
|
+
borderProps?: ComponentProps<"div">;
|
|
187
|
+
}): react_jsx_runtime.JSX.Element;
|
|
188
|
+
|
|
189
|
+
interface SelectProps<T extends object> extends Omit<SelectProps$1<T>, "children"> {
|
|
190
|
+
label?: string;
|
|
191
|
+
description?: string;
|
|
192
|
+
errorMessage?: string;
|
|
193
|
+
children?: ReactNode | ((item: T) => ReactNode);
|
|
194
|
+
}
|
|
195
|
+
declare function Select<T extends object>({ description, errorMessage, children, className, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
|
|
196
|
+
declare function Item({ className, ...props }: ListBoxItemProps): react_jsx_runtime.JSX.Element;
|
|
197
|
+
|
|
198
|
+
declare function Slider<T extends number | number[]>({ children, className, sliderThumbProps, sliderTrackProps, sliderTrackBackgroundClassName, sliderTrackForegroundClassName, ...props }: SliderProps<T> & {
|
|
199
|
+
sliderTrackProps?: SliderTrackProps;
|
|
200
|
+
sliderThumbProps?: SliderThumbProps;
|
|
201
|
+
sliderTrackBackgroundClassName?: string | ((values: SliderTrackRenderProps) => string);
|
|
202
|
+
sliderTrackForegroundClassName?: string | ((values: SliderTrackRenderProps) => string);
|
|
203
|
+
}): react_jsx_runtime.JSX.Element;
|
|
204
|
+
declare function SliderOutput(props: SliderOutputProps): react_jsx_runtime.JSX.Element;
|
|
205
|
+
|
|
206
|
+
interface SpinnerProps {
|
|
207
|
+
className?: string;
|
|
208
|
+
}
|
|
209
|
+
declare function Spinner({ className }: SpinnerProps): react_jsx_runtime.JSX.Element;
|
|
210
|
+
|
|
211
|
+
declare function Switch({ className, placeholder, children, ...props }: SwitchProps & {
|
|
212
|
+
placeholder?: string;
|
|
213
|
+
}): react_jsx_runtime.JSX.Element;
|
|
214
|
+
|
|
164
215
|
declare function Tabs({ onSelectionChange, ...rest }: TabsProps): react_jsx_runtime.JSX.Element;
|
|
165
216
|
declare function TabList<T extends object>({ className, ...rest }: TabListProps<T>): react_jsx_runtime.JSX.Element;
|
|
166
217
|
declare function Tab({ children, className, ...rest }: TabProps): react_jsx_runtime.JSX.Element;
|
|
167
218
|
declare function TabPanel({ ...rest }: TabPanelProps): react_jsx_runtime.JSX.Element;
|
|
168
219
|
|
|
169
|
-
declare function Checkbox({ children, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
|
|
170
|
-
|
|
171
220
|
declare function TextArea({ textAreaProps, borderProps, children, ...props }: TextFieldProps & {
|
|
172
221
|
textAreaProps?: TextAreaProps;
|
|
173
222
|
borderProps?: ComponentProps<"div">;
|
|
174
223
|
}): react_jsx_runtime.JSX.Element;
|
|
175
224
|
|
|
176
|
-
declare function
|
|
177
|
-
|
|
178
|
-
interface CardProps extends ComponentProps<"div"> {
|
|
225
|
+
declare function TextField({ inputProps, borderProps, children, ...props }: TextFieldProps & {
|
|
226
|
+
inputProps?: InputProps;
|
|
179
227
|
borderProps?: ComponentProps<"div">;
|
|
228
|
+
}): react_jsx_runtime.JSX.Element;
|
|
229
|
+
|
|
230
|
+
type ToggleButtonShape = "round" | "square" | "normal";
|
|
231
|
+
type ToggleButtonPreset = "gold" | "hextech" | "dimmed";
|
|
232
|
+
interface ToggleButtonProps extends ToggleButtonProps$1 {
|
|
233
|
+
innerProps?: ComponentProps<"span">;
|
|
234
|
+
preset?: ToggleButtonPreset;
|
|
235
|
+
thin?: boolean;
|
|
236
|
+
shape?: ToggleButtonShape;
|
|
180
237
|
}
|
|
181
|
-
declare function
|
|
182
|
-
|
|
238
|
+
declare function ToggleButton({ children, className, innerProps, preset, shape, thin, ...props }: ToggleButtonProps): react_jsx_runtime.JSX.Element;
|
|
239
|
+
|
|
240
|
+
declare function Tooltip({ children, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
183
241
|
|
|
184
242
|
type HeadingColor = "gold-100" | "gold-200" | "gold-400" | "grey-100";
|
|
185
243
|
type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5";
|
|
@@ -206,16 +264,15 @@ interface LabelProps extends LabelProps$1 {
|
|
|
206
264
|
}
|
|
207
265
|
declare function Label({ preset, color, className, ...rest }: LabelProps): JSX.Element;
|
|
208
266
|
|
|
209
|
-
declare const
|
|
267
|
+
declare const goldGradient = "from-lol-gold-500 via-lol-gold-400 to-lol-gold-200";
|
|
268
|
+
declare const goldGradientHover = "from-lol-gold-400 via-lol-gold-200 to-lol-gold-100";
|
|
269
|
+
declare const goldGradientPressed = "from-lol-gold-600 via-lol-gold-600 to-lol-gold-500";
|
|
270
|
+
declare const hextechGradient = "from-lol-blue-200 to-lol-blue-400";
|
|
271
|
+
declare const hextechGradientHover = "from-lol-blue-100 to-lol-blue-300";
|
|
272
|
+
declare const hextechGradientPressed = "from-lol-blue-500 to-lol-blue-400";
|
|
273
|
+
declare const dimmedGradient = "from-lol-grey-300 via-lol-grey-300 to-lol-grey-300";
|
|
274
|
+
declare const disabledGradient = "from-lol-grey-150 via-lol-grey-150 to-lol-grey-150";
|
|
210
275
|
|
|
211
|
-
|
|
212
|
-
type ToggleButtonPreset = "gold" | "hextech" | "dimmed";
|
|
213
|
-
interface ToggleButtonProps extends ToggleButtonProps$1 {
|
|
214
|
-
innerProps?: ComponentProps<"span">;
|
|
215
|
-
preset?: ToggleButtonPreset;
|
|
216
|
-
thin?: boolean;
|
|
217
|
-
shape?: ToggleButtonShape;
|
|
218
|
-
}
|
|
219
|
-
declare function ToggleButton({ children, className, innerProps, preset, shape, thin, ...props }: ToggleButtonProps): react_jsx_runtime.JSX.Element;
|
|
276
|
+
declare const tv: tailwind_variants.TV;
|
|
220
277
|
|
|
221
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Button, type ButtonPreset, type ButtonShape, Card, type CardProps, Checkbox, DialogButtons, DialogHeading, DialogTrigger, Heading, type HeadingColor, type HeadingElement, Item, Label, Modal, NumberField, ProgressBar, Radio, RadioGroup, SearchField, Select, Slider, SliderOutput, Spinner, Switch, Tab, TabList, TabPanel, Tabs, Text, TextArea, type TextColor, type TextElement, TextField, type TextPreset, ToggleButton, type ToggleButtonPreset, type ToggleButtonShape, Tooltip, accordionTrigger, accordionTriggerInner, borderInverted, tv };
|
|
278
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Button, type ButtonPreset, type ButtonShape, Card, type CardProps, Checkbox, DialogButtons, DialogHeading, DialogTrigger, Divider, Heading, type HeadingColor, type HeadingElement, Item, Label, Modal, NumberField, ProgressBar, Radio, RadioGroup, SearchField, Select, Slider, SliderOutput, Spinner, Switch, Tab, TabList, TabPanel, Tabs, Text, TextArea, type TextColor, type TextElement, TextField, type TextPreset, ToggleButton, type ToggleButtonPreset, type ToggleButtonShape, Tooltip, accordionTrigger, accordionTriggerInner, borderInverted, dimmedGradient, disabledGradient, goldGradient, goldGradientHover, goldGradientPressed, hextechGradient, hextechGradientHover, hextechGradientPressed, tv };
|