@lolmath/ui 4.0.0 → 5.0.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/es/index.css +1378 -0
- package/dist/es/index.d.ts +522 -23
- package/dist/es/index.js +1695 -23
- package/dist/es/index.js.map +1 -1
- package/dist/es/plugin.d.ts +7 -3
- package/dist/es/plugin.js +23 -22
- package/dist/es/plugin.js.map +1 -1
- package/dist/font/beaufort/beaufort.css +50 -50
- package/dist/font/spiegel/spiegel.css +25 -30
- package/dist/lib/index.css +1378 -0
- package/dist/lib/index.d.ts +522 -23
- package/dist/lib/index.js +1650 -47
- package/dist/lib/index.js.map +1 -1
- package/dist/lib/plugin.d.ts +7 -3
- package/dist/lib/plugin.js +24 -22
- package/dist/lib/plugin.js.map +1 -1
- package/package.json +16 -14
- package/readme.md +43 -2
- package/dist/es/assets/active.4113e6b2.png +0 -0
- package/dist/es/assets/checked-disabled.b5430cf5.png +0 -0
- package/dist/es/assets/checked-hover.d13cb1b3.png +0 -0
- package/dist/es/assets/checked-hovered.67390091.png +0 -0
- package/dist/es/assets/checked-pressed.cffd963b.png +0 -0
- package/dist/es/assets/checked.3258b858.png +0 -0
- package/dist/es/assets/checked.b9e4b215.png +0 -0
- package/dist/es/assets/closed.484c8084.png +0 -0
- package/dist/es/assets/disabled.87ad565d.png +0 -0
- package/dist/es/assets/hover.404fa456.png +0 -0
- package/dist/es/assets/indeterminate-hover.68fcbcda.png +0 -0
- package/dist/es/assets/indeterminate.90d6dc3e.png +0 -0
- package/dist/es/assets/normal.e4c594a1.png +0 -0
- package/dist/es/assets/open.a8643ee6.png +0 -0
- package/dist/es/assets/search.c15f1e1d.png +0 -0
- package/dist/es/assets/spinner.a69432f7.png +0 -0
- package/dist/es/assets/unchecked-disabled.702505e2.png +0 -0
- package/dist/es/assets/unchecked-hover.c8e5f2d0.png +0 -0
- package/dist/es/assets/unchecked-hovered.e26c4420.png +0 -0
- package/dist/es/assets/unchecked-pressed.161ab6f8.png +0 -0
- package/dist/es/assets/unchecked.ad8e0a95.png +0 -0
- package/dist/es/assets/unchecked.cc033abe.png +0 -0
- package/dist/es/components/accordion.d.ts +0 -74
- package/dist/es/components/accordion.js +0 -74
- package/dist/es/components/accordion.js.map +0 -1
- package/dist/es/components/accordion.module.js +0 -7
- package/dist/es/components/accordion.module.js.map +0 -1
- package/dist/es/components/accordion_module.css +0 -37
- package/dist/es/components/breadcrumbs.d.ts +0 -3
- package/dist/es/components/breadcrumbs.js +0 -67
- package/dist/es/components/breadcrumbs.js.map +0 -1
- package/dist/es/components/breadcrumbs.module.js +0 -7
- package/dist/es/components/breadcrumbs.module.js.map +0 -1
- package/dist/es/components/breadcrumbs_module.css +0 -23
- package/dist/es/components/button-link.d.ts +0 -11
- package/dist/es/components/button-link.js +0 -39
- package/dist/es/components/button-link.js.map +0 -1
- package/dist/es/components/button.d.ts +0 -76
- package/dist/es/components/button.js +0 -78
- package/dist/es/components/button.js.map +0 -1
- package/dist/es/components/button.module.js +0 -7
- package/dist/es/components/button.module.js.map +0 -1
- package/dist/es/components/button_module.css +0 -158
- package/dist/es/components/card.d.ts +0 -6
- package/dist/es/components/card.js +0 -32
- package/dist/es/components/card.js.map +0 -1
- package/dist/es/components/card.module.js +0 -7
- package/dist/es/components/card.module.js.map +0 -1
- package/dist/es/components/card_module.css +0 -16
- package/dist/es/components/checkbox/checkbox.d.ts +0 -2
- package/dist/es/components/checkbox/checkbox.js +0 -55
- package/dist/es/components/checkbox/checkbox.js.map +0 -1
- package/dist/es/components/checkbox/checkbox.module.js +0 -7
- package/dist/es/components/checkbox/checkbox.module.js.map +0 -1
- package/dist/es/components/checkbox/checkbox_module.css +0 -17
- package/dist/es/components/divider.d.ts +0 -6
- package/dist/es/components/divider.js +0 -31
- package/dist/es/components/divider.js.map +0 -1
- package/dist/es/components/divider.module.js +0 -7
- package/dist/es/components/divider.module.js.map +0 -1
- package/dist/es/components/divider_module.css +0 -29
- package/dist/es/components/modal.d.ts +0 -13
- package/dist/es/components/modal.js +0 -86
- package/dist/es/components/modal.js.map +0 -1
- package/dist/es/components/modal.module.js +0 -7
- package/dist/es/components/modal.module.js.map +0 -1
- package/dist/es/components/modal_module.css +0 -80
- package/dist/es/components/number-field.d.ts +0 -10
- package/dist/es/components/number-field.js +0 -103
- package/dist/es/components/number-field.js.map +0 -1
- package/dist/es/components/number-field.module.js +0 -7
- package/dist/es/components/number-field.module.js.map +0 -1
- package/dist/es/components/number-field_module.css +0 -54
- package/dist/es/components/popover.d.ts +0 -1
- package/dist/es/components/popover.js +0 -0
- package/dist/es/components/popover.module.css +0 -0
- package/dist/es/components/progress-bar.d.ts +0 -6
- package/dist/es/components/progress-bar.js +0 -25
- package/dist/es/components/progress-bar.js.map +0 -1
- package/dist/es/components/progress-bar.module.js +0 -7
- package/dist/es/components/progress-bar.module.js.map +0 -1
- package/dist/es/components/progress-bar_module.css +0 -33
- package/dist/es/components/radio-group/radio-group.d.ts +0 -3
- package/dist/es/components/radio-group/radio-group.js +0 -46
- package/dist/es/components/radio-group/radio-group.js.map +0 -1
- package/dist/es/components/radio-group/radio-group.module.js +0 -7
- package/dist/es/components/radio-group/radio-group.module.js.map +0 -1
- package/dist/es/components/radio-group/radio-group_module.css +0 -53
- package/dist/es/components/search-field/search-field.d.ts +0 -6
- package/dist/es/components/search-field/search-field.js +0 -67
- package/dist/es/components/search-field/search-field.js.map +0 -1
- package/dist/es/components/search-field/search-field.module.js +0 -7
- package/dist/es/components/search-field/search-field.module.js.map +0 -1
- package/dist/es/components/search-field/search-field_module.css +0 -76
- package/dist/es/components/select/select.d.ts +0 -11
- package/dist/es/components/select/select.js +0 -76
- package/dist/es/components/select/select.js.map +0 -1
- package/dist/es/components/select/select.module.js +0 -7
- package/dist/es/components/select/select.module.js.map +0 -1
- package/dist/es/components/select/select_module.css +0 -75
- package/dist/es/components/slider/slider.d.ts +0 -8
- package/dist/es/components/slider/slider.js +0 -146
- package/dist/es/components/slider/slider.js.map +0 -1
- package/dist/es/components/slider/slider.module.js +0 -7
- package/dist/es/components/slider/slider.module.js.map +0 -1
- package/dist/es/components/slider/slider_module.css +0 -60
- package/dist/es/components/spinner/spinner.d.ts +0 -5
- package/dist/es/components/spinner/spinner.js +0 -21
- package/dist/es/components/spinner/spinner.js.map +0 -1
- package/dist/es/components/spinner/spinner.module.js +0 -7
- package/dist/es/components/spinner/spinner.module.js.map +0 -1
- package/dist/es/components/spinner/spinner_module.css +0 -16
- package/dist/es/components/switch.d.ts +0 -4
- package/dist/es/components/switch.js +0 -61
- package/dist/es/components/switch.js.map +0 -1
- package/dist/es/components/switch.module.js +0 -7
- package/dist/es/components/switch.module.js.map +0 -1
- package/dist/es/components/switch_module.css +0 -69
- package/dist/es/components/tabs.d.ts +0 -6
- package/dist/es/components/tabs.js +0 -71
- package/dist/es/components/tabs.js.map +0 -1
- package/dist/es/components/tabs.module.js +0 -7
- package/dist/es/components/tabs.module.js.map +0 -1
- package/dist/es/components/tabs_module.css +0 -50
- package/dist/es/components/text-area.d.ts +0 -4
- package/dist/es/components/text-area.js +0 -31
- package/dist/es/components/text-area.js.map +0 -1
- package/dist/es/components/text-field.d.ts +0 -64
- package/dist/es/components/text-field.js +0 -46
- package/dist/es/components/text-field.js.map +0 -1
- package/dist/es/components/text-field.module.js +0 -7
- package/dist/es/components/text-field.module.js.map +0 -1
- package/dist/es/components/text-field_module.css +0 -33
- package/dist/es/components/toggle-button.d.ts +0 -10
- package/dist/es/components/toggle-button.js +0 -68
- package/dist/es/components/toggle-button.js.map +0 -1
- package/dist/es/components/tooltip.d.ts +0 -3
- package/dist/es/components/tooltip.js +0 -67
- package/dist/es/components/tooltip.js.map +0 -1
- package/dist/es/components/tooltip.module.js +0 -7
- package/dist/es/components/tooltip.module.js.map +0 -1
- package/dist/es/components/tooltip_module.css +0 -66
- package/dist/es/components/typography/heading.d.ts +0 -67
- package/dist/es/components/typography/heading.js +0 -40
- package/dist/es/components/typography/heading.js.map +0 -1
- package/dist/es/components/typography/heading.module.js +0 -7
- package/dist/es/components/typography/heading.module.js.map +0 -1
- package/dist/es/components/typography/heading_module.css +0 -56
- package/dist/es/components/typography/text.d.ts +0 -17
- package/dist/es/components/typography/text.js +0 -63
- package/dist/es/components/typography/text.js.map +0 -1
- package/dist/es/components/typography/text.module.js +0 -7
- package/dist/es/components/typography/text.module.js.map +0 -1
- package/dist/es/components/typography/text_module.css +0 -64
- package/dist/es/style.css +0 -109
- package/dist/es/utilities/resolve-class-name.d.ts +0 -1
- package/dist/es/utilities/resolve-class-name.js +0 -8
- package/dist/es/utilities/resolve-class-name.js.map +0 -1
- package/dist/lib/assets/active.4113e6b2.png +0 -0
- package/dist/lib/assets/checked-disabled.b5430cf5.png +0 -0
- package/dist/lib/assets/checked-hover.d13cb1b3.png +0 -0
- package/dist/lib/assets/checked-hovered.67390091.png +0 -0
- package/dist/lib/assets/checked-pressed.cffd963b.png +0 -0
- package/dist/lib/assets/checked.3258b858.png +0 -0
- package/dist/lib/assets/checked.b9e4b215.png +0 -0
- package/dist/lib/assets/closed.484c8084.png +0 -0
- package/dist/lib/assets/disabled.87ad565d.png +0 -0
- package/dist/lib/assets/hover.404fa456.png +0 -0
- package/dist/lib/assets/indeterminate-hover.68fcbcda.png +0 -0
- package/dist/lib/assets/indeterminate.90d6dc3e.png +0 -0
- package/dist/lib/assets/normal.e4c594a1.png +0 -0
- package/dist/lib/assets/open.a8643ee6.png +0 -0
- package/dist/lib/assets/search.c15f1e1d.png +0 -0
- package/dist/lib/assets/spinner.a69432f7.png +0 -0
- package/dist/lib/assets/unchecked-disabled.702505e2.png +0 -0
- package/dist/lib/assets/unchecked-hover.c8e5f2d0.png +0 -0
- package/dist/lib/assets/unchecked-hovered.e26c4420.png +0 -0
- package/dist/lib/assets/unchecked-pressed.161ab6f8.png +0 -0
- package/dist/lib/assets/unchecked.ad8e0a95.png +0 -0
- package/dist/lib/assets/unchecked.cc033abe.png +0 -0
- package/dist/lib/components/accordion.d.ts +0 -74
- package/dist/lib/components/accordion.js +0 -112
- package/dist/lib/components/accordion.js.map +0 -1
- package/dist/lib/components/accordion.module.js +0 -27
- package/dist/lib/components/accordion.module.js.map +0 -1
- package/dist/lib/components/accordion_module.css +0 -37
- package/dist/lib/components/breadcrumbs.d.ts +0 -3
- package/dist/lib/components/breadcrumbs.js +0 -98
- package/dist/lib/components/breadcrumbs.js.map +0 -1
- package/dist/lib/components/breadcrumbs.module.js +0 -27
- package/dist/lib/components/breadcrumbs.module.js.map +0 -1
- package/dist/lib/components/breadcrumbs_module.css +0 -23
- package/dist/lib/components/button-link.d.ts +0 -11
- package/dist/lib/components/button-link.js +0 -64
- package/dist/lib/components/button-link.js.map +0 -1
- package/dist/lib/components/button.d.ts +0 -76
- package/dist/lib/components/button.js +0 -112
- package/dist/lib/components/button.js.map +0 -1
- package/dist/lib/components/button.module.js +0 -27
- package/dist/lib/components/button.module.js.map +0 -1
- package/dist/lib/components/button_module.css +0 -158
- package/dist/lib/components/card.d.ts +0 -6
- package/dist/lib/components/card.js +0 -66
- package/dist/lib/components/card.js.map +0 -1
- package/dist/lib/components/card.module.js +0 -27
- package/dist/lib/components/card.module.js.map +0 -1
- package/dist/lib/components/card_module.css +0 -16
- package/dist/lib/components/checkbox/checkbox.d.ts +0 -2
- package/dist/lib/components/checkbox/checkbox.js +0 -87
- package/dist/lib/components/checkbox/checkbox.js.map +0 -1
- package/dist/lib/components/checkbox/checkbox.module.js +0 -27
- package/dist/lib/components/checkbox/checkbox.module.js.map +0 -1
- package/dist/lib/components/checkbox/checkbox_module.css +0 -17
- package/dist/lib/components/divider.d.ts +0 -6
- package/dist/lib/components/divider.js +0 -65
- package/dist/lib/components/divider.js.map +0 -1
- package/dist/lib/components/divider.module.js +0 -27
- package/dist/lib/components/divider.module.js.map +0 -1
- package/dist/lib/components/divider_module.css +0 -29
- package/dist/lib/components/modal.d.ts +0 -13
- package/dist/lib/components/modal.js +0 -117
- package/dist/lib/components/modal.js.map +0 -1
- package/dist/lib/components/modal.module.js +0 -27
- package/dist/lib/components/modal.module.js.map +0 -1
- package/dist/lib/components/modal_module.css +0 -80
- package/dist/lib/components/number-field.d.ts +0 -10
- package/dist/lib/components/number-field.js +0 -132
- package/dist/lib/components/number-field.js.map +0 -1
- package/dist/lib/components/number-field.module.js +0 -27
- package/dist/lib/components/number-field.module.js.map +0 -1
- package/dist/lib/components/number-field_module.css +0 -54
- package/dist/lib/components/popover.d.ts +0 -1
- package/dist/lib/components/popover.js +0 -1
- package/dist/lib/components/popover.module.css +0 -0
- package/dist/lib/components/progress-bar.d.ts +0 -6
- package/dist/lib/components/progress-bar.js +0 -56
- package/dist/lib/components/progress-bar.js.map +0 -1
- package/dist/lib/components/progress-bar.module.js +0 -27
- package/dist/lib/components/progress-bar.module.js.map +0 -1
- package/dist/lib/components/progress-bar_module.css +0 -33
- package/dist/lib/components/radio-group/radio-group.d.ts +0 -3
- package/dist/lib/components/radio-group/radio-group.js +0 -78
- package/dist/lib/components/radio-group/radio-group.js.map +0 -1
- package/dist/lib/components/radio-group/radio-group.module.js +0 -27
- package/dist/lib/components/radio-group/radio-group.module.js.map +0 -1
- package/dist/lib/components/radio-group/radio-group_module.css +0 -53
- package/dist/lib/components/search-field/search-field.d.ts +0 -6
- package/dist/lib/components/search-field/search-field.js +0 -97
- package/dist/lib/components/search-field/search-field.js.map +0 -1
- package/dist/lib/components/search-field/search-field.module.js +0 -27
- package/dist/lib/components/search-field/search-field.module.js.map +0 -1
- package/dist/lib/components/search-field/search-field_module.css +0 -76
- package/dist/lib/components/select/select.d.ts +0 -11
- package/dist/lib/components/select/select.js +0 -103
- package/dist/lib/components/select/select.js.map +0 -1
- package/dist/lib/components/select/select.module.js +0 -27
- package/dist/lib/components/select/select.module.js.map +0 -1
- package/dist/lib/components/select/select_module.css +0 -75
- package/dist/lib/components/slider/slider.d.ts +0 -8
- package/dist/lib/components/slider/slider.js +0 -176
- package/dist/lib/components/slider/slider.js.map +0 -1
- package/dist/lib/components/slider/slider.module.js +0 -27
- package/dist/lib/components/slider/slider.module.js.map +0 -1
- package/dist/lib/components/slider/slider_module.css +0 -60
- package/dist/lib/components/spinner/spinner.d.ts +0 -5
- package/dist/lib/components/spinner/spinner.js +0 -55
- package/dist/lib/components/spinner/spinner.js.map +0 -1
- package/dist/lib/components/spinner/spinner.module.js +0 -27
- package/dist/lib/components/spinner/spinner.module.js.map +0 -1
- package/dist/lib/components/spinner/spinner_module.css +0 -16
- package/dist/lib/components/switch.d.ts +0 -4
- package/dist/lib/components/switch.js +0 -95
- package/dist/lib/components/switch.js.map +0 -1
- package/dist/lib/components/switch.module.js +0 -27
- package/dist/lib/components/switch.module.js.map +0 -1
- package/dist/lib/components/switch_module.css +0 -69
- package/dist/lib/components/tabs.d.ts +0 -6
- package/dist/lib/components/tabs.js +0 -103
- package/dist/lib/components/tabs.js.map +0 -1
- package/dist/lib/components/tabs.module.js +0 -27
- package/dist/lib/components/tabs.module.js.map +0 -1
- package/dist/lib/components/tabs_module.css +0 -50
- package/dist/lib/components/text-area.d.ts +0 -4
- package/dist/lib/components/text-area.js +0 -52
- package/dist/lib/components/text-area.js.map +0 -1
- package/dist/lib/components/text-field.d.ts +0 -64
- package/dist/lib/components/text-field.js +0 -78
- package/dist/lib/components/text-field.js.map +0 -1
- package/dist/lib/components/text-field.module.js +0 -27
- package/dist/lib/components/text-field.module.js.map +0 -1
- package/dist/lib/components/text-field_module.css +0 -33
- package/dist/lib/components/toggle-button.d.ts +0 -10
- package/dist/lib/components/toggle-button.js +0 -100
- package/dist/lib/components/toggle-button.js.map +0 -1
- package/dist/lib/components/tooltip.d.ts +0 -3
- package/dist/lib/components/tooltip.js +0 -102
- package/dist/lib/components/tooltip.js.map +0 -1
- package/dist/lib/components/tooltip.module.js +0 -27
- package/dist/lib/components/tooltip.module.js.map +0 -1
- package/dist/lib/components/tooltip_module.css +0 -66
- package/dist/lib/components/typography/heading.d.ts +0 -67
- package/dist/lib/components/typography/heading.js +0 -75
- package/dist/lib/components/typography/heading.js.map +0 -1
- package/dist/lib/components/typography/heading.module.js +0 -27
- package/dist/lib/components/typography/heading.module.js.map +0 -1
- package/dist/lib/components/typography/heading_module.css +0 -56
- package/dist/lib/components/typography/text.d.ts +0 -17
- package/dist/lib/components/typography/text.js +0 -96
- package/dist/lib/components/typography/text.js.map +0 -1
- package/dist/lib/components/typography/text.module.js +0 -27
- package/dist/lib/components/typography/text.module.js.map +0 -1
- package/dist/lib/components/typography/text_module.css +0 -64
- package/dist/lib/style.css +0 -109
- package/dist/lib/utilities/resolve-class-name.d.ts +0 -1
- package/dist/lib/utilities/resolve-class-name.js +0 -32
- package/dist/lib/utilities/resolve-class-name.js.map +0 -1
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { cva } from "cva";
|
|
3
|
-
import {
|
|
4
|
-
Input as AriaInput,
|
|
5
|
-
NumberField as AriaNumberField,
|
|
6
|
-
Button,
|
|
7
|
-
Group
|
|
8
|
-
} from "react-aria-components";
|
|
9
|
-
import { resolveClassName } from "../utilities/resolve-class-name.js";
|
|
10
|
-
import classes from "./number-field.module";
|
|
11
|
-
const numberFieldGroup = cva({
|
|
12
|
-
base: classes.group,
|
|
13
|
-
variants: {
|
|
14
|
-
preset: {
|
|
15
|
-
normal: classes.normal,
|
|
16
|
-
dimmed: classes.dimmed
|
|
17
|
-
},
|
|
18
|
-
isDisabled: {
|
|
19
|
-
true: classes.disabled
|
|
20
|
-
},
|
|
21
|
-
isFocusWithin: {
|
|
22
|
-
true: classes.focusWithin
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
const numberFieldInput = cva({
|
|
27
|
-
base: classes.input,
|
|
28
|
-
variants: {
|
|
29
|
-
isDisabled: {
|
|
30
|
-
true: classes.disabled
|
|
31
|
-
},
|
|
32
|
-
isFocused: {
|
|
33
|
-
true: classes.focus
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
});
|
|
37
|
-
const numberFieldButton = cva({
|
|
38
|
-
base: classes.button,
|
|
39
|
-
variants: {
|
|
40
|
-
isDisabled: {
|
|
41
|
-
true: classes.disabled
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
-
function NumberField({
|
|
46
|
-
inputProps = {},
|
|
47
|
-
groupProps = {},
|
|
48
|
-
children,
|
|
49
|
-
preset = "normal",
|
|
50
|
-
...props
|
|
51
|
-
}) {
|
|
52
|
-
return /* @__PURE__ */ jsx(AriaNumberField, { ...props, children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
53
|
-
typeof children === "function" ? children(values) : children,
|
|
54
|
-
/* @__PURE__ */ jsxs(
|
|
55
|
-
Group,
|
|
56
|
-
{
|
|
57
|
-
...groupProps,
|
|
58
|
-
className: (values2) => {
|
|
59
|
-
return numberFieldGroup({
|
|
60
|
-
className: resolveClassName(groupProps.className, values2),
|
|
61
|
-
preset,
|
|
62
|
-
...values2
|
|
63
|
-
});
|
|
64
|
-
},
|
|
65
|
-
children: [
|
|
66
|
-
/* @__PURE__ */ jsx(
|
|
67
|
-
Button,
|
|
68
|
-
{
|
|
69
|
-
className: (values2) => numberFieldButton(values2),
|
|
70
|
-
slot: "decrement",
|
|
71
|
-
children: "-"
|
|
72
|
-
}
|
|
73
|
-
),
|
|
74
|
-
/* @__PURE__ */ jsx(
|
|
75
|
-
AriaInput,
|
|
76
|
-
{
|
|
77
|
-
...inputProps,
|
|
78
|
-
className: (values2) => {
|
|
79
|
-
return numberFieldInput({
|
|
80
|
-
className: resolveClassName(inputProps.className, values2),
|
|
81
|
-
...values2
|
|
82
|
-
});
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
),
|
|
86
|
-
/* @__PURE__ */ jsx(
|
|
87
|
-
Button,
|
|
88
|
-
{
|
|
89
|
-
className: (values2) => numberFieldButton(values2),
|
|
90
|
-
slot: "increment",
|
|
91
|
-
children: "+"
|
|
92
|
-
}
|
|
93
|
-
)
|
|
94
|
-
]
|
|
95
|
-
}
|
|
96
|
-
)
|
|
97
|
-
] }) });
|
|
98
|
-
}
|
|
99
|
-
export {
|
|
100
|
-
NumberField
|
|
101
|
-
};
|
|
102
|
-
|
|
103
|
-
//# sourceMappingURL=number-field.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAiEI,mBAYE,KAVD,YAFD;AAjEJ,SAAS,WAAW;AAGpB;AAAA,EACC,SAAS;AAAA,EACT,eAAe;AAAA,EACf;AAAA,EACA;AAAA,OACM;AACP,SAAS,wBAAwB;AACjC,OAAO,aAAa;AAIpB,MAAM,mBAAmB,IAAI;AAAA,EAC5B,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,QAAQ,QAAQ;AAAA,MAChB,QAAQ,QAAQ;AAAA,IACjB;AAAA,IACA,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,eAAe;AAAA,MACd,MAAM,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAED,MAAM,mBAAmB,IAAI;AAAA,EAC5B,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAED,MAAM,oBAAoB,IAAI;AAAA,EAC7B,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAEM,SAAS,YAAY;AAAA,EAC3B,aAAa,CAAC;AAAA,EACd,aAAa,CAAC;AAAA,EACd;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACJ,GAIG;AACF,SACC,oBAAC,mBAAiB,GAAG,OACnB,WAAC,WACD,iCACE;AAAA,WAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,IACrD;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACJ,WAAW,CAACA,YAAW;AACtB,iBAAO,iBAAiB;AAAA,YACvB,WAAW,iBAAiB,WAAW,WAAWA,OAAM;AAAA,YACxD;AAAA,YACA,GAAGA;AAAA,UACJ,CAAC;AAAA,QACF;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,WAAW,CAACA,YAAW,kBAAkBA,OAAM;AAAA,cAC/C,MAAK;AAAA,cACL;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,GAAG;AAAA,cACJ,WAAW,CAACA,YAAW;AACtB,uBAAO,iBAAiB;AAAA,kBACvB,WAAW,iBAAiB,WAAW,WAAWA,OAAM;AAAA,kBACxD,GAAGA;AAAA,gBACJ,CAAC;AAAA,cACF;AAAA;AAAA,UACD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACA,WAAW,CAACA,YAAW,kBAAkBA,OAAM;AAAA,cAC/C,MAAK;AAAA,cACL;AAAA;AAAA,UAED;AAAA;AAAA;AAAA,IACD;AAAA,KACD,GAEF;AAEF","names":["values"],"ignoreList":[],"sources":["../../../src/components/number-field.tsx"],"sourcesContent":["import { cva } from \"cva\";\nimport type { ComponentProps } from \"react\";\nimport type { NumberFieldProps as AriaNumberFieldProps } from \"react-aria-components\";\nimport {\n\tInput as AriaInput,\n\tNumberField as AriaNumberField,\n\tButton,\n\tGroup,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport classes from \"./number-field.module\";\n\ntype NumberFieldPreset = \"normal\" | \"dimmed\";\n\nconst numberFieldGroup = cva({\n\tbase: classes.group,\n\tvariants: {\n\t\tpreset: {\n\t\t\tnormal: classes.normal,\n\t\t\tdimmed: classes.dimmed,\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t\tisFocusWithin: {\n\t\t\ttrue: classes.focusWithin,\n\t\t},\n\t},\n});\n\nconst numberFieldInput = cva({\n\tbase: classes.input,\n\tvariants: {\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t\tisFocused: {\n\t\t\ttrue: classes.focus,\n\t\t},\n\t},\n});\n\nconst numberFieldButton = cva({\n\tbase: classes.button,\n\tvariants: {\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t},\n});\n\nexport function NumberField({\n\tinputProps = {},\n\tgroupProps = {},\n\tchildren,\n\tpreset = \"normal\",\n\t...props\n}: AriaNumberFieldProps & {\n\tinputProps?: ComponentProps<typeof AriaInput>;\n\tgroupProps?: ComponentProps<typeof Group>;\n\tpreset?: NumberFieldPreset;\n}) {\n\treturn (\n\t\t<AriaNumberField {...props}>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t\t<Group\n\t\t\t\t\t\t{...groupProps}\n\t\t\t\t\t\tclassName={(values) => {\n\t\t\t\t\t\t\treturn numberFieldGroup({\n\t\t\t\t\t\t\t\tclassName: resolveClassName(groupProps.className, values),\n\t\t\t\t\t\t\t\tpreset,\n\t\t\t\t\t\t\t\t...values,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName={(values) => numberFieldButton(values)}\n\t\t\t\t\t\t\tslot=\"decrement\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t-\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<AriaInput\n\t\t\t\t\t\t\t{...inputProps}\n\t\t\t\t\t\t\tclassName={(values) => {\n\t\t\t\t\t\t\t\treturn numberFieldInput({\n\t\t\t\t\t\t\t\t\tclassName: resolveClassName(inputProps.className, values),\n\t\t\t\t\t\t\t\t\t...values,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName={(values) => numberFieldButton(values)}\n\t\t\t\t\t\t\tslot=\"increment\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Group>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaNumberField>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import "./number-field_module.css";
|
|
2
|
-
var number_field_default = { "group": "group_b1efb", "normal": "normal_b1efb", "dimmed": "dimmed_b1efb", "disabled": "disabled_b1efb", "focusWithin": "focusWithin_b1efb", "input": "input_b1efb", "focus": "focus_b1efb", "button": "button_b1efb" };
|
|
3
|
-
export {
|
|
4
|
-
number_field_default as default
|
|
5
|
-
};
|
|
6
|
-
|
|
7
|
-
//# sourceMappingURL=number-field.module.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAAA,OAAO;AAA4B,IAAO,uBAAQ,EAAC,SAAQ,eAAc,UAAS,gBAAe,UAAS,gBAAe,YAAW,kBAAiB,eAAc,qBAAoB,SAAQ,eAAc,SAAQ,eAAc,UAAS,eAAc","names":[],"ignoreList":[],"sources":["../../../src/components/number-field.module.css"],"sourcesContent":["import \"./number-field_module.css\";export default {\"group\":\"group_b1efb\",\"normal\":\"normal_b1efb\",\"dimmed\":\"dimmed_b1efb\",\"disabled\":\"disabled_b1efb\",\"focusWithin\":\"focusWithin_b1efb\",\"input\":\"input_b1efb\",\"focus\":\"focus_b1efb\",\"button\":\"button_b1efb\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
.group_b1efb {
|
|
2
|
-
display: grid;
|
|
3
|
-
grid-template-columns: auto 1fr auto;
|
|
4
|
-
gap: 1px;
|
|
5
|
-
padding: 1px;
|
|
6
|
-
outline: none;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.group_b1efb.normal_b1efb {
|
|
10
|
-
background-image: var(--lol-gradient-gold);
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.group_b1efb.dimmed_b1efb {
|
|
14
|
-
background-image: var(--lol-gradient-grey-300);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.group_b1efb.disabled_b1efb {
|
|
18
|
-
background-image: var(--lol-gradient-disabled);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.group_b1efb.focusWithin_b1efb {
|
|
22
|
-
background-image: var(--lol-gradient-gold-hover);
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.input_b1efb {
|
|
26
|
-
background-color: var(--lol-color-hextech-black);
|
|
27
|
-
color: var(--lol-color-gold-100);
|
|
28
|
-
font-family: var(--lol-font-family-spiegel);
|
|
29
|
-
font-size: 0.75rem;
|
|
30
|
-
padding: 0.5rem 0.75rem;
|
|
31
|
-
line-height: 1rem;
|
|
32
|
-
width: 100%;
|
|
33
|
-
outline: none;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.input_b1efb.disabled_b1efb {
|
|
37
|
-
background-color: var(--lol-color-grey-300);
|
|
38
|
-
color: var(--lol-color-grey-100);
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.input_b1efb.focus_b1efb {
|
|
42
|
-
background-image: var(--lol-gradient-grey-focus);
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.button_b1efb {
|
|
46
|
-
color: var(--lol-color-gold-100);
|
|
47
|
-
background-color: var(--lol-color-hextech-black);
|
|
48
|
-
padding: 0 0.625rem;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.button_b1efb.disabled_b1efb {
|
|
52
|
-
color: var(--lol-color-grey-150);
|
|
53
|
-
background-color: var(--lol-color-grey-300);
|
|
54
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
File without changes
|
|
File without changes
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { type ProgressBarProps as AriaProgressBarProps } from "react-aria-components";
|
|
2
|
-
interface ProgressBarProps extends Omit<AriaProgressBarProps, "children"> {
|
|
3
|
-
label?: string;
|
|
4
|
-
}
|
|
5
|
-
export declare function ProgressBar({ className, label, ...props }: ProgressBarProps): JSX.Element;
|
|
6
|
-
export {};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { cx } from "cva";
|
|
3
|
-
import {
|
|
4
|
-
ProgressBar as AriaProgressBar,
|
|
5
|
-
Label
|
|
6
|
-
} from "react-aria-components";
|
|
7
|
-
import classes from "./progress-bar.module";
|
|
8
|
-
function ProgressBar({
|
|
9
|
-
className,
|
|
10
|
-
label,
|
|
11
|
-
...props
|
|
12
|
-
}) {
|
|
13
|
-
return /* @__PURE__ */ jsx(AriaProgressBar, { className: cx(classes.wrapper, className), ...props, children: ({ percentage, valueText }) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
14
|
-
/* @__PURE__ */ jsxs("div", { className: classes.labelWrapper, children: [
|
|
15
|
-
/* @__PURE__ */ jsx(Label, { children: label ?? "Loading" }),
|
|
16
|
-
/* @__PURE__ */ jsx("span", { children: valueText })
|
|
17
|
-
] }),
|
|
18
|
-
/* @__PURE__ */ jsx("div", { className: classes.progressBar, children: /* @__PURE__ */ jsx("div", { className: classes.fill, style: { width: `${percentage}%` } }) })
|
|
19
|
-
] }) });
|
|
20
|
-
}
|
|
21
|
-
export {
|
|
22
|
-
ProgressBar
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
//# sourceMappingURL=progress-bar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAoBI,mBAEE,KADD,YADD;AApBJ,SAAS,UAAU;AACnB;AAAA,EACC,eAAe;AAAA,EAEf;AAAA,OACM;AACP,OAAO,aAAa;AAMb,SAAS,YAAY;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAkC;AACjC,SACC,oBAAC,mBAAgB,WAAW,GAAG,QAAQ,SAAS,SAAS,GAAI,GAAG,OAC9D,WAAC,EAAE,YAAY,UAAU,MACzB,iCACC;AAAA,yBAAC,SAAI,WAAW,QAAQ,cACvB;AAAA,0BAAC,SAAO,mBAAS,WAAU;AAAA,MAC3B,oBAAC,UAAM,qBAAU;AAAA,OAClB;AAAA,IACA,oBAAC,SAAI,WAAW,QAAQ,aACvB,8BAAC,SAAI,WAAW,QAAQ,MAAM,OAAO,EAAE,OAAO,GAAG,UAAU,IAAI,GAAG,GACnE;AAAA,KACD,GAEF;AAEF","names":[],"ignoreList":[],"sources":["../../../src/components/progress-bar.tsx"],"sourcesContent":["import { cx } from \"cva\";\nimport {\n\tProgressBar as AriaProgressBar,\n\ttype ProgressBarProps as AriaProgressBarProps,\n\tLabel,\n} from \"react-aria-components\";\nimport classes from \"./progress-bar.module\";\n\ninterface ProgressBarProps extends Omit<AriaProgressBarProps, \"children\"> {\n\tlabel?: string;\n}\n\nexport function ProgressBar({\n\tclassName,\n\tlabel,\n\t...props\n}: ProgressBarProps): JSX.Element {\n\treturn (\n\t\t<AriaProgressBar className={cx(classes.wrapper, className)} {...props}>\n\t\t\t{({ percentage, valueText }) => (\n\t\t\t\t<>\n\t\t\t\t\t<div className={classes.labelWrapper}>\n\t\t\t\t\t\t<Label>{label ?? \"Loading\"}</Label>\n\t\t\t\t\t\t<span>{valueText}</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={classes.progressBar}>\n\t\t\t\t\t\t<div className={classes.fill} style={{ width: `${percentage}%` }} />\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaProgressBar>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import "./progress-bar_module.css";
|
|
2
|
-
var progress_bar_default = { "wrapper": "wrapper_cea15", "progressBar": "progressBar_cea15", "fill": "fill_cea15", "labelWrapper": "labelWrapper_cea15" };
|
|
3
|
-
export {
|
|
4
|
-
progress_bar_default as default
|
|
5
|
-
};
|
|
6
|
-
|
|
7
|
-
//# sourceMappingURL=progress-bar.module.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAAA,OAAO;AAA4B,IAAO,uBAAQ,EAAC,WAAU,iBAAgB,eAAc,qBAAoB,QAAO,cAAa,gBAAe,qBAAoB","names":[],"ignoreList":[],"sources":["../../../src/components/progress-bar.module.css"],"sourcesContent":["import \"./progress-bar_module.css\";export default {\"wrapper\":\"wrapper_cea15\",\"progressBar\":\"progressBar_cea15\",\"fill\":\"fill_cea15\",\"labelWrapper\":\"labelWrapper_cea15\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
.wrapper_cea15 {
|
|
2
|
-
display: flex;
|
|
3
|
-
width: 14rem;
|
|
4
|
-
flex-direction: column;
|
|
5
|
-
gap: 0.25rem;
|
|
6
|
-
font-size: 0.875rem;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.progressBar_cea15 {
|
|
10
|
-
margin-left: -0.125rem;
|
|
11
|
-
margin-right: -0.25rem;
|
|
12
|
-
height: 0.75rem;
|
|
13
|
-
border-radius: 9999px;
|
|
14
|
-
padding: 1px;
|
|
15
|
-
background: var(--lol-gradient-grey-300) padding-box,
|
|
16
|
-
var(--lol-gradient-gold) border-box;
|
|
17
|
-
border: 1px solid transparent;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.fill_cea15 {
|
|
21
|
-
background-image: linear-gradient(to right, var(--lol-color-blue-400), var(--lol-color-blue-200));
|
|
22
|
-
border-radius: 9999px;
|
|
23
|
-
height: 100%;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.labelWrapper_cea15 {
|
|
27
|
-
display: flex;
|
|
28
|
-
justify-content: space-between;
|
|
29
|
-
font-weight: 700;
|
|
30
|
-
text-transform: uppercase;
|
|
31
|
-
font-family: var(--lol-font-family-beaufort);
|
|
32
|
-
color: var(--lol-color-gold-100);
|
|
33
|
-
}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { type RadioProps as AriaRadioProps, type RadioGroupProps as AriaRadiogroupProps } from "react-aria-components";
|
|
2
|
-
export declare function RadioGroup({ className, ...props }: AriaRadiogroupProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export declare function Radio({ className, ...props }: AriaRadioProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { cva, cx } from "cva";
|
|
3
|
-
import {
|
|
4
|
-
Radio as AriaRadio,
|
|
5
|
-
RadioGroup as AriaRadioGroup
|
|
6
|
-
} from "react-aria-components";
|
|
7
|
-
import { resolveClassName } from "../../utilities/resolve-class-name.js";
|
|
8
|
-
import classes from "./radio-group.module";
|
|
9
|
-
function RadioGroup({ className, ...props }) {
|
|
10
|
-
return /* @__PURE__ */ jsx(
|
|
11
|
-
AriaRadioGroup,
|
|
12
|
-
{
|
|
13
|
-
...props,
|
|
14
|
-
className: (values) => {
|
|
15
|
-
return cx(classes.radioGroup, resolveClassName(className, values));
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
);
|
|
19
|
-
}
|
|
20
|
-
const radio = cva({
|
|
21
|
-
base: classes.radio,
|
|
22
|
-
variants: {
|
|
23
|
-
isDisabled: { true: classes.disabled },
|
|
24
|
-
isHovered: { true: classes.hovered },
|
|
25
|
-
isSelected: { true: classes.selected },
|
|
26
|
-
isPressed: { true: classes.pressed }
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
function Radio({ className, ...props }) {
|
|
30
|
-
return /* @__PURE__ */ jsx(
|
|
31
|
-
AriaRadio,
|
|
32
|
-
{
|
|
33
|
-
...props,
|
|
34
|
-
className: (values) => radio({
|
|
35
|
-
...values,
|
|
36
|
-
className: resolveClassName(className, values)
|
|
37
|
-
})
|
|
38
|
-
}
|
|
39
|
-
);
|
|
40
|
-
}
|
|
41
|
-
export {
|
|
42
|
-
Radio,
|
|
43
|
-
RadioGroup
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
//# sourceMappingURL=radio-group.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAYE;AAZF,SAAS,KAAK,UAAU;AACxB;AAAA,EACC,SAAS;AAAA,EACT,cAAc;AAAA,OAGR;AACP,SAAS,wBAAwB;AACjC,OAAO,aAAa;AAEb,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAwB;AACxE,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WAAW;AACtB,eAAO,GAAG,QAAQ,YAAY,iBAAiB,WAAW,MAAM,CAAC;AAAA,MAClE;AAAA;AAAA,EACD;AAEF;AAEA,MAAM,QAAQ,IAAI;AAAA,EACjB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,YAAY,EAAE,MAAM,QAAQ,SAAS;AAAA,IACrC,WAAW,EAAE,MAAM,QAAQ,QAAQ;AAAA,IACnC,YAAY,EAAE,MAAM,QAAQ,SAAS;AAAA,IACrC,WAAW,EAAE,MAAM,QAAQ,QAAQ;AAAA,EACpC;AACD,CAAC;AACM,SAAS,MAAM,EAAE,WAAW,GAAG,MAAM,GAAmB;AAC9D,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,MAAM;AAAA,QACL,GAAG;AAAA,QACH,WAAW,iBAAiB,WAAW,MAAM;AAAA,MAC9C,CAAC;AAAA;AAAA,EAEH;AAEF","names":[],"ignoreList":[],"sources":["../../../../src/components/radio-group/radio-group.tsx"],"sourcesContent":["import { cva, cx } from \"cva\";\nimport {\n\tRadio as AriaRadio,\n\tRadioGroup as AriaRadioGroup,\n\ttype RadioProps as AriaRadioProps,\n\ttype RadioGroupProps as AriaRadiogroupProps,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../../utilities/resolve-class-name.js\";\nimport classes from \"./radio-group.module\";\n\nexport function RadioGroup({ className, ...props }: AriaRadiogroupProps) {\n\treturn (\n\t\t<AriaRadioGroup\n\t\t\t{...props}\n\t\t\tclassName={(values) => {\n\t\t\t\treturn cx(classes.radioGroup, resolveClassName(className, values));\n\t\t\t}}\n\t\t/>\n\t);\n}\n\nconst radio = cva({\n\tbase: classes.radio,\n\tvariants: {\n\t\tisDisabled: { true: classes.disabled },\n\t\tisHovered: { true: classes.hovered },\n\t\tisSelected: { true: classes.selected },\n\t\tisPressed: { true: classes.pressed },\n\t},\n});\nexport function Radio({ className, ...props }: AriaRadioProps) {\n\treturn (\n\t\t<AriaRadio\n\t\t\t{...props}\n\t\t\tclassName={(values) =>\n\t\t\t\tradio({\n\t\t\t\t\t...values,\n\t\t\t\t\tclassName: resolveClassName(className, values),\n\t\t\t\t})\n\t\t\t}\n\t\t/>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import "./radio-group_module.css";
|
|
2
|
-
var radio_group_default = { "radioGroup": "radioGroup_3c189", "radio": "radio_3c189", "selected": "selected_3c189", "disabled": "disabled_3c189", "hovered": "hovered_3c189", "pressed": "pressed_3c189" };
|
|
3
|
-
export {
|
|
4
|
-
radio_group_default as default
|
|
5
|
-
};
|
|
6
|
-
|
|
7
|
-
//# sourceMappingURL=radio-group.module.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAAA,OAAO;AAA2B,IAAO,sBAAQ,EAAC,cAAa,oBAAmB,SAAQ,eAAc,YAAW,kBAAiB,YAAW,kBAAiB,WAAU,iBAAgB,WAAU,gBAAe","names":[],"ignoreList":[],"sources":["../../../../src/components/radio-group/radio-group.module.css"],"sourcesContent":["import \"./radio-group_module.css\";export default {\"radioGroup\":\"radioGroup_3c189\",\"radio\":\"radio_3c189\",\"selected\":\"selected_3c189\",\"disabled\":\"disabled_3c189\",\"hovered\":\"hovered_3c189\",\"pressed\":\"pressed_3c189\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
.radioGroup_3c189 {
|
|
2
|
-
display: flex;
|
|
3
|
-
align-items: flex-start;
|
|
4
|
-
flex-direction: column;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.radio_3c189 {
|
|
8
|
-
font-family: var(--lol-font-family-spiegel);
|
|
9
|
-
background-size: 18px;
|
|
10
|
-
background-position: left;
|
|
11
|
-
background-repeat: no-repeat;
|
|
12
|
-
padding-top: 0.5rem;
|
|
13
|
-
padding-bottom: 0.5rem;
|
|
14
|
-
padding-left: 1.5rem;
|
|
15
|
-
padding-right: 1rem;
|
|
16
|
-
font-size: 0.75rem;
|
|
17
|
-
line-height: 1rem;
|
|
18
|
-
font-weight: 400;
|
|
19
|
-
background-image: url('../../assets/unchecked.ad8e0a95.png');
|
|
20
|
-
color: var(--lol-color-grey-100);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.radio_3c189.selected_3c189 {
|
|
24
|
-
color: var(--lol-color-gold-100);
|
|
25
|
-
background-image: url('../../assets/checked.b9e4b215.png');
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.radio_3c189.disabled_3c189 {
|
|
29
|
-
color: var(--lol-color-grey-150);
|
|
30
|
-
background-image: url('../../assets/unchecked-disabled.702505e2.png');
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.radio_3c189.disabled_3c189.selected_3c189 {
|
|
34
|
-
background-image: url('../../assets/checked-disabled.b5430cf5.png');
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.radio_3c189.hovered_3c189 {
|
|
38
|
-
color: var(--lol-color-gold-100);
|
|
39
|
-
background-image: url('../../assets/unchecked-hovered.e26c4420.png');
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.radio_3c189.hovered_3c189.selected_3c189 {
|
|
43
|
-
background-image: url('../../assets/checked-hovered.67390091.png');
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.radio_3c189.pressed_3c189 {
|
|
47
|
-
color: var(--lol-color-grey-150);
|
|
48
|
-
background-image: url('../../assets/unchecked-pressed.161ab6f8.png');
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.radio_3c189.pressed_3c189.selected_3c189 {
|
|
52
|
-
background-image: url('../../assets/checked-pressed.cffd963b.png');
|
|
53
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { ComponentProps } from "react";
|
|
2
|
-
import { Input as AriaInput, type SearchFieldProps as AriaSearchFieldProps } from "react-aria-components";
|
|
3
|
-
export declare function SearchField({ inputProps, borderProps, children, className, ...props }: AriaSearchFieldProps & {
|
|
4
|
-
inputProps?: ComponentProps<typeof AriaInput>;
|
|
5
|
-
borderProps?: ComponentProps<"div">;
|
|
6
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { cva, cx } from "cva";
|
|
3
|
-
import {
|
|
4
|
-
Button as AriaButton,
|
|
5
|
-
Input as AriaInput,
|
|
6
|
-
SearchField as AriaSearchField
|
|
7
|
-
} from "react-aria-components";
|
|
8
|
-
import { resolveClassName } from "../../utilities/resolve-class-name.js";
|
|
9
|
-
import classes from "./search-field.module";
|
|
10
|
-
const searchFieldInput = cva({
|
|
11
|
-
base: classes.input,
|
|
12
|
-
variants: {
|
|
13
|
-
isDisabled: {
|
|
14
|
-
true: classes.disabled
|
|
15
|
-
},
|
|
16
|
-
isFocused: {
|
|
17
|
-
true: classes.focus
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
const searchFieldButton = cva({
|
|
22
|
-
base: classes.button,
|
|
23
|
-
variants: {
|
|
24
|
-
isHovered: { true: classes.hover },
|
|
25
|
-
isPressed: { true: classes.press },
|
|
26
|
-
isDisabled: { true: classes.disabled },
|
|
27
|
-
isEmpty: { true: classes.empty }
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
function SearchField({
|
|
31
|
-
inputProps = {},
|
|
32
|
-
borderProps = {},
|
|
33
|
-
children,
|
|
34
|
-
className,
|
|
35
|
-
...props
|
|
36
|
-
}) {
|
|
37
|
-
return /* @__PURE__ */ jsx(AriaSearchField, { ...props, className: cx(classes.searchField, className), children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
38
|
-
typeof children === "function" ? children(values) : children,
|
|
39
|
-
/* @__PURE__ */ jsx(
|
|
40
|
-
AriaInput,
|
|
41
|
-
{
|
|
42
|
-
...inputProps,
|
|
43
|
-
className: (values2) => searchFieldInput({
|
|
44
|
-
...values2,
|
|
45
|
-
className: resolveClassName(inputProps.className, values2)
|
|
46
|
-
}),
|
|
47
|
-
type: "text"
|
|
48
|
-
}
|
|
49
|
-
),
|
|
50
|
-
/* @__PURE__ */ jsx(
|
|
51
|
-
AriaButton,
|
|
52
|
-
{
|
|
53
|
-
className: (buttonValues) => searchFieldButton({
|
|
54
|
-
...buttonValues,
|
|
55
|
-
isDisabled: values.isDisabled,
|
|
56
|
-
isEmpty: values.isEmpty
|
|
57
|
-
}),
|
|
58
|
-
children: "✕"
|
|
59
|
-
}
|
|
60
|
-
)
|
|
61
|
-
] }) });
|
|
62
|
-
}
|
|
63
|
-
export {
|
|
64
|
-
SearchField
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
//# sourceMappingURL=search-field.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"mappings":"AA8CI,mBAEC,KAFD;AA9CJ,SAAS,KAAK,UAAU;AAExB;AAAA,EACC,UAAU;AAAA,EACV,SAAS;AAAA,EACT,eAAe;AAAA,OAET;AACP,SAAS,wBAAwB;AACjC,OAAO,aAAa;AAEpB,MAAM,mBAAmB,IAAI;AAAA,EAC5B,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAED,MAAM,oBAAoB,IAAI;AAAA,EAC7B,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW,EAAE,MAAM,QAAQ,MAAM;AAAA,IACjC,WAAW,EAAE,MAAM,QAAQ,MAAM;AAAA,IACjC,YAAY,EAAE,MAAM,QAAQ,SAAS;AAAA,IACrC,SAAS,EAAE,MAAM,QAAQ,MAAM;AAAA,EAChC;AACD,CAAC;AAEM,SAAS,YAAY;AAAA,EAC3B,aAAa,CAAC;AAAA,EACd,cAAc,CAAC;AAAA,EACf;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAGG;AACF,SACC,oBAAC,mBAAiB,GAAG,OAAO,WAAW,GAAG,QAAQ,aAAa,SAAS,GACtE,WAAC,WACD,iCACE;AAAA,WAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,IACrD;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACJ,WAAW,CAACA,YACX,iBAAiB;AAAA,UAChB,GAAGA;AAAA,UACH,WAAW,iBAAiB,WAAW,WAAWA,OAAM;AAAA,QACzD,CAAC;AAAA,QAEF,MAAK;AAAA;AAAA,IACN;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACA,WAAW,CAAC,iBACX,kBAAkB;AAAA,UACjB,GAAG;AAAA,UACH,YAAY,OAAO;AAAA,UACnB,SAAS,OAAO;AAAA,QACjB,CAAC;AAAA,QAEF;AAAA;AAAA,IAED;AAAA,KACD,GAEF;AAEF","names":["values"],"ignoreList":[],"sources":["../../../../src/components/search-field/search-field.tsx"],"sourcesContent":["import { cva, cx } from \"cva\";\nimport type { ComponentProps } from \"react\";\nimport {\n\tButton as AriaButton,\n\tInput as AriaInput,\n\tSearchField as AriaSearchField,\n\ttype SearchFieldProps as AriaSearchFieldProps,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../../utilities/resolve-class-name.js\";\nimport classes from \"./search-field.module\";\n\nconst searchFieldInput = cva({\n\tbase: classes.input,\n\tvariants: {\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t\tisFocused: {\n\t\t\ttrue: classes.focus,\n\t\t},\n\t},\n});\n\nconst searchFieldButton = cva({\n\tbase: classes.button,\n\tvariants: {\n\t\tisHovered: { true: classes.hover },\n\t\tisPressed: { true: classes.press },\n\t\tisDisabled: { true: classes.disabled },\n\t\tisEmpty: { true: classes.empty },\n\t},\n});\n\nexport function SearchField({\n\tinputProps = {},\n\tborderProps = {},\n\tchildren,\n\tclassName,\n\t...props\n}: AriaSearchFieldProps & {\n\tinputProps?: ComponentProps<typeof AriaInput>;\n\tborderProps?: ComponentProps<\"div\">;\n}) {\n\treturn (\n\t\t<AriaSearchField {...props} className={cx(classes.searchField, className)}>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t\t<AriaInput\n\t\t\t\t\t\t{...inputProps}\n\t\t\t\t\t\tclassName={(values) =>\n\t\t\t\t\t\t\tsearchFieldInput({\n\t\t\t\t\t\t\t\t...values,\n\t\t\t\t\t\t\t\tclassName: resolveClassName(inputProps.className, values),\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t/>\n\t\t\t\t\t<AriaButton\n\t\t\t\t\t\tclassName={(buttonValues) =>\n\t\t\t\t\t\t\tsearchFieldButton({\n\t\t\t\t\t\t\t\t...buttonValues,\n\t\t\t\t\t\t\t\tisDisabled: values.isDisabled,\n\t\t\t\t\t\t\t\tisEmpty: values.isEmpty,\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t✕\n\t\t\t\t\t</AriaButton>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaSearchField>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import "./search-field_module.css";
|
|
2
|
-
var search_field_default = { "searchField": "searchField_3cc82", "input": "input_3cc82", "disabled": "disabled_3cc82", "focus": "focus_3cc82", "button": "button_3cc82", "hover": "hover_3cc82", "press": "press_3cc82", "empty": "empty_3cc82" };
|
|
3
|
-
export {
|
|
4
|
-
search_field_default as default
|
|
5
|
-
};
|
|
6
|
-
|
|
7
|
-
//# sourceMappingURL=search-field.module.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAAA,OAAO;AAA4B,IAAO,uBAAQ,EAAC,eAAc,qBAAoB,SAAQ,eAAc,YAAW,kBAAiB,SAAQ,eAAc,UAAS,gBAAe,SAAQ,eAAc,SAAQ,eAAc,SAAQ,cAAa","names":[],"ignoreList":[],"sources":["../../../../src/components/search-field/search-field.module.css"],"sourcesContent":["import \"./search-field_module.css\";export default {\"searchField\":\"searchField_3cc82\",\"input\":\"input_3cc82\",\"disabled\":\"disabled_3cc82\",\"focus\":\"focus_3cc82\",\"button\":\"button_3cc82\",\"hover\":\"hover_3cc82\",\"press\":\"press_3cc82\",\"empty\":\"empty_3cc82\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
.searchField_3cc82 {
|
|
2
|
-
display: grid;
|
|
3
|
-
grid-template-areas:
|
|
4
|
-
"label label"
|
|
5
|
-
"input button"
|
|
6
|
-
"help help";
|
|
7
|
-
grid-template-columns: 1fr auto;
|
|
8
|
-
align-items: center;
|
|
9
|
-
|
|
10
|
-
color: var(--lol-color-gold-100);
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.input_3cc82 {
|
|
14
|
-
background: url('../../assets/search.c15f1e1d.png') no-repeat 5px center,
|
|
15
|
-
var(--lol-search-field-background-gradient) padding-box,
|
|
16
|
-
var(--lol-search-field-border-gradient) border-box;
|
|
17
|
-
|
|
18
|
-
--lol-search-field-border-gradient: var(--lol-gradient-gold);
|
|
19
|
-
--lol-search-field-background-gradient: var(--lol-gradient-hextech-black);
|
|
20
|
-
|
|
21
|
-
background-size: 16px, auto, auto;
|
|
22
|
-
border: 1px solid transparent;
|
|
23
|
-
grid-area: input;
|
|
24
|
-
padding: 0.5rem 2.5rem 0.5rem 1.5rem;
|
|
25
|
-
margin: 0;
|
|
26
|
-
font-size: 0.75rem;
|
|
27
|
-
line-height: 1rem;
|
|
28
|
-
color: var(--field-text-color);
|
|
29
|
-
outline: none;
|
|
30
|
-
font-family: var(--lol-font-family-spiegel);
|
|
31
|
-
font-weight: 500;
|
|
32
|
-
letter-spacing: 0.025em;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.input_3cc82::-webkit-search-cancel-button,
|
|
36
|
-
.input_3cc82::-webkit-search-decoration {
|
|
37
|
-
-webkit-appearance: none;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.input_3cc82.disabled_3cc82 {
|
|
41
|
-
--lol-search-field-border-gradient: var(--lol-gradient-disabled);
|
|
42
|
-
color: var(--lol-color-grey-150);
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.input_3cc82.focus_3cc82 {
|
|
46
|
-
--lol-search-field-border-gradient: var(--lol-gradient-gold-hover);
|
|
47
|
-
--lol-search-field-background-gradient: var(--lol-gradient-grey-focus);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.button_3cc82 {
|
|
51
|
-
grid-area: button;
|
|
52
|
-
|
|
53
|
-
font-size: 0.75rem;
|
|
54
|
-
line-height: 1rem;
|
|
55
|
-
font-weight: 900;
|
|
56
|
-
|
|
57
|
-
margin-left: -2.5rem;
|
|
58
|
-
width: 2.5rem;
|
|
59
|
-
align-self: stretch;
|
|
60
|
-
text-align: center;
|
|
61
|
-
|
|
62
|
-
color: var(--lol-color-gold-300);
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.button_3cc82.hover_3cc82 {
|
|
66
|
-
color: var(--lol-color-gold-100);
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
.button_3cc82.press_3cc82 {
|
|
70
|
-
color: var(--lol-color-gold-600);
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.button_3cc82.empty_3cc82,
|
|
74
|
-
.button_3cc82.disabled_3cc82 {
|
|
75
|
-
display: none;
|
|
76
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from "react";
|
|
2
|
-
import type { SelectProps as AriaSelectProps, ListBoxItemProps } from "react-aria-components";
|
|
3
|
-
interface SelectProps<T extends object> extends Omit<AriaSelectProps<T>, "children"> {
|
|
4
|
-
label?: string;
|
|
5
|
-
description?: string;
|
|
6
|
-
errorMessage?: string;
|
|
7
|
-
children?: ReactNode | ((item: T) => ReactNode);
|
|
8
|
-
}
|
|
9
|
-
export declare function Select<T extends object>({ description, errorMessage, children, className, ...props }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export declare function Item({ className, ...props }: ListBoxItemProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export {};
|