@lolmath/ui 4.1.0 → 6.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 +515 -24
- package/dist/es/index.js +1712 -25
- 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 +515 -24
- package/dist/lib/index.js +1670 -48
- 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 +39 -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/dropdown-check.bed4dc45.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 -159
- 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 -77
- 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 -83
- 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 -113
- 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/dropdown-check.bed4dc45.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 -159
- 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 -104
- 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 -83
- 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 -113
- 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,67 +0,0 @@
|
|
|
1
|
-
export type HeadingColor = "gold100" | "gold200" | "gold400" | "grey100";
|
|
2
|
-
export type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5";
|
|
3
|
-
interface HeadingProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
|
|
4
|
-
preset?: HeadingElement;
|
|
5
|
-
color?: HeadingColor;
|
|
6
|
-
as?: HeadingElement | "span";
|
|
7
|
-
}
|
|
8
|
-
export declare const heading: (props?: ({
|
|
9
|
-
color?: "grey100" | "gold100" | "gold200" | "gold400" | undefined;
|
|
10
|
-
preset?: "h1" | "h2" | "h3" | "h4" | "h5" | undefined;
|
|
11
|
-
} & ({
|
|
12
|
-
class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
|
|
13
|
-
[x: string]: any;
|
|
14
|
-
} | null | undefined)[] | {
|
|
15
|
-
[x: string]: any;
|
|
16
|
-
} | null | undefined)[] | {
|
|
17
|
-
[x: string]: any;
|
|
18
|
-
} | null | undefined)[] | {
|
|
19
|
-
[x: string]: any;
|
|
20
|
-
} | null | undefined)[] | {
|
|
21
|
-
[x: string]: any;
|
|
22
|
-
} | null | undefined)[] | {
|
|
23
|
-
[x: string]: any;
|
|
24
|
-
} | null | undefined)[] | {
|
|
25
|
-
[x: string]: any;
|
|
26
|
-
} | null | undefined)[] | {
|
|
27
|
-
[x: string]: any;
|
|
28
|
-
} | null | undefined)[] | {
|
|
29
|
-
[x: string]: any;
|
|
30
|
-
} | null | undefined)[] | {
|
|
31
|
-
[x: string]: any;
|
|
32
|
-
} | null | undefined)[] | {
|
|
33
|
-
[x: string]: any;
|
|
34
|
-
} | null | undefined)[] | {
|
|
35
|
-
[x: string]: any;
|
|
36
|
-
} | null | undefined;
|
|
37
|
-
className?: never;
|
|
38
|
-
} | {
|
|
39
|
-
class?: never;
|
|
40
|
-
className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
|
|
41
|
-
[x: string]: any;
|
|
42
|
-
} | null | undefined)[] | {
|
|
43
|
-
[x: string]: any;
|
|
44
|
-
} | null | undefined)[] | {
|
|
45
|
-
[x: string]: any;
|
|
46
|
-
} | null | undefined)[] | {
|
|
47
|
-
[x: string]: any;
|
|
48
|
-
} | null | undefined)[] | {
|
|
49
|
-
[x: string]: any;
|
|
50
|
-
} | null | undefined)[] | {
|
|
51
|
-
[x: string]: any;
|
|
52
|
-
} | null | undefined)[] | {
|
|
53
|
-
[x: string]: any;
|
|
54
|
-
} | null | undefined)[] | {
|
|
55
|
-
[x: string]: any;
|
|
56
|
-
} | null | undefined)[] | {
|
|
57
|
-
[x: string]: any;
|
|
58
|
-
} | null | undefined)[] | {
|
|
59
|
-
[x: string]: any;
|
|
60
|
-
} | null | undefined)[] | {
|
|
61
|
-
[x: string]: any;
|
|
62
|
-
} | null | undefined)[] | {
|
|
63
|
-
[x: string]: any;
|
|
64
|
-
} | null | undefined;
|
|
65
|
-
})) | undefined) => string;
|
|
66
|
-
export declare function Heading({ as, preset, color, className, ...rest }: HeadingProps): JSX.Element;
|
|
67
|
-
export {};
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { createElement } from "react";
|
|
2
|
-
import classes from "./heading.module";
|
|
3
|
-
import { cva } from "cva";
|
|
4
|
-
const heading = cva({
|
|
5
|
-
base: classes.heading,
|
|
6
|
-
variants: {
|
|
7
|
-
color: {
|
|
8
|
-
gold100: classes.gold100,
|
|
9
|
-
gold200: classes.gold200,
|
|
10
|
-
gold400: classes.gold400,
|
|
11
|
-
grey100: classes.grey100
|
|
12
|
-
},
|
|
13
|
-
preset: {
|
|
14
|
-
h1: classes.h1,
|
|
15
|
-
h2: classes.h2,
|
|
16
|
-
h3: classes.h3,
|
|
17
|
-
h4: classes.h4,
|
|
18
|
-
h5: classes.h5
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
function Heading({
|
|
23
|
-
as,
|
|
24
|
-
preset = "h1",
|
|
25
|
-
color = "gold100",
|
|
26
|
-
className,
|
|
27
|
-
...rest
|
|
28
|
-
}) {
|
|
29
|
-
const resultAs = as ?? preset;
|
|
30
|
-
return createElement(resultAs, {
|
|
31
|
-
...rest,
|
|
32
|
-
className: heading({ preset, color, className })
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
export {
|
|
36
|
-
Heading,
|
|
37
|
-
heading
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
//# sourceMappingURL=heading.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAAA,SAAS,qBAAqB;AAC9B,OAAO,aAAa;AACpB,SAAS,WAAW;AAeb,MAAM,UAAU,IAAI;AAAA,EAC1B,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,OAAO;AAAA,MACN,SAAS,QAAQ;AAAA,MACjB,SAAS,QAAQ;AAAA,MACjB,SAAS,QAAQ;AAAA,MACjB,SAAS,QAAQ;AAAA,IAClB;AAAA,IACA,QAAQ;AAAA,MACP,IAAI,QAAQ;AAAA,MACZ,IAAI,QAAQ;AAAA,MACZ,IAAI,QAAQ;AAAA,MACZ,IAAI,QAAQ;AAAA,MACZ,IAAI,QAAQ;AAAA,IACb;AAAA,EACD;AACD,CAAC;AAEM,SAAS,QAAQ;AAAA,EACvB;AAAA,EACA,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACJ,GAA8B;AAC7B,QAAM,WAAW,MAAM;AAEvB,SAAO,cAAc,UAAU;AAAA,IAC9B,GAAG;AAAA,IACH,WAAW,QAAQ,EAAE,QAAQ,OAAO,UAAU,CAAC;AAAA,EAChD,CAAC;AACF","names":[],"ignoreList":[],"sources":["../../../../src/components/typography/heading.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport classes from \"./heading.module\";\nimport { cva } from \"cva\";\n\nexport type HeadingColor = \"gold100\" | \"gold200\" | \"gold400\" | \"grey100\";\nexport type HeadingElement = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\";\n\ninterface HeadingProps\n\textends React.DetailedHTMLProps<\n\t\tReact.HTMLAttributes<HTMLHeadingElement>,\n\t\tHTMLHeadingElement\n\t> {\n\tpreset?: HeadingElement;\n\tcolor?: HeadingColor;\n\tas?: HeadingElement | \"span\";\n}\n\nexport const heading = cva({\n\tbase: classes.heading,\n\tvariants: {\n\t\tcolor: {\n\t\t\tgold100: classes.gold100,\n\t\t\tgold200: classes.gold200,\n\t\t\tgold400: classes.gold400,\n\t\t\tgrey100: classes.grey100,\n\t\t},\n\t\tpreset: {\n\t\t\th1: classes.h1,\n\t\t\th2: classes.h2,\n\t\t\th3: classes.h3,\n\t\t\th4: classes.h4,\n\t\t\th5: classes.h5,\n\t\t},\n\t},\n});\n\nexport function Heading({\n\tas,\n\tpreset = \"h1\",\n\tcolor = \"gold100\",\n\tclassName,\n\t...rest\n}: HeadingProps): JSX.Element {\n\tconst resultAs = as ?? preset;\n\n\treturn createElement(resultAs, {\n\t\t...rest,\n\t\tclassName: heading({ preset, color, className }),\n\t});\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import "./heading_module.css";
|
|
2
|
-
var heading_default = { "heading": "heading_1c9d4", "h1": "h1_1c9d4", "h2": "h2_1c9d4", "h3": "h3_1c9d4", "h4": "h4_1c9d4", "h5": "h5_1c9d4", "grey100": "grey100_1c9d4", "gold100": "gold100_1c9d4", "gold200": "gold200_1c9d4", "gold400": "gold400_1c9d4" };
|
|
3
|
-
export {
|
|
4
|
-
heading_default as default
|
|
5
|
-
};
|
|
6
|
-
|
|
7
|
-
//# sourceMappingURL=heading.module.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAAA,OAAO;AAAuB,IAAO,kBAAQ,EAAC,WAAU,iBAAgB,MAAK,YAAW,MAAK,YAAW,MAAK,YAAW,MAAK,YAAW,MAAK,YAAW,WAAU,iBAAgB,WAAU,iBAAgB,WAAU,iBAAgB,WAAU,gBAAe","names":[],"ignoreList":[],"sources":["../../../../src/components/typography/heading.module.css"],"sourcesContent":["import \"./heading_module.css\";export default {\"heading\":\"heading_1c9d4\",\"h1\":\"h1_1c9d4\",\"h2\":\"h2_1c9d4\",\"h3\":\"h3_1c9d4\",\"h4\":\"h4_1c9d4\",\"h5\":\"h5_1c9d4\",\"grey100\":\"grey100_1c9d4\",\"gold100\":\"gold100_1c9d4\",\"gold200\":\"gold200_1c9d4\",\"gold400\":\"gold400_1c9d4\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
.heading_1c9d4 {
|
|
2
|
-
font-family: var(--lol-font-family-beaufort);
|
|
3
|
-
scroll-margin-top: 5rem;
|
|
4
|
-
text-transform: uppercase;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.h1_1c9d4 {
|
|
8
|
-
font-size: var(--lol-font-size-h1);
|
|
9
|
-
line-height: var(--lol-line-height-h1);
|
|
10
|
-
letter-spacing: var(--lol-letter-spacing-h1);
|
|
11
|
-
font-weight: var(--lol-font-weight-h1);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.h2_1c9d4 {
|
|
15
|
-
font-size: var(--lol-font-size-h2);
|
|
16
|
-
line-height: var(--lol-line-height-h2);
|
|
17
|
-
letter-spacing: var(--lol-letter-spacing-h2);
|
|
18
|
-
font-weight: var(--lol-font-weight-h2);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.h3_1c9d4 {
|
|
22
|
-
font-size: var(--lol-font-size-h3);
|
|
23
|
-
line-height: var(--lol-line-height-h3);
|
|
24
|
-
letter-spacing: var(--lol-letter-spacing-h3);
|
|
25
|
-
font-weight: var(--lol-font-weight-h3);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.h4_1c9d4 {
|
|
29
|
-
font-size: var(--lol-font-size-h4);
|
|
30
|
-
line-height: var(--lol-line-height-h4);
|
|
31
|
-
letter-spacing: var(--lol-letter-spacing-h4);
|
|
32
|
-
font-weight: var(--lol-font-weight-h4);
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.h5_1c9d4 {
|
|
36
|
-
font-size: var(--lol-font-size-h5);
|
|
37
|
-
line-height: var(--lol-line-height-h5);
|
|
38
|
-
letter-spacing: var(--lol-letter-spacing-h5);
|
|
39
|
-
font-weight: var(--lol-font-weight-h5);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.grey100_1c9d4 {
|
|
43
|
-
color: var(--lol-color-grey-100);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.gold100_1c9d4 {
|
|
47
|
-
color: var(--lol-color-gold-100);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.gold200_1c9d4 {
|
|
51
|
-
color: var(--lol-color-gold-200);
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.gold400_1c9d4 {
|
|
55
|
-
color: var(--lol-color-gold-400);
|
|
56
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { type LabelProps as AriaLabelProps } from "react-aria-components";
|
|
2
|
-
export type TextColor = "grey100" | "grey150" | "gold100";
|
|
3
|
-
export type TextElement = "p" | "span" | "div";
|
|
4
|
-
export type TextPreset = "sm" | "base" | "md" | "lg" | "largeNumber" | "stat";
|
|
5
|
-
interface TextProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
|
|
6
|
-
preset?: TextPreset;
|
|
7
|
-
color?: TextColor;
|
|
8
|
-
as?: TextElement;
|
|
9
|
-
}
|
|
10
|
-
export declare function Text({ as, preset, color, className, ...rest }: TextProps): JSX.Element;
|
|
11
|
-
interface LabelProps extends AriaLabelProps {
|
|
12
|
-
preset?: TextPreset | "label";
|
|
13
|
-
color?: TextColor;
|
|
14
|
-
as?: TextElement;
|
|
15
|
-
}
|
|
16
|
-
export declare function Label({ preset, color, className, ...rest }: LabelProps): JSX.Element;
|
|
17
|
-
export {};
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { createElement } from "react";
|
|
2
|
-
import {
|
|
3
|
-
Label as AriaLabel
|
|
4
|
-
} from "react-aria-components";
|
|
5
|
-
import { cva } from "cva";
|
|
6
|
-
import classes from "./text.module";
|
|
7
|
-
const presetElements = {
|
|
8
|
-
sm: "p",
|
|
9
|
-
base: "p",
|
|
10
|
-
md: "p",
|
|
11
|
-
lg: "p",
|
|
12
|
-
largeNumber: "span",
|
|
13
|
-
stat: "span"
|
|
14
|
-
};
|
|
15
|
-
const text = cva({
|
|
16
|
-
base: classes.text,
|
|
17
|
-
variants: {
|
|
18
|
-
color: {
|
|
19
|
-
grey100: classes.grey100,
|
|
20
|
-
grey150: classes.grey150,
|
|
21
|
-
gold100: classes.gold100
|
|
22
|
-
},
|
|
23
|
-
preset: {
|
|
24
|
-
sm: classes.sm,
|
|
25
|
-
base: classes.base,
|
|
26
|
-
md: classes.md,
|
|
27
|
-
lg: classes.lg,
|
|
28
|
-
label: classes.label,
|
|
29
|
-
largeNumber: classes.largeNumber,
|
|
30
|
-
stat: classes.stat
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
});
|
|
34
|
-
function Text({
|
|
35
|
-
as = "p",
|
|
36
|
-
preset = "base",
|
|
37
|
-
color = "grey100",
|
|
38
|
-
className,
|
|
39
|
-
...rest
|
|
40
|
-
}) {
|
|
41
|
-
const elementType = as ?? presetElements[preset];
|
|
42
|
-
return createElement(elementType, {
|
|
43
|
-
...rest,
|
|
44
|
-
className: text({ preset, color, className })
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
function Label({
|
|
48
|
-
preset = "sm",
|
|
49
|
-
color = "grey100",
|
|
50
|
-
className,
|
|
51
|
-
...rest
|
|
52
|
-
}) {
|
|
53
|
-
return createElement(AriaLabel, {
|
|
54
|
-
...rest,
|
|
55
|
-
className: text({ preset, color, className })
|
|
56
|
-
});
|
|
57
|
-
}
|
|
58
|
-
export {
|
|
59
|
-
Label,
|
|
60
|
-
Text
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
//# sourceMappingURL=text.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAAA,SAAS,qBAAqB;AAC9B;AAAA,EACC,SAAS;AAAA,OAEH;AACP,SAAS,WAAW;AACpB,OAAO,aAAa;AAMpB,MAAM,iBAAkD;AAAA,EACvD,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,aAAa;AAAA,EACb,MAAM;AACP;AAEA,MAAM,OAAO,IAAI;AAAA,EAChB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,OAAO;AAAA,MACN,SAAS,QAAQ;AAAA,MACjB,SAAS,QAAQ;AAAA,MACjB,SAAS,QAAQ;AAAA,IAClB;AAAA,IACA,QAAQ;AAAA,MACP,IAAI,QAAQ;AAAA,MACZ,MAAM,QAAQ;AAAA,MACd,IAAI,QAAQ;AAAA,MACZ,IAAI,QAAQ;AAAA,MACZ,OAAO,QAAQ;AAAA,MACf,aAAa,QAAQ;AAAA,MACrB,MAAM,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAWM,SAAS,KAAK;AAAA,EACpB,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACJ,GAA2B;AAC1B,QAAM,cAAc,MAAM,eAAe,MAAM;AAC/C,SAAO,cAAc,aAAa;AAAA,IACjC,GAAG;AAAA,IACH,WAAW,KAAK,EAAE,QAAQ,OAAO,UAAU,CAAC;AAAA,EAC7C,CAAC;AACF;AAOO,SAAS,MAAM;AAAA,EACrB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACJ,GAA4B;AAC3B,SAAO,cAAc,WAAW;AAAA,IAC/B,GAAG;AAAA,IACH,WAAW,KAAK,EAAE,QAAQ,OAAO,UAAU,CAAC;AAAA,EAC7C,CAAC;AACF","names":[],"ignoreList":[],"sources":["../../../../src/components/typography/text.tsx"],"sourcesContent":["import { createElement } from \"react\";\nimport {\n\tLabel as AriaLabel,\n\ttype LabelProps as AriaLabelProps,\n} from \"react-aria-components\";\nimport { cva } from \"cva\";\nimport classes from \"./text.module\";\n\nexport type TextColor = \"grey100\" | \"grey150\" | \"gold100\";\nexport type TextElement = \"p\" | \"span\" | \"div\";\nexport type TextPreset = \"sm\" | \"base\" | \"md\" | \"lg\" | \"largeNumber\" | \"stat\";\n\nconst presetElements: Record<TextPreset, TextElement> = {\n\tsm: \"p\",\n\tbase: \"p\",\n\tmd: \"p\",\n\tlg: \"p\",\n\tlargeNumber: \"span\",\n\tstat: \"span\",\n};\n\nconst text = cva({\n\tbase: classes.text,\n\tvariants: {\n\t\tcolor: {\n\t\t\tgrey100: classes.grey100,\n\t\t\tgrey150: classes.grey150,\n\t\t\tgold100: classes.gold100,\n\t\t},\n\t\tpreset: {\n\t\t\tsm: classes.sm,\n\t\t\tbase: classes.base,\n\t\t\tmd: classes.md,\n\t\t\tlg: classes.lg,\n\t\t\tlabel: classes.label,\n\t\t\tlargeNumber: classes.largeNumber,\n\t\t\tstat: classes.stat,\n\t\t},\n\t},\n});\n\ninterface TextProps\n\textends React.DetailedHTMLProps<\n\t\tReact.HTMLAttributes<HTMLElement>,\n\t\tHTMLElement\n\t> {\n\tpreset?: TextPreset;\n\tcolor?: TextColor;\n\tas?: TextElement;\n}\nexport function Text({\n\tas = \"p\",\n\tpreset = \"base\",\n\tcolor = \"grey100\",\n\tclassName,\n\t...rest\n}: TextProps): JSX.Element {\n\tconst elementType = as ?? presetElements[preset];\n\treturn createElement(elementType, {\n\t\t...rest,\n\t\tclassName: text({ preset, color, className }),\n\t});\n}\n\ninterface LabelProps extends AriaLabelProps {\n\tpreset?: TextPreset | \"label\";\n\tcolor?: TextColor;\n\tas?: TextElement;\n}\nexport function Label({\n\tpreset = \"sm\",\n\tcolor = \"grey100\",\n\tclassName,\n\t...rest\n}: LabelProps): JSX.Element {\n\treturn createElement(AriaLabel, {\n\t\t...rest,\n\t\tclassName: text({ preset, color, className }),\n\t});\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import "./text_module.css";
|
|
2
|
-
var text_default = { "text": "text_63391", "label": "label_63391", "stat": "stat_63391", "largeNumber": "largeNumber_63391", "sm": "sm_63391", "base": "base_63391", "md": "md_63391", "lg": "lg_63391", "grey100": "grey100_63391", "grey150": "grey150_63391", "gold100": "gold100_63391" };
|
|
3
|
-
export {
|
|
4
|
-
text_default as default
|
|
5
|
-
};
|
|
6
|
-
|
|
7
|
-
//# sourceMappingURL=text.module.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAAA,OAAO;AAAoB,IAAO,eAAQ,EAAC,QAAO,cAAa,SAAQ,eAAc,QAAO,cAAa,eAAc,qBAAoB,MAAK,YAAW,QAAO,cAAa,MAAK,YAAW,MAAK,YAAW,WAAU,iBAAgB,WAAU,iBAAgB,WAAU,gBAAe","names":[],"ignoreList":[],"sources":["../../../../src/components/typography/text.module.css"],"sourcesContent":["import \"./text_module.css\";export default {\"text\":\"text_63391\",\"label\":\"label_63391\",\"stat\":\"stat_63391\",\"largeNumber\":\"largeNumber_63391\",\"sm\":\"sm_63391\",\"base\":\"base_63391\",\"md\":\"md_63391\",\"lg\":\"lg_63391\",\"grey100\":\"grey100_63391\",\"grey150\":\"grey150_63391\",\"gold100\":\"gold100_63391\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
.text_63391 {
|
|
2
|
-
font-family: var(--lol-font-family-spiegel);
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.label_63391 {
|
|
6
|
-
font-size: var(--lol-font-size-label);
|
|
7
|
-
line-height: var(--lol-line-height-label);
|
|
8
|
-
letter-spacing: var(--lol-letter-spacing-label);
|
|
9
|
-
font-weight: var(--lol-font-weight-label);
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.stat_63391 {
|
|
13
|
-
font-size: var(--lol-font-size-stat);
|
|
14
|
-
line-height: var(--lol-line-height-stat);
|
|
15
|
-
letter-spacing: var(--lol-letter-spacing-stat);
|
|
16
|
-
font-weight: var(--lol-font-weight-stat);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.largeNumber_63391 {
|
|
20
|
-
font-size: var(--lol-font-size-large-number);
|
|
21
|
-
line-height: var(--lol-line-height-large-number);
|
|
22
|
-
letter-spacing: var(--lol-letter-spacing-large-number);
|
|
23
|
-
font-weight: var(--lol-font-weight-large-number);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.sm_63391 {
|
|
27
|
-
font-size: var(--lol-font-size-sm);
|
|
28
|
-
line-height: var(--lol-line-height-sm);
|
|
29
|
-
letter-spacing: var(--lol-letter-spacing-sm);
|
|
30
|
-
font-weight: var(--lol-font-weight-sm);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.base_63391 {
|
|
34
|
-
font-size: var(--lol-font-size-base);
|
|
35
|
-
line-height: var(--lol-line-height-base);
|
|
36
|
-
letter-spacing: var(--lol-letter-spacing-base);
|
|
37
|
-
font-weight: var(--lol-font-weight-base);
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.md_63391 {
|
|
41
|
-
font-size: var(--lol-font-size-md);
|
|
42
|
-
line-height: var(--lol-line-height-md);
|
|
43
|
-
letter-spacing: var(--lol-letter-spacing-md);
|
|
44
|
-
font-weight: var(--lol-font-weight-md);
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.lg_63391 {
|
|
48
|
-
font-size: var(--lol-font-size-lg);
|
|
49
|
-
line-height: var(--lol-line-height-lg);
|
|
50
|
-
letter-spacing: var(--lol-letter-spacing-lg);
|
|
51
|
-
font-weight: var(--lol-font-weight-lg);
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.grey100_63391 {
|
|
55
|
-
color: var(--lol-color-grey-100);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.grey150_63391 {
|
|
59
|
-
color: var(--lol-color-grey-150);
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.gold100_63391 {
|
|
63
|
-
color: var(--lol-color-gold-100);
|
|
64
|
-
}
|
package/dist/es/style.css
DELETED
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
*,
|
|
2
|
-
*::before,
|
|
3
|
-
*::after {
|
|
4
|
-
box-sizing: border-box;
|
|
5
|
-
}
|
|
6
|
-
input,
|
|
7
|
-
button,
|
|
8
|
-
textarea,
|
|
9
|
-
select {
|
|
10
|
-
font: inherit;
|
|
11
|
-
}
|
|
12
|
-
button,
|
|
13
|
-
select {
|
|
14
|
-
text-transform: none;
|
|
15
|
-
}
|
|
16
|
-
:root {
|
|
17
|
-
color-scheme: dark;
|
|
18
|
-
--lol-z-index-app: 100;
|
|
19
|
-
--lol-z-index-modal: 200;
|
|
20
|
-
--lol-z-index-popover: 300;
|
|
21
|
-
--lol-z-index-overlay: 400;
|
|
22
|
-
--lol-z-index-max: 9999;
|
|
23
|
-
--lol-scale: 1;
|
|
24
|
-
--lol-color-blue-100: #CDFAFA;
|
|
25
|
-
--lol-color-blue-200: #0AC8B9;
|
|
26
|
-
--lol-color-blue-300: #0397AB;
|
|
27
|
-
--lol-color-blue-400: #005A82;
|
|
28
|
-
--lol-color-blue-500: #0A323C;
|
|
29
|
-
--lol-color-blue-600: #091428;
|
|
30
|
-
--lol-color-blue-700: #0A1428;
|
|
31
|
-
--lol-color-grey-100: #A09B8C;
|
|
32
|
-
--lol-color-grey-150: #5B5A56;
|
|
33
|
-
--lol-color-grey-200: #3C3C41;
|
|
34
|
-
--lol-color-grey-300: #1E2328;
|
|
35
|
-
--lol-color-grey-cool: #1E282D;
|
|
36
|
-
--lol-color-hextech-black: #010A13;
|
|
37
|
-
--lol-color-gold-100: #F0E6D2;
|
|
38
|
-
--lol-color-gold-200: #C8AA6E;
|
|
39
|
-
--lol-color-gold-300: #CDBE91;
|
|
40
|
-
--lol-color-gold-400: #C89B3C;
|
|
41
|
-
--lol-color-gold-500: #785A28;
|
|
42
|
-
--lol-color-gold-600: #463714;
|
|
43
|
-
--lol-color-gold-700: #32281E;
|
|
44
|
-
--lol-font-size-h1: 3.3333rem;
|
|
45
|
-
--lol-line-height-h1: 3.5rem;
|
|
46
|
-
--lol-letter-spacing-h1: 0.05em;
|
|
47
|
-
--lol-font-weight-h1: 700;
|
|
48
|
-
--lol-font-size-h2: 2.3333rem;
|
|
49
|
-
--lol-line-height-h2: 2.6667rem;
|
|
50
|
-
--lol-letter-spacing-h2: 0.05em;
|
|
51
|
-
--lol-font-weight-h2: 700;
|
|
52
|
-
--lol-font-size-h3: 1.9167rem;
|
|
53
|
-
--lol-line-height-h3: 2.3333rem;
|
|
54
|
-
--lol-letter-spacing-h3: 0.05em;
|
|
55
|
-
--lol-font-weight-h3: 700;
|
|
56
|
-
--lol-font-size-h4: 1.5rem;
|
|
57
|
-
--lol-line-height-h4: 1.8333rem;
|
|
58
|
-
--lol-letter-spacing-h4: 0.05em;
|
|
59
|
-
--lol-font-weight-h4: 700;
|
|
60
|
-
--lol-font-size-h5: 1.1667rem;
|
|
61
|
-
--lol-line-height-h5: 1.5rem;
|
|
62
|
-
--lol-letter-spacing-h5: 0.075em;
|
|
63
|
-
--lol-font-weight-h5: 700;
|
|
64
|
-
--lol-font-size-label: 0.9167rem;
|
|
65
|
-
--lol-line-height-label: 1.3333rem;
|
|
66
|
-
--lol-letter-spacing-label: 0.05em;
|
|
67
|
-
--lol-font-weight-label: 700;
|
|
68
|
-
--lol-font-size-stat: 1.1667rem;
|
|
69
|
-
--lol-line-height-stat: 1.6667rem;
|
|
70
|
-
--lol-letter-spacing-stat: 0.05em;
|
|
71
|
-
--lol-font-weight-stat: 700;
|
|
72
|
-
--lol-font-size-stat: 1.1667rem;
|
|
73
|
-
--lol-line-height-stat: 1.6667rem;
|
|
74
|
-
--lol-letter-spacing-stat: 0.05em;
|
|
75
|
-
--lol-font-weight-stat: 700;
|
|
76
|
-
--lol-font-size-large-number: 4.75rem;
|
|
77
|
-
--lol-line-height-large-number: 5.1667rem;
|
|
78
|
-
--lol-letter-spacing-large-number: 0.025em;
|
|
79
|
-
--lol-font-weight-large-number: 500;
|
|
80
|
-
--lol-font-size-xs: 0.75rem;
|
|
81
|
-
--lol-line-height-xs: 1rem;
|
|
82
|
-
--lol-letter-spacing-xs: 0.025em;
|
|
83
|
-
--lol-font-weight-xs: 400;
|
|
84
|
-
--lol-font-size-sm: 0.875rem;
|
|
85
|
-
--lol-line-height-sm: 1.1025rem;
|
|
86
|
-
--lol-letter-spacing-sm: 0.02em;
|
|
87
|
-
--lol-font-weight-sm: 400;
|
|
88
|
-
--lol-font-size-base: 1rem;
|
|
89
|
-
--lol-line-height-base: 1.24rem;
|
|
90
|
-
--lol-letter-spacing-base: 0.01em;
|
|
91
|
-
--lol-font-weight-base: 400;
|
|
92
|
-
--lol-font-size-md: 1.1667rem;
|
|
93
|
-
--lol-line-height-md: 1.6667rem;
|
|
94
|
-
--lol-letter-spacing-md: 0.025em;
|
|
95
|
-
--lol-font-weight-md: 400;
|
|
96
|
-
--lol-font-size-lg: 1.5rem;
|
|
97
|
-
--lol-line-height-lg: 1.875rem;
|
|
98
|
-
--lol-letter-spacing-lg: 0.025em;
|
|
99
|
-
--lol-font-weight-lg: 400;
|
|
100
|
-
--lol-font-family-beaufort: "beaufort";
|
|
101
|
-
--lol-font-family-spiegel: "spiegel";
|
|
102
|
-
--lol-gradient-gold: linear-gradient(to top, var(--lol-color-gold-500), var(--lol-color-gold-400), var(--lol-color-gold-200));
|
|
103
|
-
--lol-gradient-gold-hover: linear-gradient(to top, var(--lol-color-gold-400), var(--lol-color-gold-200), var(--lol-color-gold-100));
|
|
104
|
-
--lol-gradient-gold-press: linear-gradient(to top, var(--lol-color-gold-600), var(--lol-color-gold-600), var(--lol-color-gold-500));
|
|
105
|
-
--lol-gradient-grey-300: linear-gradient(to top, var(--lol-color-grey-300), var(--lol-color-grey-300), var(--lol-color-grey-300));
|
|
106
|
-
--lol-gradient-grey-focus: linear-gradient(to top, var(--lol-color-grey-200), var(--lol-color-grey-300), var(--lol-color-grey-300));
|
|
107
|
-
--lol-gradient-hextech-black: linear-gradient(to top, var(--lol-color-hextech-black), var(--lol-color-hextech-black));
|
|
108
|
-
--lol-gradient-disabled: linear-gradient(to top, var(--lol-color-grey-150), var(--lol-color-grey-150), var(--lol-color-grey-150));
|
|
109
|
-
--lol-gradient-transparent: linear-gradient(to top, transparent, transparent);
|
|
110
|
-
--lol-gradient-hextech: linear-gradient(to top, var(--lol-color-blue-200), var(--lol-color-blue-400));
|
|
111
|
-
--lol-gradient-hextech-hover: linear-gradient(to top, var(--lol-color-blue-100), var(--lol-color-blue-300));
|
|
112
|
-
--lol-gradient-hextech-press: linear-gradient(to top, var(--lol-color-blue-500), var(--lol-color-blue-400));
|
|
113
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function resolveClassName(className: ((values: any) => string) | string | undefined, values: any): string;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAAO,SAAS,iBACf,WACA,QACS;AACT,SAAO,OAAO,cAAc,aAAa,UAAU,MAAM,IAAI,aAAa;AAC3E","names":[],"ignoreList":[],"sources":["../../../src/utilities/resolve-class-name.ts"],"sourcesContent":["export function resolveClassName(\n\tclassName: ((values: any) => string) | string | undefined,\n\tvalues: any,\n): string {\n\treturn typeof className === \"function\" ? className(values) : className ?? \"\";\n}\n"]}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
interface AccordionProps {
|
|
2
|
-
children: React.ReactNode;
|
|
3
|
-
}
|
|
4
|
-
export declare function Accordion({ children }: AccordionProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
export declare const accordionTrigger: (props?: ({
|
|
6
|
-
class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
|
|
7
|
-
[x: string]: any;
|
|
8
|
-
} | null | undefined)[] | {
|
|
9
|
-
[x: string]: any;
|
|
10
|
-
} | null | undefined)[] | {
|
|
11
|
-
[x: string]: any;
|
|
12
|
-
} | null | undefined)[] | {
|
|
13
|
-
[x: string]: any;
|
|
14
|
-
} | null | undefined)[] | {
|
|
15
|
-
[x: string]: any;
|
|
16
|
-
} | null | undefined)[] | {
|
|
17
|
-
[x: string]: any;
|
|
18
|
-
} | null | undefined)[] | {
|
|
19
|
-
[x: string]: any;
|
|
20
|
-
} | null | undefined)[] | {
|
|
21
|
-
[x: string]: any;
|
|
22
|
-
} | null | undefined)[] | {
|
|
23
|
-
[x: string]: any;
|
|
24
|
-
} | null | undefined)[] | {
|
|
25
|
-
[x: string]: any;
|
|
26
|
-
} | null | undefined)[] | {
|
|
27
|
-
[x: string]: any;
|
|
28
|
-
} | null | undefined)[] | {
|
|
29
|
-
[x: string]: any;
|
|
30
|
-
} | null | undefined;
|
|
31
|
-
className?: never;
|
|
32
|
-
} | {
|
|
33
|
-
class?: never;
|
|
34
|
-
className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
|
|
35
|
-
[x: string]: any;
|
|
36
|
-
} | null | undefined)[] | {
|
|
37
|
-
[x: string]: any;
|
|
38
|
-
} | null | undefined)[] | {
|
|
39
|
-
[x: string]: any;
|
|
40
|
-
} | null | undefined)[] | {
|
|
41
|
-
[x: string]: any;
|
|
42
|
-
} | null | undefined)[] | {
|
|
43
|
-
[x: string]: any;
|
|
44
|
-
} | null | undefined)[] | {
|
|
45
|
-
[x: string]: any;
|
|
46
|
-
} | null | undefined)[] | {
|
|
47
|
-
[x: string]: any;
|
|
48
|
-
} | null | undefined)[] | {
|
|
49
|
-
[x: string]: any;
|
|
50
|
-
} | null | undefined)[] | {
|
|
51
|
-
[x: string]: any;
|
|
52
|
-
} | null | undefined)[] | {
|
|
53
|
-
[x: string]: any;
|
|
54
|
-
} | null | undefined)[] | {
|
|
55
|
-
[x: string]: any;
|
|
56
|
-
} | null | undefined)[] | {
|
|
57
|
-
[x: string]: any;
|
|
58
|
-
} | null | undefined;
|
|
59
|
-
}) | undefined) => string;
|
|
60
|
-
interface AccordionTriggerProps {
|
|
61
|
-
children: React.ReactNode;
|
|
62
|
-
className?: string;
|
|
63
|
-
}
|
|
64
|
-
export declare function AccordionTrigger({ children, className, }: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
65
|
-
interface AccordionItemProps {
|
|
66
|
-
children: React.ReactNode;
|
|
67
|
-
value: string;
|
|
68
|
-
}
|
|
69
|
-
export declare function AccordionItem({ children, value }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
|
|
70
|
-
interface AccordionContentProps {
|
|
71
|
-
children: React.ReactNode;
|
|
72
|
-
}
|
|
73
|
-
export declare function AccordionContent({ children }: AccordionContentProps): import("react/jsx-runtime").JSX.Element | null;
|
|
74
|
-
export {};
|