@lolmath/ui 3.1.1 → 3.2.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/dist/index.cjs +1040 -997
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +137 -79
- package/dist/index.d.ts +137 -79
- package/dist/index.js +1061 -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,72 @@ 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 border-0 bg-gradient-to-r", 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 border-0 bg-gradient-to-r", 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 extends React.HTMLAttributes<HTMLDivElement> {
|
|
153
|
+
preset?: keyof typeof divider.variants.preset;
|
|
154
|
+
hrProps?: React.HTMLAttributes<HTMLHRElement>;
|
|
149
155
|
}
|
|
150
|
-
declare function
|
|
156
|
+
declare function Divider({ preset, hrProps, ...rest }: DividerProps): react_jsx_runtime.JSX.Element;
|
|
151
157
|
|
|
152
158
|
interface ModalProps extends Omit<ModalOverlayProps, "children"> {
|
|
153
159
|
modalOverlayClassName?: ModalOverlayProps["className"];
|
|
@@ -161,25 +167,78 @@ declare function DialogButtons({ children }: {
|
|
|
161
167
|
}): react_jsx_runtime.JSX.Element;
|
|
162
168
|
declare function DialogTrigger(props: DialogTriggerProps): react_jsx_runtime.JSX.Element;
|
|
163
169
|
|
|
170
|
+
type NumberFieldPreset = "normal" | "dimmed";
|
|
171
|
+
declare function NumberField({ inputProps, groupProps, children, preset, ...props }: NumberFieldProps & {
|
|
172
|
+
inputProps?: ComponentProps<typeof Input>;
|
|
173
|
+
groupProps?: ComponentProps<typeof Group>;
|
|
174
|
+
preset?: NumberFieldPreset;
|
|
175
|
+
}): react_jsx_runtime.JSX.Element;
|
|
176
|
+
|
|
177
|
+
interface ProgressBarProps extends Omit<ProgressBarProps$1, "children"> {
|
|
178
|
+
label?: string;
|
|
179
|
+
}
|
|
180
|
+
declare function ProgressBar({ className, label, ...props }: ProgressBarProps): JSX.Element;
|
|
181
|
+
|
|
182
|
+
declare function RadioGroup({ className, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
|
|
183
|
+
declare function Radio({ className, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
|
|
184
|
+
|
|
185
|
+
declare function SearchField({ inputProps, borderProps, children, ...props }: SearchFieldProps & {
|
|
186
|
+
inputProps?: ComponentProps<typeof Input>;
|
|
187
|
+
borderProps?: ComponentProps<"div">;
|
|
188
|
+
}): react_jsx_runtime.JSX.Element;
|
|
189
|
+
|
|
190
|
+
interface SelectProps<T extends object> extends Omit<SelectProps$1<T>, "children"> {
|
|
191
|
+
label?: string;
|
|
192
|
+
description?: string;
|
|
193
|
+
errorMessage?: string;
|
|
194
|
+
children?: ReactNode | ((item: T) => ReactNode);
|
|
195
|
+
}
|
|
196
|
+
declare function Select<T extends object>({ description, errorMessage, children, className, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
|
|
197
|
+
declare function Item({ className, ...props }: ListBoxItemProps): react_jsx_runtime.JSX.Element;
|
|
198
|
+
|
|
199
|
+
declare function Slider<T extends number | number[]>({ children, className, sliderThumbProps, sliderTrackProps, sliderTrackBackgroundClassName, sliderTrackForegroundClassName, ...props }: SliderProps<T> & {
|
|
200
|
+
sliderTrackProps?: SliderTrackProps;
|
|
201
|
+
sliderThumbProps?: SliderThumbProps;
|
|
202
|
+
sliderTrackBackgroundClassName?: string | ((values: SliderTrackRenderProps) => string);
|
|
203
|
+
sliderTrackForegroundClassName?: string | ((values: SliderTrackRenderProps) => string);
|
|
204
|
+
}): react_jsx_runtime.JSX.Element;
|
|
205
|
+
declare function SliderOutput(props: SliderOutputProps): react_jsx_runtime.JSX.Element;
|
|
206
|
+
|
|
207
|
+
interface SpinnerProps {
|
|
208
|
+
className?: string;
|
|
209
|
+
}
|
|
210
|
+
declare function Spinner({ className }: SpinnerProps): react_jsx_runtime.JSX.Element;
|
|
211
|
+
|
|
212
|
+
declare function Switch({ className, placeholder, children, ...props }: SwitchProps & {
|
|
213
|
+
placeholder?: string;
|
|
214
|
+
}): react_jsx_runtime.JSX.Element;
|
|
215
|
+
|
|
164
216
|
declare function Tabs({ onSelectionChange, ...rest }: TabsProps): react_jsx_runtime.JSX.Element;
|
|
165
217
|
declare function TabList<T extends object>({ className, ...rest }: TabListProps<T>): react_jsx_runtime.JSX.Element;
|
|
166
218
|
declare function Tab({ children, className, ...rest }: TabProps): react_jsx_runtime.JSX.Element;
|
|
167
219
|
declare function TabPanel({ ...rest }: TabPanelProps): react_jsx_runtime.JSX.Element;
|
|
168
220
|
|
|
169
|
-
declare function Checkbox({ children, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
|
|
170
|
-
|
|
171
221
|
declare function TextArea({ textAreaProps, borderProps, children, ...props }: TextFieldProps & {
|
|
172
222
|
textAreaProps?: TextAreaProps;
|
|
173
223
|
borderProps?: ComponentProps<"div">;
|
|
174
224
|
}): react_jsx_runtime.JSX.Element;
|
|
175
225
|
|
|
176
|
-
declare function
|
|
177
|
-
|
|
178
|
-
interface CardProps extends ComponentProps<"div"> {
|
|
226
|
+
declare function TextField({ inputProps, borderProps, children, ...props }: TextFieldProps & {
|
|
227
|
+
inputProps?: InputProps;
|
|
179
228
|
borderProps?: ComponentProps<"div">;
|
|
229
|
+
}): react_jsx_runtime.JSX.Element;
|
|
230
|
+
|
|
231
|
+
type ToggleButtonShape = "round" | "square" | "normal";
|
|
232
|
+
type ToggleButtonPreset = "gold" | "hextech" | "dimmed";
|
|
233
|
+
interface ToggleButtonProps extends ToggleButtonProps$1 {
|
|
234
|
+
innerProps?: ComponentProps<"span">;
|
|
235
|
+
preset?: ToggleButtonPreset;
|
|
236
|
+
thin?: boolean;
|
|
237
|
+
shape?: ToggleButtonShape;
|
|
180
238
|
}
|
|
181
|
-
declare function
|
|
182
|
-
|
|
239
|
+
declare function ToggleButton({ children, className, innerProps, preset, shape, thin, ...props }: ToggleButtonProps): react_jsx_runtime.JSX.Element;
|
|
240
|
+
|
|
241
|
+
declare function Tooltip({ children, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
183
242
|
|
|
184
243
|
type HeadingColor = "gold-100" | "gold-200" | "gold-400" | "grey-100";
|
|
185
244
|
type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5";
|
|
@@ -206,16 +265,15 @@ interface LabelProps extends LabelProps$1 {
|
|
|
206
265
|
}
|
|
207
266
|
declare function Label({ preset, color, className, ...rest }: LabelProps): JSX.Element;
|
|
208
267
|
|
|
209
|
-
declare const
|
|
268
|
+
declare const goldGradient = "from-lol-gold-500 via-lol-gold-400 to-lol-gold-200";
|
|
269
|
+
declare const goldGradientHover = "from-lol-gold-400 via-lol-gold-200 to-lol-gold-100";
|
|
270
|
+
declare const goldGradientPressed = "from-lol-gold-600 via-lol-gold-600 to-lol-gold-500";
|
|
271
|
+
declare const hextechGradient = "from-lol-blue-200 to-lol-blue-400";
|
|
272
|
+
declare const hextechGradientHover = "from-lol-blue-100 to-lol-blue-300";
|
|
273
|
+
declare const hextechGradientPressed = "from-lol-blue-500 to-lol-blue-400";
|
|
274
|
+
declare const dimmedGradient = "from-lol-grey-300 via-lol-grey-300 to-lol-grey-300";
|
|
275
|
+
declare const disabledGradient = "from-lol-grey-150 via-lol-grey-150 to-lol-grey-150";
|
|
210
276
|
|
|
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;
|
|
277
|
+
declare const tv: tailwind_variants.TV;
|
|
220
278
|
|
|
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 };
|
|
279
|
+
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,72 @@ 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 border-0 bg-gradient-to-r", 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 border-0 bg-gradient-to-r", 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 extends React.HTMLAttributes<HTMLDivElement> {
|
|
153
|
+
preset?: keyof typeof divider.variants.preset;
|
|
154
|
+
hrProps?: React.HTMLAttributes<HTMLHRElement>;
|
|
149
155
|
}
|
|
150
|
-
declare function
|
|
156
|
+
declare function Divider({ preset, hrProps, ...rest }: DividerProps): react_jsx_runtime.JSX.Element;
|
|
151
157
|
|
|
152
158
|
interface ModalProps extends Omit<ModalOverlayProps, "children"> {
|
|
153
159
|
modalOverlayClassName?: ModalOverlayProps["className"];
|
|
@@ -161,25 +167,78 @@ declare function DialogButtons({ children }: {
|
|
|
161
167
|
}): react_jsx_runtime.JSX.Element;
|
|
162
168
|
declare function DialogTrigger(props: DialogTriggerProps): react_jsx_runtime.JSX.Element;
|
|
163
169
|
|
|
170
|
+
type NumberFieldPreset = "normal" | "dimmed";
|
|
171
|
+
declare function NumberField({ inputProps, groupProps, children, preset, ...props }: NumberFieldProps & {
|
|
172
|
+
inputProps?: ComponentProps<typeof Input>;
|
|
173
|
+
groupProps?: ComponentProps<typeof Group>;
|
|
174
|
+
preset?: NumberFieldPreset;
|
|
175
|
+
}): react_jsx_runtime.JSX.Element;
|
|
176
|
+
|
|
177
|
+
interface ProgressBarProps extends Omit<ProgressBarProps$1, "children"> {
|
|
178
|
+
label?: string;
|
|
179
|
+
}
|
|
180
|
+
declare function ProgressBar({ className, label, ...props }: ProgressBarProps): JSX.Element;
|
|
181
|
+
|
|
182
|
+
declare function RadioGroup({ className, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
|
|
183
|
+
declare function Radio({ className, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
|
|
184
|
+
|
|
185
|
+
declare function SearchField({ inputProps, borderProps, children, ...props }: SearchFieldProps & {
|
|
186
|
+
inputProps?: ComponentProps<typeof Input>;
|
|
187
|
+
borderProps?: ComponentProps<"div">;
|
|
188
|
+
}): react_jsx_runtime.JSX.Element;
|
|
189
|
+
|
|
190
|
+
interface SelectProps<T extends object> extends Omit<SelectProps$1<T>, "children"> {
|
|
191
|
+
label?: string;
|
|
192
|
+
description?: string;
|
|
193
|
+
errorMessage?: string;
|
|
194
|
+
children?: ReactNode | ((item: T) => ReactNode);
|
|
195
|
+
}
|
|
196
|
+
declare function Select<T extends object>({ description, errorMessage, children, className, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
|
|
197
|
+
declare function Item({ className, ...props }: ListBoxItemProps): react_jsx_runtime.JSX.Element;
|
|
198
|
+
|
|
199
|
+
declare function Slider<T extends number | number[]>({ children, className, sliderThumbProps, sliderTrackProps, sliderTrackBackgroundClassName, sliderTrackForegroundClassName, ...props }: SliderProps<T> & {
|
|
200
|
+
sliderTrackProps?: SliderTrackProps;
|
|
201
|
+
sliderThumbProps?: SliderThumbProps;
|
|
202
|
+
sliderTrackBackgroundClassName?: string | ((values: SliderTrackRenderProps) => string);
|
|
203
|
+
sliderTrackForegroundClassName?: string | ((values: SliderTrackRenderProps) => string);
|
|
204
|
+
}): react_jsx_runtime.JSX.Element;
|
|
205
|
+
declare function SliderOutput(props: SliderOutputProps): react_jsx_runtime.JSX.Element;
|
|
206
|
+
|
|
207
|
+
interface SpinnerProps {
|
|
208
|
+
className?: string;
|
|
209
|
+
}
|
|
210
|
+
declare function Spinner({ className }: SpinnerProps): react_jsx_runtime.JSX.Element;
|
|
211
|
+
|
|
212
|
+
declare function Switch({ className, placeholder, children, ...props }: SwitchProps & {
|
|
213
|
+
placeholder?: string;
|
|
214
|
+
}): react_jsx_runtime.JSX.Element;
|
|
215
|
+
|
|
164
216
|
declare function Tabs({ onSelectionChange, ...rest }: TabsProps): react_jsx_runtime.JSX.Element;
|
|
165
217
|
declare function TabList<T extends object>({ className, ...rest }: TabListProps<T>): react_jsx_runtime.JSX.Element;
|
|
166
218
|
declare function Tab({ children, className, ...rest }: TabProps): react_jsx_runtime.JSX.Element;
|
|
167
219
|
declare function TabPanel({ ...rest }: TabPanelProps): react_jsx_runtime.JSX.Element;
|
|
168
220
|
|
|
169
|
-
declare function Checkbox({ children, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
|
|
170
|
-
|
|
171
221
|
declare function TextArea({ textAreaProps, borderProps, children, ...props }: TextFieldProps & {
|
|
172
222
|
textAreaProps?: TextAreaProps;
|
|
173
223
|
borderProps?: ComponentProps<"div">;
|
|
174
224
|
}): react_jsx_runtime.JSX.Element;
|
|
175
225
|
|
|
176
|
-
declare function
|
|
177
|
-
|
|
178
|
-
interface CardProps extends ComponentProps<"div"> {
|
|
226
|
+
declare function TextField({ inputProps, borderProps, children, ...props }: TextFieldProps & {
|
|
227
|
+
inputProps?: InputProps;
|
|
179
228
|
borderProps?: ComponentProps<"div">;
|
|
229
|
+
}): react_jsx_runtime.JSX.Element;
|
|
230
|
+
|
|
231
|
+
type ToggleButtonShape = "round" | "square" | "normal";
|
|
232
|
+
type ToggleButtonPreset = "gold" | "hextech" | "dimmed";
|
|
233
|
+
interface ToggleButtonProps extends ToggleButtonProps$1 {
|
|
234
|
+
innerProps?: ComponentProps<"span">;
|
|
235
|
+
preset?: ToggleButtonPreset;
|
|
236
|
+
thin?: boolean;
|
|
237
|
+
shape?: ToggleButtonShape;
|
|
180
238
|
}
|
|
181
|
-
declare function
|
|
182
|
-
|
|
239
|
+
declare function ToggleButton({ children, className, innerProps, preset, shape, thin, ...props }: ToggleButtonProps): react_jsx_runtime.JSX.Element;
|
|
240
|
+
|
|
241
|
+
declare function Tooltip({ children, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
183
242
|
|
|
184
243
|
type HeadingColor = "gold-100" | "gold-200" | "gold-400" | "grey-100";
|
|
185
244
|
type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5";
|
|
@@ -206,16 +265,15 @@ interface LabelProps extends LabelProps$1 {
|
|
|
206
265
|
}
|
|
207
266
|
declare function Label({ preset, color, className, ...rest }: LabelProps): JSX.Element;
|
|
208
267
|
|
|
209
|
-
declare const
|
|
268
|
+
declare const goldGradient = "from-lol-gold-500 via-lol-gold-400 to-lol-gold-200";
|
|
269
|
+
declare const goldGradientHover = "from-lol-gold-400 via-lol-gold-200 to-lol-gold-100";
|
|
270
|
+
declare const goldGradientPressed = "from-lol-gold-600 via-lol-gold-600 to-lol-gold-500";
|
|
271
|
+
declare const hextechGradient = "from-lol-blue-200 to-lol-blue-400";
|
|
272
|
+
declare const hextechGradientHover = "from-lol-blue-100 to-lol-blue-300";
|
|
273
|
+
declare const hextechGradientPressed = "from-lol-blue-500 to-lol-blue-400";
|
|
274
|
+
declare const dimmedGradient = "from-lol-grey-300 via-lol-grey-300 to-lol-grey-300";
|
|
275
|
+
declare const disabledGradient = "from-lol-grey-150 via-lol-grey-150 to-lol-grey-150";
|
|
210
276
|
|
|
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;
|
|
277
|
+
declare const tv: tailwind_variants.TV;
|
|
220
278
|
|
|
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 };
|
|
279
|
+
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 };
|