@lolmath/ui 0.0.0-20240810205542
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/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/divider.83026e17.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 +74 -0
- package/dist/es/components/accordion.js +74 -0
- package/dist/es/components/accordion.js.map +1 -0
- package/dist/es/components/accordion.module.js +7 -0
- package/dist/es/components/accordion.module.js.map +1 -0
- package/dist/es/components/accordion_module.css +41 -0
- package/dist/es/components/breadcrumbs/breadcrumbs.d.ts +3 -0
- package/dist/es/components/breadcrumbs/breadcrumbs.js +55 -0
- package/dist/es/components/breadcrumbs/breadcrumbs.js.map +1 -0
- package/dist/es/components/breadcrumbs/breadcrumbs.module.js +7 -0
- package/dist/es/components/breadcrumbs/breadcrumbs.module.js.map +1 -0
- package/dist/es/components/breadcrumbs/breadcrumbs_module.css +30 -0
- package/dist/es/components/breadcrumbs.d.ts +3 -0
- package/dist/es/components/breadcrumbs.js +67 -0
- package/dist/es/components/breadcrumbs.js.map +1 -0
- package/dist/es/components/breadcrumbs.module.js +7 -0
- package/dist/es/components/breadcrumbs.module.js.map +1 -0
- package/dist/es/components/breadcrumbs_module.css +25 -0
- package/dist/es/components/button-link.d.ts +11 -0
- package/dist/es/components/button-link.js +39 -0
- package/dist/es/components/button-link.js.map +1 -0
- package/dist/es/components/button.d.ts +76 -0
- package/dist/es/components/button.js +78 -0
- package/dist/es/components/button.js.map +1 -0
- package/dist/es/components/button.module.js +7 -0
- package/dist/es/components/button.module.js.map +1 -0
- package/dist/es/components/button_module.css +160 -0
- package/dist/es/components/card.d.ts +6 -0
- package/dist/es/components/card.js +32 -0
- package/dist/es/components/card.js.map +1 -0
- package/dist/es/components/card.module.js +7 -0
- package/dist/es/components/card.module.js.map +1 -0
- package/dist/es/components/card_module.css +18 -0
- package/dist/es/components/checkbox/checkbox.d.ts +2 -0
- package/dist/es/components/checkbox/checkbox.js +55 -0
- package/dist/es/components/checkbox/checkbox.js.map +1 -0
- package/dist/es/components/checkbox/checkbox.module.js +7 -0
- package/dist/es/components/checkbox/checkbox.module.js.map +1 -0
- package/dist/es/components/checkbox/checkbox_module.css +21 -0
- package/dist/es/components/divider.d.ts +6 -0
- package/dist/es/components/divider.js +31 -0
- package/dist/es/components/divider.js.map +1 -0
- package/dist/es/components/divider.module.js +7 -0
- package/dist/es/components/divider.module.js.map +1 -0
- package/dist/es/components/divider_module.css +31 -0
- package/dist/es/components/modal.d.ts +13 -0
- package/dist/es/components/modal.js +86 -0
- package/dist/es/components/modal.js.map +1 -0
- package/dist/es/components/modal.module.js +7 -0
- package/dist/es/components/modal.module.js.map +1 -0
- package/dist/es/components/modal_module.css +82 -0
- package/dist/es/components/number-field.d.ts +10 -0
- package/dist/es/components/number-field.js +103 -0
- package/dist/es/components/number-field.js.map +1 -0
- package/dist/es/components/number-field.module.js +7 -0
- package/dist/es/components/number-field.module.js.map +1 -0
- package/dist/es/components/number-field_module.css +56 -0
- package/dist/es/components/popover.d.ts +1 -0
- 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 +6 -0
- package/dist/es/components/progress-bar.js +25 -0
- package/dist/es/components/progress-bar.js.map +1 -0
- package/dist/es/components/progress-bar.module.js +7 -0
- package/dist/es/components/progress-bar.module.js.map +1 -0
- package/dist/es/components/progress-bar_module.css +35 -0
- package/dist/es/components/radio-group/radio-group.d.ts +3 -0
- package/dist/es/components/radio-group/radio-group.js +46 -0
- package/dist/es/components/radio-group/radio-group.js.map +1 -0
- package/dist/es/components/radio-group/radio-group.module.js +7 -0
- package/dist/es/components/radio-group/radio-group.module.js.map +1 -0
- package/dist/es/components/radio-group/radio-group_module.css +55 -0
- package/dist/es/components/search-field/search-field.d.ts +6 -0
- package/dist/es/components/search-field/search-field.js +67 -0
- package/dist/es/components/search-field/search-field.js.map +1 -0
- package/dist/es/components/search-field/search-field.module.js +7 -0
- package/dist/es/components/search-field/search-field.module.js.map +1 -0
- package/dist/es/components/search-field/search-field_module.css +78 -0
- package/dist/es/components/select/dropdown-check.js +6 -0
- package/dist/es/components/select/dropdown-check.js.map +1 -0
- package/dist/es/components/select/select.d.ts +11 -0
- package/dist/es/components/select/select.js +77 -0
- package/dist/es/components/select/select.js.map +1 -0
- package/dist/es/components/select/select.module.js +7 -0
- package/dist/es/components/select/select.module.js.map +1 -0
- package/dist/es/components/select/select_module.css +82 -0
- package/dist/es/components/slider/slider.d.ts +8 -0
- package/dist/es/components/slider/slider.js +146 -0
- package/dist/es/components/slider/slider.js.map +1 -0
- package/dist/es/components/slider/slider.module.js +7 -0
- package/dist/es/components/slider/slider.module.js.map +1 -0
- package/dist/es/components/slider/slider_module.css +62 -0
- package/dist/es/components/spinner/spinner.d.ts +5 -0
- package/dist/es/components/spinner/spinner.js +21 -0
- package/dist/es/components/spinner/spinner.js.map +1 -0
- package/dist/es/components/spinner/spinner.module.js +7 -0
- package/dist/es/components/spinner/spinner.module.js.map +1 -0
- package/dist/es/components/spinner/spinner_module.css +18 -0
- package/dist/es/components/switch.d.ts +4 -0
- package/dist/es/components/switch.js +61 -0
- package/dist/es/components/switch.js.map +1 -0
- package/dist/es/components/switch.module.js +7 -0
- package/dist/es/components/switch.module.js.map +1 -0
- package/dist/es/components/switch_module.css +72 -0
- package/dist/es/components/tabs.d.ts +6 -0
- package/dist/es/components/tabs.js +71 -0
- package/dist/es/components/tabs.js.map +1 -0
- package/dist/es/components/tabs.module.js +7 -0
- package/dist/es/components/tabs.module.js.map +1 -0
- package/dist/es/components/tabs_module.css +52 -0
- package/dist/es/components/text-area.d.ts +4 -0
- package/dist/es/components/text-area.js +31 -0
- package/dist/es/components/text-area.js.map +1 -0
- package/dist/es/components/text-field.d.ts +64 -0
- package/dist/es/components/text-field.js +46 -0
- package/dist/es/components/text-field.js.map +1 -0
- package/dist/es/components/text-field.module.js +7 -0
- package/dist/es/components/text-field.module.js.map +1 -0
- package/dist/es/components/text-field_module.css +37 -0
- package/dist/es/components/toggle-button.d.ts +10 -0
- package/dist/es/components/toggle-button.js +68 -0
- package/dist/es/components/toggle-button.js.map +1 -0
- package/dist/es/components/tooltip.d.ts +3 -0
- package/dist/es/components/tooltip.js +67 -0
- package/dist/es/components/tooltip.js.map +1 -0
- package/dist/es/components/tooltip.module.js +7 -0
- package/dist/es/components/tooltip.module.js.map +1 -0
- package/dist/es/components/tooltip_module.css +68 -0
- package/dist/es/components/typography/heading.d.ts +67 -0
- package/dist/es/components/typography/heading.js +40 -0
- package/dist/es/components/typography/heading.js.map +1 -0
- package/dist/es/components/typography/heading.module.js +7 -0
- package/dist/es/components/typography/heading.module.js.map +1 -0
- package/dist/es/components/typography/heading_module.css +58 -0
- package/dist/es/components/typography/text.d.ts +17 -0
- package/dist/es/components/typography/text.js +63 -0
- package/dist/es/components/typography/text.js.map +1 -0
- package/dist/es/components/typography/text.module.js +7 -0
- package/dist/es/components/typography/text.module.js.map +1 -0
- package/dist/es/components/typography/text_module.css +66 -0
- package/dist/es/index.d.ts +24 -0
- package/dist/es/index.js +29 -0
- package/dist/es/index.js.map +1 -0
- package/dist/es/plugin.d.ts +4 -0
- package/dist/es/plugin.js +149 -0
- package/dist/es/plugin.js.map +1 -0
- package/dist/es/style.css +105 -0
- package/dist/es/utilities/resolve-class-name.d.ts +1 -0
- package/dist/es/utilities/resolve-class-name.js +8 -0
- package/dist/es/utilities/resolve-class-name.js.map +1 -0
- package/dist/font/beaufort/beaufort.css +79 -0
- package/dist/font/beaufort/files/beaufort-300-italic.woff +0 -0
- package/dist/font/beaufort/files/beaufort-300-italic.woff2 +0 -0
- package/dist/font/beaufort/files/beaufort-300-normal.woff +0 -0
- package/dist/font/beaufort/files/beaufort-300-normal.woff2 +0 -0
- package/dist/font/beaufort/files/beaufort-400-italic.woff +0 -0
- package/dist/font/beaufort/files/beaufort-400-italic.woff2 +0 -0
- package/dist/font/beaufort/files/beaufort-400-normal.woff +0 -0
- package/dist/font/beaufort/files/beaufort-400-normal.woff2 +0 -0
- package/dist/font/beaufort/files/beaufort-500-italic.woff +0 -0
- package/dist/font/beaufort/files/beaufort-500-italic.woff2 +0 -0
- package/dist/font/beaufort/files/beaufort-500-normal.woff +0 -0
- package/dist/font/beaufort/files/beaufort-500-normal.woff2 +0 -0
- package/dist/font/beaufort/files/beaufort-700-italic.woff +0 -0
- package/dist/font/beaufort/files/beaufort-700-italic.woff2 +0 -0
- package/dist/font/beaufort/files/beaufort-700-normal.woff +0 -0
- package/dist/font/beaufort/files/beaufort-700-normal.woff2 +0 -0
- package/dist/font/beaufort/files/beaufort-900-italic.woff +0 -0
- package/dist/font/beaufort/files/beaufort-900-italic.woff2 +0 -0
- package/dist/font/beaufort/files/beaufort-900-normal.woff +0 -0
- package/dist/font/beaufort/files/beaufort-900-normal.woff2 +0 -0
- package/dist/font/spiegel/files/spiegel-400-italic.woff +0 -0
- package/dist/font/spiegel/files/spiegel-400-italic.woff2 +0 -0
- package/dist/font/spiegel/files/spiegel-400-normal.woff +0 -0
- package/dist/font/spiegel/files/spiegel-400-normal.woff2 +0 -0
- package/dist/font/spiegel/files/spiegel-600-normal.woff +0 -0
- package/dist/font/spiegel/files/spiegel-600-normal.woff2 +0 -0
- package/dist/font/spiegel/files/spiegel-700-italic.woff +0 -0
- package/dist/font/spiegel/files/spiegel-700-italic.woff2 +0 -0
- package/dist/font/spiegel/files/spiegel-700-normal.woff +0 -0
- package/dist/font/spiegel/files/spiegel-700-normal.woff2 +0 -0
- package/dist/font/spiegel/spiegel.css +44 -0
- 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/divider.83026e17.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 +74 -0
- package/dist/lib/components/accordion.js +112 -0
- package/dist/lib/components/accordion.js.map +1 -0
- package/dist/lib/components/accordion.module.js +27 -0
- package/dist/lib/components/accordion.module.js.map +1 -0
- package/dist/lib/components/accordion_module.css +41 -0
- package/dist/lib/components/breadcrumbs/breadcrumbs.d.ts +3 -0
- package/dist/lib/components/breadcrumbs/breadcrumbs.js +86 -0
- package/dist/lib/components/breadcrumbs/breadcrumbs.js.map +1 -0
- package/dist/lib/components/breadcrumbs/breadcrumbs.module.js +27 -0
- package/dist/lib/components/breadcrumbs/breadcrumbs.module.js.map +1 -0
- package/dist/lib/components/breadcrumbs/breadcrumbs_module.css +30 -0
- package/dist/lib/components/button-link.d.ts +11 -0
- package/dist/lib/components/button-link.js +64 -0
- package/dist/lib/components/button-link.js.map +1 -0
- package/dist/lib/components/button.d.ts +76 -0
- package/dist/lib/components/button.js +112 -0
- package/dist/lib/components/button.js.map +1 -0
- package/dist/lib/components/button.module.js +27 -0
- package/dist/lib/components/button.module.js.map +1 -0
- package/dist/lib/components/button_module.css +160 -0
- package/dist/lib/components/card.d.ts +6 -0
- package/dist/lib/components/card.js +66 -0
- package/dist/lib/components/card.js.map +1 -0
- package/dist/lib/components/card.module.js +27 -0
- package/dist/lib/components/card.module.js.map +1 -0
- package/dist/lib/components/card_module.css +18 -0
- package/dist/lib/components/checkbox/checkbox.d.ts +2 -0
- package/dist/lib/components/checkbox/checkbox.js +87 -0
- package/dist/lib/components/checkbox/checkbox.js.map +1 -0
- package/dist/lib/components/checkbox/checkbox.module.js +27 -0
- package/dist/lib/components/checkbox/checkbox.module.js.map +1 -0
- package/dist/lib/components/checkbox/checkbox_module.css +21 -0
- package/dist/lib/components/divider.d.ts +6 -0
- package/dist/lib/components/divider.js +65 -0
- package/dist/lib/components/divider.js.map +1 -0
- package/dist/lib/components/divider.module.js +27 -0
- package/dist/lib/components/divider.module.js.map +1 -0
- package/dist/lib/components/divider_module.css +31 -0
- package/dist/lib/components/modal.d.ts +13 -0
- package/dist/lib/components/modal.js +117 -0
- package/dist/lib/components/modal.js.map +1 -0
- package/dist/lib/components/modal.module.js +27 -0
- package/dist/lib/components/modal.module.js.map +1 -0
- package/dist/lib/components/modal_module.css +82 -0
- package/dist/lib/components/number-field.d.ts +10 -0
- package/dist/lib/components/number-field.js +132 -0
- package/dist/lib/components/number-field.js.map +1 -0
- package/dist/lib/components/number-field.module.js +27 -0
- package/dist/lib/components/number-field.module.js.map +1 -0
- package/dist/lib/components/number-field_module.css +56 -0
- package/dist/lib/components/popover.d.ts +1 -0
- package/dist/lib/components/popover.js +1 -0
- package/dist/lib/components/popover.module.css +0 -0
- package/dist/lib/components/progress-bar.d.ts +6 -0
- package/dist/lib/components/progress-bar.js +56 -0
- package/dist/lib/components/progress-bar.js.map +1 -0
- package/dist/lib/components/progress-bar.module.js +27 -0
- package/dist/lib/components/progress-bar.module.js.map +1 -0
- package/dist/lib/components/progress-bar_module.css +35 -0
- package/dist/lib/components/radio-group/radio-group.d.ts +3 -0
- package/dist/lib/components/radio-group/radio-group.js +78 -0
- package/dist/lib/components/radio-group/radio-group.js.map +1 -0
- package/dist/lib/components/radio-group/radio-group.module.js +27 -0
- package/dist/lib/components/radio-group/radio-group.module.js.map +1 -0
- package/dist/lib/components/radio-group/radio-group_module.css +55 -0
- package/dist/lib/components/search-field/search-field.d.ts +6 -0
- package/dist/lib/components/search-field/search-field.js +97 -0
- package/dist/lib/components/search-field/search-field.js.map +1 -0
- package/dist/lib/components/search-field/search-field.module.js +27 -0
- package/dist/lib/components/search-field/search-field.module.js.map +1 -0
- package/dist/lib/components/search-field/search-field_module.css +78 -0
- package/dist/lib/components/select/select.d.ts +11 -0
- package/dist/lib/components/select/select.js +104 -0
- package/dist/lib/components/select/select.js.map +1 -0
- package/dist/lib/components/select/select.module.js +27 -0
- package/dist/lib/components/select/select.module.js.map +1 -0
- package/dist/lib/components/select/select_module.css +82 -0
- package/dist/lib/components/slider/slider.d.ts +8 -0
- package/dist/lib/components/slider/slider.js +176 -0
- package/dist/lib/components/slider/slider.js.map +1 -0
- package/dist/lib/components/slider/slider.module.js +27 -0
- package/dist/lib/components/slider/slider.module.js.map +1 -0
- package/dist/lib/components/slider/slider_module.css +62 -0
- package/dist/lib/components/spinner/spinner.d.ts +5 -0
- package/dist/lib/components/spinner/spinner.js +55 -0
- package/dist/lib/components/spinner/spinner.js.map +1 -0
- package/dist/lib/components/spinner/spinner.module.js +27 -0
- package/dist/lib/components/spinner/spinner.module.js.map +1 -0
- package/dist/lib/components/spinner/spinner_module.css +18 -0
- package/dist/lib/components/switch.d.ts +4 -0
- package/dist/lib/components/switch.js +95 -0
- package/dist/lib/components/switch.js.map +1 -0
- package/dist/lib/components/switch.module.js +27 -0
- package/dist/lib/components/switch.module.js.map +1 -0
- package/dist/lib/components/switch_module.css +72 -0
- package/dist/lib/components/tabs.d.ts +6 -0
- package/dist/lib/components/tabs.js +103 -0
- package/dist/lib/components/tabs.js.map +1 -0
- package/dist/lib/components/tabs.module.js +27 -0
- package/dist/lib/components/tabs.module.js.map +1 -0
- package/dist/lib/components/tabs_module.css +52 -0
- package/dist/lib/components/text-area.d.ts +4 -0
- package/dist/lib/components/text-area.js +52 -0
- package/dist/lib/components/text-area.js.map +1 -0
- package/dist/lib/components/text-field.d.ts +64 -0
- package/dist/lib/components/text-field.js +78 -0
- package/dist/lib/components/text-field.js.map +1 -0
- package/dist/lib/components/text-field.module.js +27 -0
- package/dist/lib/components/text-field.module.js.map +1 -0
- package/dist/lib/components/text-field_module.css +37 -0
- package/dist/lib/components/toggle-button.d.ts +10 -0
- package/dist/lib/components/toggle-button.js +100 -0
- package/dist/lib/components/toggle-button.js.map +1 -0
- package/dist/lib/components/tooltip.d.ts +3 -0
- package/dist/lib/components/tooltip.js +102 -0
- package/dist/lib/components/tooltip.js.map +1 -0
- package/dist/lib/components/tooltip.module.js +27 -0
- package/dist/lib/components/tooltip.module.js.map +1 -0
- package/dist/lib/components/tooltip_module.css +68 -0
- package/dist/lib/components/typography/heading.d.ts +67 -0
- package/dist/lib/components/typography/heading.js +75 -0
- package/dist/lib/components/typography/heading.js.map +1 -0
- package/dist/lib/components/typography/heading.module.js +27 -0
- package/dist/lib/components/typography/heading.module.js.map +1 -0
- package/dist/lib/components/typography/heading_module.css +58 -0
- package/dist/lib/components/typography/text.d.ts +17 -0
- package/dist/lib/components/typography/text.js +96 -0
- package/dist/lib/components/typography/text.js.map +1 -0
- package/dist/lib/components/typography/text.module.js +27 -0
- package/dist/lib/components/typography/text.module.js.map +1 -0
- package/dist/lib/components/typography/text_module.css +66 -0
- package/dist/lib/index.d.ts +24 -0
- package/dist/lib/index.js +77 -0
- package/dist/lib/index.js.map +1 -0
- package/dist/lib/plugin.d.ts +4 -0
- package/dist/lib/plugin.js +183 -0
- package/dist/lib/plugin.js.map +1 -0
- package/dist/lib/style.css +105 -0
- package/dist/lib/utilities/resolve-class-name.d.ts +1 -0
- package/dist/lib/utilities/resolve-class-name.js +32 -0
- package/dist/lib/utilities/resolve-class-name.js.map +1 -0
- package/package.json +97 -0
- package/readme.md +86 -0
|
@@ -0,0 +1,67 @@
|
|
|
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 {};
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var heading_exports = {};
|
|
30
|
+
__export(heading_exports, {
|
|
31
|
+
Heading: () => Heading,
|
|
32
|
+
heading: () => heading
|
|
33
|
+
});
|
|
34
|
+
module.exports = __toCommonJS(heading_exports);
|
|
35
|
+
var import_react = require("react");
|
|
36
|
+
var import_heading = __toESM(require("./heading.module"));
|
|
37
|
+
var import_cva = require("cva");
|
|
38
|
+
const heading = (0, import_cva.cva)({
|
|
39
|
+
base: import_heading.default.heading,
|
|
40
|
+
variants: {
|
|
41
|
+
color: {
|
|
42
|
+
gold100: import_heading.default.gold100,
|
|
43
|
+
gold200: import_heading.default.gold200,
|
|
44
|
+
gold400: import_heading.default.gold400,
|
|
45
|
+
grey100: import_heading.default.grey100
|
|
46
|
+
},
|
|
47
|
+
preset: {
|
|
48
|
+
h1: import_heading.default.h1,
|
|
49
|
+
h2: import_heading.default.h2,
|
|
50
|
+
h3: import_heading.default.h3,
|
|
51
|
+
h4: import_heading.default.h4,
|
|
52
|
+
h5: import_heading.default.h5
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
function Heading({
|
|
57
|
+
as,
|
|
58
|
+
preset = "h1",
|
|
59
|
+
color = "gold100",
|
|
60
|
+
className,
|
|
61
|
+
...rest
|
|
62
|
+
}) {
|
|
63
|
+
const resultAs = as ?? preset;
|
|
64
|
+
return (0, import_react.createElement)(resultAs, {
|
|
65
|
+
...rest,
|
|
66
|
+
className: heading({ preset, color, className })
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
70
|
+
0 && (module.exports = {
|
|
71
|
+
Heading,
|
|
72
|
+
heading
|
|
73
|
+
});
|
|
74
|
+
|
|
75
|
+
//# sourceMappingURL=heading.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAC9B,qBAAoB;AACpB,iBAAoB;AAeb,MAAM,cAAU,gBAAI;AAAA,EAC1B,MAAM,eAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,OAAO;AAAA,MACN,SAAS,eAAAA,QAAQ;AAAA,MACjB,SAAS,eAAAA,QAAQ;AAAA,MACjB,SAAS,eAAAA,QAAQ;AAAA,MACjB,SAAS,eAAAA,QAAQ;AAAA,IAClB;AAAA,IACA,QAAQ;AAAA,MACP,IAAI,eAAAA,QAAQ;AAAA,MACZ,IAAI,eAAAA,QAAQ;AAAA,MACZ,IAAI,eAAAA,QAAQ;AAAA,MACZ,IAAI,eAAAA,QAAQ;AAAA,MACZ,IAAI,eAAAA,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,aAAO,4BAAc,UAAU;AAAA,IAC9B,GAAG;AAAA,IACH,WAAW,QAAQ,EAAE,QAAQ,OAAO,UAAU,CAAC;AAAA,EAChD,CAAC;AACF","names":["classes"],"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"]}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
var heading_exports = {};
|
|
20
|
+
__export(heading_exports, {
|
|
21
|
+
default: () => heading_default
|
|
22
|
+
});
|
|
23
|
+
module.exports = __toCommonJS(heading_exports);
|
|
24
|
+
var import_heading_module = require("./heading_module.css");
|
|
25
|
+
var heading_default = { "heading": "heading_19d8e", "h1": "h1_19d8e", "h2": "h2_19d8e", "h3": "h3_19d8e", "h4": "h4_19d8e", "h5": "h5_19d8e", "grey100": "grey100_19d8e", "gold100": "gold100_19d8e", "gold200": "gold200_19d8e", "gold400": "gold400_19d8e" };
|
|
26
|
+
|
|
27
|
+
//# sourceMappingURL=heading.module.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAO;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_19d8e\",\"h1\":\"h1_19d8e\",\"h2\":\"h2_19d8e\",\"h3\":\"h3_19d8e\",\"h4\":\"h4_19d8e\",\"h5\":\"h5_19d8e\",\"grey100\":\"grey100_19d8e\",\"gold100\":\"gold100_19d8e\",\"gold200\":\"gold200_19d8e\",\"gold400\":\"gold400_19d8e\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
@layer lol {
|
|
2
|
+
.heading_19d8e {
|
|
3
|
+
font-family: var(--lol-font-family-beaufort);
|
|
4
|
+
scroll-margin-top: 5rem;
|
|
5
|
+
text-transform: uppercase;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.h1_19d8e {
|
|
9
|
+
font-size: var(--lol-font-size-h1);
|
|
10
|
+
line-height: var(--lol-line-height-h1);
|
|
11
|
+
letter-spacing: var(--lol-letter-spacing-h1);
|
|
12
|
+
font-weight: var(--lol-font-weight-h1);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.h2_19d8e {
|
|
16
|
+
font-size: var(--lol-font-size-h2);
|
|
17
|
+
line-height: var(--lol-line-height-h2);
|
|
18
|
+
letter-spacing: var(--lol-letter-spacing-h2);
|
|
19
|
+
font-weight: var(--lol-font-weight-h2);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.h3_19d8e {
|
|
23
|
+
font-size: var(--lol-font-size-h3);
|
|
24
|
+
line-height: var(--lol-line-height-h3);
|
|
25
|
+
letter-spacing: var(--lol-letter-spacing-h3);
|
|
26
|
+
font-weight: var(--lol-font-weight-h3);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.h4_19d8e {
|
|
30
|
+
font-size: var(--lol-font-size-h4);
|
|
31
|
+
line-height: var(--lol-line-height-h4);
|
|
32
|
+
letter-spacing: var(--lol-letter-spacing-h4);
|
|
33
|
+
font-weight: var(--lol-font-weight-h4);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.h5_19d8e {
|
|
37
|
+
font-size: var(--lol-font-size-h5);
|
|
38
|
+
line-height: var(--lol-line-height-h5);
|
|
39
|
+
letter-spacing: var(--lol-letter-spacing-h5);
|
|
40
|
+
font-weight: var(--lol-font-weight-h5);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.grey100_19d8e {
|
|
44
|
+
color: var(--lol-color-grey-100);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.gold100_19d8e {
|
|
48
|
+
color: var(--lol-color-gold-100);
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.gold200_19d8e {
|
|
52
|
+
color: var(--lol-color-gold-200);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.gold400_19d8e {
|
|
56
|
+
color: var(--lol-color-gold-400);
|
|
57
|
+
}
|
|
58
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
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 {};
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var text_exports = {};
|
|
30
|
+
__export(text_exports, {
|
|
31
|
+
Label: () => Label,
|
|
32
|
+
Text: () => Text
|
|
33
|
+
});
|
|
34
|
+
module.exports = __toCommonJS(text_exports);
|
|
35
|
+
var import_react = require("react");
|
|
36
|
+
var import_react_aria_components = require("react-aria-components");
|
|
37
|
+
var import_cva = require("cva");
|
|
38
|
+
var import_text = __toESM(require("./text.module"));
|
|
39
|
+
const presetElements = {
|
|
40
|
+
sm: "p",
|
|
41
|
+
base: "p",
|
|
42
|
+
md: "p",
|
|
43
|
+
lg: "p",
|
|
44
|
+
largeNumber: "span",
|
|
45
|
+
stat: "span"
|
|
46
|
+
};
|
|
47
|
+
const text = (0, import_cva.cva)({
|
|
48
|
+
base: import_text.default.text,
|
|
49
|
+
variants: {
|
|
50
|
+
color: {
|
|
51
|
+
grey100: import_text.default.grey100,
|
|
52
|
+
grey150: import_text.default.grey150,
|
|
53
|
+
gold100: import_text.default.gold100
|
|
54
|
+
},
|
|
55
|
+
preset: {
|
|
56
|
+
sm: import_text.default.sm,
|
|
57
|
+
base: import_text.default.base,
|
|
58
|
+
md: import_text.default.md,
|
|
59
|
+
lg: import_text.default.lg,
|
|
60
|
+
label: import_text.default.label,
|
|
61
|
+
largeNumber: import_text.default.largeNumber,
|
|
62
|
+
stat: import_text.default.stat
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
function Text({
|
|
67
|
+
as = "p",
|
|
68
|
+
preset = "base",
|
|
69
|
+
color = "grey100",
|
|
70
|
+
className,
|
|
71
|
+
...rest
|
|
72
|
+
}) {
|
|
73
|
+
const elementType = as ?? presetElements[preset];
|
|
74
|
+
return (0, import_react.createElement)(elementType, {
|
|
75
|
+
...rest,
|
|
76
|
+
className: text({ preset, color, className })
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
function Label({
|
|
80
|
+
preset = "sm",
|
|
81
|
+
color = "grey100",
|
|
82
|
+
className,
|
|
83
|
+
...rest
|
|
84
|
+
}) {
|
|
85
|
+
return (0, import_react.createElement)(import_react_aria_components.Label, {
|
|
86
|
+
...rest,
|
|
87
|
+
className: text({ preset, color, className })
|
|
88
|
+
});
|
|
89
|
+
}
|
|
90
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
91
|
+
0 && (module.exports = {
|
|
92
|
+
Label,
|
|
93
|
+
Text
|
|
94
|
+
});
|
|
95
|
+
|
|
96
|
+
//# sourceMappingURL=text.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAC9B,mCAGO;AACP,iBAAoB;AACpB,kBAAoB;AAMpB,MAAM,iBAAkD;AAAA,EACvD,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,aAAa;AAAA,EACb,MAAM;AACP;AAEA,MAAM,WAAO,gBAAI;AAAA,EAChB,MAAM,YAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,OAAO;AAAA,MACN,SAAS,YAAAA,QAAQ;AAAA,MACjB,SAAS,YAAAA,QAAQ;AAAA,MACjB,SAAS,YAAAA,QAAQ;AAAA,IAClB;AAAA,IACA,QAAQ;AAAA,MACP,IAAI,YAAAA,QAAQ;AAAA,MACZ,MAAM,YAAAA,QAAQ;AAAA,MACd,IAAI,YAAAA,QAAQ;AAAA,MACZ,IAAI,YAAAA,QAAQ;AAAA,MACZ,OAAO,YAAAA,QAAQ;AAAA,MACf,aAAa,YAAAA,QAAQ;AAAA,MACrB,MAAM,YAAAA,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,aAAO,4BAAc,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,aAAO,4BAAc,6BAAAC,OAAW;AAAA,IAC/B,GAAG;AAAA,IACH,WAAW,KAAK,EAAE,QAAQ,OAAO,UAAU,CAAC;AAAA,EAC7C,CAAC;AACF","names":["classes","AriaLabel"],"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"]}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
var text_exports = {};
|
|
20
|
+
__export(text_exports, {
|
|
21
|
+
default: () => text_default
|
|
22
|
+
});
|
|
23
|
+
module.exports = __toCommonJS(text_exports);
|
|
24
|
+
var import_text_module = require("./text_module.css");
|
|
25
|
+
var text_default = { "text": "text_72f52", "label": "label_72f52", "stat": "stat_72f52", "largeNumber": "largeNumber_72f52", "sm": "sm_72f52", "base": "base_72f52", "md": "md_72f52", "lg": "lg_72f52", "grey100": "grey100_72f52", "grey150": "grey150_72f52", "gold100": "gold100_72f52" };
|
|
26
|
+
|
|
27
|
+
//# sourceMappingURL=text.module.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAO;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_72f52\",\"label\":\"label_72f52\",\"stat\":\"stat_72f52\",\"largeNumber\":\"largeNumber_72f52\",\"sm\":\"sm_72f52\",\"base\":\"base_72f52\",\"md\":\"md_72f52\",\"lg\":\"lg_72f52\",\"grey100\":\"grey100_72f52\",\"grey150\":\"grey150_72f52\",\"gold100\":\"gold100_72f52\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
@layer lol {
|
|
2
|
+
.text_72f52 {
|
|
3
|
+
font-family: var(--lol-font-family-spiegel);
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.label_72f52 {
|
|
7
|
+
font-size: var(--lol-font-size-label);
|
|
8
|
+
line-height: var(--lol-line-height-label);
|
|
9
|
+
letter-spacing: var(--lol-letter-spacing-label);
|
|
10
|
+
font-weight: var(--lol-font-weight-label);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.stat_72f52 {
|
|
14
|
+
font-size: var(--lol-font-size-stat);
|
|
15
|
+
line-height: var(--lol-line-height-stat);
|
|
16
|
+
letter-spacing: var(--lol-letter-spacing-stat);
|
|
17
|
+
font-weight: var(--lol-font-weight-stat);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.largeNumber_72f52 {
|
|
21
|
+
font-size: var(--lol-font-size-large-number);
|
|
22
|
+
line-height: var(--lol-line-height-large-number);
|
|
23
|
+
letter-spacing: var(--lol-letter-spacing-large-number);
|
|
24
|
+
font-weight: var(--lol-font-weight-large-number);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.sm_72f52 {
|
|
28
|
+
font-size: var(--lol-font-size-sm);
|
|
29
|
+
line-height: var(--lol-line-height-sm);
|
|
30
|
+
letter-spacing: var(--lol-letter-spacing-sm);
|
|
31
|
+
font-weight: var(--lol-font-weight-sm);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.base_72f52 {
|
|
35
|
+
font-size: var(--lol-font-size-base);
|
|
36
|
+
line-height: var(--lol-line-height-base);
|
|
37
|
+
letter-spacing: var(--lol-letter-spacing-base);
|
|
38
|
+
font-weight: var(--lol-font-weight-base);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.md_72f52 {
|
|
42
|
+
font-size: var(--lol-font-size-md);
|
|
43
|
+
line-height: var(--lol-line-height-md);
|
|
44
|
+
letter-spacing: var(--lol-letter-spacing-md);
|
|
45
|
+
font-weight: var(--lol-font-weight-md);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.lg_72f52 {
|
|
49
|
+
font-size: var(--lol-font-size-lg);
|
|
50
|
+
line-height: var(--lol-line-height-lg);
|
|
51
|
+
letter-spacing: var(--lol-letter-spacing-lg);
|
|
52
|
+
font-weight: var(--lol-font-weight-lg);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.grey100_72f52 {
|
|
56
|
+
color: var(--lol-color-grey-100);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.grey150_72f52 {
|
|
60
|
+
color: var(--lol-color-grey-150);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.gold100_72f52 {
|
|
64
|
+
color: var(--lol-color-gold-100);
|
|
65
|
+
}
|
|
66
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export { RouterProvider } from "react-aria-components";
|
|
2
|
+
export * from "./components/accordion.js";
|
|
3
|
+
export * from "./components/breadcrumbs/breadcrumbs.js";
|
|
4
|
+
export * from "./components/button-link.js";
|
|
5
|
+
export * from "./components/button.js";
|
|
6
|
+
export * from "./components/card.js";
|
|
7
|
+
export * from "./components/checkbox/checkbox.js";
|
|
8
|
+
export * from "./components/divider.js";
|
|
9
|
+
export * from "./components/modal.js";
|
|
10
|
+
export * from "./components/number-field.js";
|
|
11
|
+
export * from "./components/progress-bar.js";
|
|
12
|
+
export * from "./components/radio-group/radio-group.js";
|
|
13
|
+
export * from "./components/search-field/search-field.js";
|
|
14
|
+
export * from "./components/select/select.js";
|
|
15
|
+
export * from "./components/slider/slider.js";
|
|
16
|
+
export * from "./components/spinner/spinner.js";
|
|
17
|
+
export * from "./components/switch.js";
|
|
18
|
+
export * from "./components/tabs.js";
|
|
19
|
+
export * from "./components/text-area.js";
|
|
20
|
+
export * from "./components/text-field.js";
|
|
21
|
+
export * from "./components/toggle-button.js";
|
|
22
|
+
export * from "./components/tooltip.js";
|
|
23
|
+
export * from "./components/typography/heading.js";
|
|
24
|
+
export * from "./components/typography/text.js";
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
19
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
20
|
+
var src_exports = {};
|
|
21
|
+
__export(src_exports, {
|
|
22
|
+
RouterProvider: () => import_react_aria_components.RouterProvider
|
|
23
|
+
});
|
|
24
|
+
module.exports = __toCommonJS(src_exports);
|
|
25
|
+
var import_react_aria_components = require("react-aria-components");
|
|
26
|
+
__reExport(src_exports, require("./components/accordion.js"), module.exports);
|
|
27
|
+
__reExport(src_exports, require("./components/breadcrumbs/breadcrumbs.js"), module.exports);
|
|
28
|
+
__reExport(src_exports, require("./components/button-link.js"), module.exports);
|
|
29
|
+
__reExport(src_exports, require("./components/button.js"), module.exports);
|
|
30
|
+
__reExport(src_exports, require("./components/card.js"), module.exports);
|
|
31
|
+
__reExport(src_exports, require("./components/checkbox/checkbox.js"), module.exports);
|
|
32
|
+
__reExport(src_exports, require("./components/divider.js"), module.exports);
|
|
33
|
+
__reExport(src_exports, require("./components/modal.js"), module.exports);
|
|
34
|
+
__reExport(src_exports, require("./components/number-field.js"), module.exports);
|
|
35
|
+
__reExport(src_exports, require("./components/progress-bar.js"), module.exports);
|
|
36
|
+
__reExport(src_exports, require("./components/radio-group/radio-group.js"), module.exports);
|
|
37
|
+
__reExport(src_exports, require("./components/search-field/search-field.js"), module.exports);
|
|
38
|
+
__reExport(src_exports, require("./components/select/select.js"), module.exports);
|
|
39
|
+
__reExport(src_exports, require("./components/slider/slider.js"), module.exports);
|
|
40
|
+
__reExport(src_exports, require("./components/spinner/spinner.js"), module.exports);
|
|
41
|
+
__reExport(src_exports, require("./components/switch.js"), module.exports);
|
|
42
|
+
__reExport(src_exports, require("./components/tabs.js"), module.exports);
|
|
43
|
+
__reExport(src_exports, require("./components/text-area.js"), module.exports);
|
|
44
|
+
__reExport(src_exports, require("./components/text-field.js"), module.exports);
|
|
45
|
+
__reExport(src_exports, require("./components/toggle-button.js"), module.exports);
|
|
46
|
+
__reExport(src_exports, require("./components/tooltip.js"), module.exports);
|
|
47
|
+
__reExport(src_exports, require("./components/typography/heading.js"), module.exports);
|
|
48
|
+
__reExport(src_exports, require("./components/typography/text.js"), module.exports);
|
|
49
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
50
|
+
0 && (module.exports = {
|
|
51
|
+
RouterProvider,
|
|
52
|
+
...require("./components/accordion.js"),
|
|
53
|
+
...require("./components/breadcrumbs/breadcrumbs.js"),
|
|
54
|
+
...require("./components/button-link.js"),
|
|
55
|
+
...require("./components/button.js"),
|
|
56
|
+
...require("./components/card.js"),
|
|
57
|
+
...require("./components/checkbox/checkbox.js"),
|
|
58
|
+
...require("./components/divider.js"),
|
|
59
|
+
...require("./components/modal.js"),
|
|
60
|
+
...require("./components/number-field.js"),
|
|
61
|
+
...require("./components/progress-bar.js"),
|
|
62
|
+
...require("./components/radio-group/radio-group.js"),
|
|
63
|
+
...require("./components/search-field/search-field.js"),
|
|
64
|
+
...require("./components/select/select.js"),
|
|
65
|
+
...require("./components/slider/slider.js"),
|
|
66
|
+
...require("./components/spinner/spinner.js"),
|
|
67
|
+
...require("./components/switch.js"),
|
|
68
|
+
...require("./components/tabs.js"),
|
|
69
|
+
...require("./components/text-area.js"),
|
|
70
|
+
...require("./components/text-field.js"),
|
|
71
|
+
...require("./components/toggle-button.js"),
|
|
72
|
+
...require("./components/tooltip.js"),
|
|
73
|
+
...require("./components/typography/heading.js"),
|
|
74
|
+
...require("./components/typography/text.js")
|
|
75
|
+
});
|
|
76
|
+
|
|
77
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAA+B;AAC/B,wBAAc,sCADd;AAEA,wBAAc,oDAFd;AAGA,wBAAc,wCAHd;AAIA,wBAAc,mCAJd;AAKA,wBAAc,iCALd;AAMA,wBAAc,8CANd;AAOA,wBAAc,oCAPd;AAQA,wBAAc,kCARd;AASA,wBAAc,yCATd;AAUA,wBAAc,yCAVd;AAWA,wBAAc,oDAXd;AAYA,wBAAc,sDAZd;AAaA,wBAAc,0CAbd;AAcA,wBAAc,0CAdd;AAeA,wBAAc,4CAfd;AAgBA,wBAAc,mCAhBd;AAiBA,wBAAc,iCAjBd;AAkBA,wBAAc,sCAlBd;AAmBA,wBAAc,uCAnBd;AAoBA,wBAAc,0CApBd;AAqBA,wBAAc,oCArBd;AAsBA,wBAAc,+CAtBd;AAuBA,wBAAc,4CAvBd","names":[],"ignoreList":[],"sources":["../../src/index.ts"],"sourcesContent":["export { RouterProvider } from \"react-aria-components\";\nexport * from \"./components/accordion.js\";\nexport * from \"./components/breadcrumbs/breadcrumbs.js\";\nexport * from \"./components/button-link.js\";\nexport * from \"./components/button.js\";\nexport * from \"./components/card.js\";\nexport * from \"./components/checkbox/checkbox.js\";\nexport * from \"./components/divider.js\";\nexport * from \"./components/modal.js\";\nexport * from \"./components/number-field.js\";\nexport * from \"./components/progress-bar.js\";\nexport * from \"./components/radio-group/radio-group.js\";\nexport * from \"./components/search-field/search-field.js\";\nexport * from \"./components/select/select.js\";\nexport * from \"./components/slider/slider.js\";\nexport * from \"./components/spinner/spinner.js\";\nexport * from \"./components/switch.js\";\nexport * from \"./components/tabs.js\";\nexport * from \"./components/text-area.js\";\nexport * from \"./components/text-field.js\";\nexport * from \"./components/toggle-button.js\";\nexport * from \"./components/tooltip.js\";\nexport * from \"./components/typography/heading.js\";\nexport * from \"./components/typography/text.js\";\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|