@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 @@
|
|
|
1
|
+
{"version":3,"mappings":"AAuDI,mBAEE,KAFF;AAvDJ,SAAS,WAAW;AACpB,SAAS,UAAU,kBAAkB;AAErC,OAAO,aAAa;AAEpB,MAAM,QAAQ,IAAI;AAAA,EACjB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW;AAAA,MACV,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAED,MAAM,OAAO,IAAI;AAAA,EAChB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAEM,SAAS,OAAO;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAEG;AACF,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAU;AAAA,MAET,WAAC,WACD,iCACC;AAAA,4BAAC,SAAI,WAAW,MAAM,MAAM,GAC3B,8BAAC,UAAK,WAAW,KAAK,MAAM,GAAG,GAChC;AAAA,QACC,OAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,SACtD;AAAA;AAAA,EAEF;AAEF","names":[],"ignoreList":[],"sources":["../../../src/components/switch.tsx"],"sourcesContent":["import { cva } from \"cva\";\nimport { Switch as AriaSwitch } from \"react-aria-components\";\nimport type { SwitchProps as AriaSwitchProps } from \"react-aria-components\";\nimport classes from \"./switch.module\";\n\nconst track = cva({\n\tbase: classes.track,\n\tvariants: {\n\t\tisHovered: {\n\t\t\ttrue: classes.hover,\n\t\t},\n\t\tisPressed: {\n\t\t\ttrue: classes.press,\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t\tisSelected: {\n\t\t\ttrue: classes.selected,\n\t\t},\n\t},\n});\n\nconst knob = cva({\n\tbase: classes.knob,\n\tvariants: {\n\t\tisSelected: {\n\t\t\ttrue: classes.selected,\n\t\t},\n\t\tisHovered: {\n\t\t\ttrue: classes.hover,\n\t\t},\n\t\tisPressed: {\n\t\t\ttrue: classes.press,\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t},\n});\n\nexport function Switch({\n\tclassName,\n\tplaceholder,\n\tchildren,\n\t...props\n}: AriaSwitchProps & {\n\tplaceholder?: string;\n}) {\n\treturn (\n\t\t<AriaSwitch\n\t\t\t{...props}\n\t\t\tclassName=\"group inline-flex items-center gap-2 p-1 px-1.5 text-sm font-semibold text-black\"\n\t\t>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t<div className={track(values)}>\n\t\t\t\t\t\t<span className={knob(values)} />\n\t\t\t\t\t</div>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaSwitch>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import "./switch_module.css";
|
|
2
|
+
var switch_default = { "track": "track_cfcb1", "hover": "hover_cfcb1", "press": "press_cfcb1", "disabled": "disabled_cfcb1", "selected": "selected_cfcb1", "knob": "knob_cfcb1" };
|
|
3
|
+
export {
|
|
4
|
+
switch_default as default
|
|
5
|
+
};
|
|
6
|
+
|
|
7
|
+
//# sourceMappingURL=switch.module.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"mappings":"AAAA,OAAO;AAAsB,IAAO,iBAAQ,EAAC,SAAQ,eAAc,SAAQ,eAAc,SAAQ,eAAc,YAAW,kBAAiB,YAAW,kBAAiB,QAAO,aAAY","names":[],"ignoreList":[],"sources":["../../../src/components/switch.module.css"],"sourcesContent":["import \"./switch_module.css\";export default {\"track\":\"track_cfcb1\",\"hover\":\"hover_cfcb1\",\"press\":\"press_cfcb1\",\"disabled\":\"disabled_cfcb1\",\"selected\":\"selected_cfcb1\",\"knob\":\"knob_cfcb1\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
@layer lol {
|
|
2
|
+
.track_cfcb1 {
|
|
3
|
+
background:
|
|
4
|
+
var(--lol-switch-background-gradient) padding-box,
|
|
5
|
+
var(--lol-switch-border-gradient) border-box;
|
|
6
|
+
|
|
7
|
+
--lol-switch-border-gradient: var(--lol-gradient-gold);
|
|
8
|
+
--lol-switch-background-gradient: var(--lol-gradient-grey-300);
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
border: 2px solid transparent;
|
|
12
|
+
height: 1.5rem;
|
|
13
|
+
width: 3.5rem;
|
|
14
|
+
|
|
15
|
+
border-radius: 9999px;
|
|
16
|
+
|
|
17
|
+
position: relative;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.track_cfcb1.hover_cfcb1 {
|
|
21
|
+
--lol-switch-border-gradient: var(--lol-gradient-gold-hover);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.track_cfcb1.press_cfcb1 {
|
|
25
|
+
--lol-switch-border-gradient: var(--lol-gradient-gold-press);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.track_cfcb1.disabled_cfcb1 {
|
|
29
|
+
--lol-switch-border-gradient: var(--lol-gradient-disabled);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.track_cfcb1.selected_cfcb1 {
|
|
33
|
+
--lol-switch-background-gradient: var(--lol-gradient-hextech);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.knob_cfcb1 {
|
|
37
|
+
position: absolute;
|
|
38
|
+
left: -.5rem;
|
|
39
|
+
top: -0.375rem;
|
|
40
|
+
height: 2rem;
|
|
41
|
+
width: 2rem;
|
|
42
|
+
border-radius: 9999px;
|
|
43
|
+
background:
|
|
44
|
+
var(--lol-switch-background-gradient) padding-box,
|
|
45
|
+
var(--lol-switch-border-gradient) border-box;
|
|
46
|
+
|
|
47
|
+
transition: left 200ms ease-in-out;
|
|
48
|
+
|
|
49
|
+
--lol-switch-border-gradient: var(--lol-gradient-gold);
|
|
50
|
+
--lol-switch-background-gradient: var(--lol-gradient-grey-300);
|
|
51
|
+
|
|
52
|
+
border: 2px solid transparent;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
.knob_cfcb1.hover_cfcb1 {
|
|
57
|
+
--lol-switch-border-gradient: var(--lol-gradient-gold-hover);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.knob_cfcb1.press_cfcb1 {
|
|
61
|
+
--lol-switch-border-gradient: var(--lol-gradient-gold-press);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.knob_cfcb1.disabled_cfcb1 {
|
|
65
|
+
--lol-switch-border-gradient: var(--lol-gradient-disabled);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.knob_cfcb1.selected_cfcb1 {
|
|
69
|
+
left: calc(100% - 1.5rem);
|
|
70
|
+
|
|
71
|
+
}
|
|
72
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type TabListProps, type TabPanelProps, type TabProps } from "react-aria-components";
|
|
2
|
+
export type { Key } from "react-aria-components";
|
|
3
|
+
export declare const Tabs: (props: import("react-aria-components").TabsProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;
|
|
4
|
+
export declare function TabList<T extends object>({ className, ...rest }: TabListProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare function Tab({ children, className, ...rest }: TabProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare function TabPanel({ ...rest }: TabPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cva, cx } from "cva";
|
|
4
|
+
import {
|
|
5
|
+
Tab as AriaTab,
|
|
6
|
+
TabList as AriaTabList,
|
|
7
|
+
TabPanel as AriaTabPanel,
|
|
8
|
+
Tabs as AriaTabs
|
|
9
|
+
} from "react-aria-components";
|
|
10
|
+
import { resolveClassName } from "../utilities/resolve-class-name.js";
|
|
11
|
+
import classes from "./tabs.module";
|
|
12
|
+
const Tabs = AriaTabs;
|
|
13
|
+
function TabList({
|
|
14
|
+
className,
|
|
15
|
+
...rest
|
|
16
|
+
}) {
|
|
17
|
+
return /* @__PURE__ */ jsx(
|
|
18
|
+
AriaTabList,
|
|
19
|
+
{
|
|
20
|
+
...rest,
|
|
21
|
+
className: (values) => cx(classes.list, resolveClassName(className, values))
|
|
22
|
+
}
|
|
23
|
+
);
|
|
24
|
+
}
|
|
25
|
+
const tab = cva({
|
|
26
|
+
base: classes.tab,
|
|
27
|
+
variants: {
|
|
28
|
+
isSelected: {
|
|
29
|
+
true: classes.selected
|
|
30
|
+
},
|
|
31
|
+
isHovered: {
|
|
32
|
+
true: classes.hovered
|
|
33
|
+
},
|
|
34
|
+
isPressed: {
|
|
35
|
+
true: classes.pressed
|
|
36
|
+
},
|
|
37
|
+
isDisabled: {
|
|
38
|
+
true: classes.disabled
|
|
39
|
+
},
|
|
40
|
+
isFocusVisible: {
|
|
41
|
+
true: classes.focusVisible
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
function Tab({ children, className, ...rest }) {
|
|
46
|
+
return /* @__PURE__ */ jsx(
|
|
47
|
+
AriaTab,
|
|
48
|
+
{
|
|
49
|
+
...rest,
|
|
50
|
+
className: (values) => tab({
|
|
51
|
+
...values,
|
|
52
|
+
className: resolveClassName(className, values)
|
|
53
|
+
}),
|
|
54
|
+
children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
55
|
+
typeof children === "function" ? children(values) : children,
|
|
56
|
+
values.isSelected && /* @__PURE__ */ jsx("div", { className: classes.indicator })
|
|
57
|
+
] })
|
|
58
|
+
}
|
|
59
|
+
);
|
|
60
|
+
}
|
|
61
|
+
function TabPanel({ ...rest }) {
|
|
62
|
+
return /* @__PURE__ */ jsx(AriaTabPanel, { ...rest });
|
|
63
|
+
}
|
|
64
|
+
export {
|
|
65
|
+
Tab,
|
|
66
|
+
TabList,
|
|
67
|
+
TabPanel,
|
|
68
|
+
Tabs
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
//# sourceMappingURL=tabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"mappings":";AAwBE,SA0CE,UA1CF,KA0CE,YA1CF;AAtBF,SAAS,KAAK,UAAU;AACxB;AAAA,EACC,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,OAIF;AACP,SAAS,wBAAwB;AACjC,OAAO,aAAa;AAIb,MAAM,OAAO;AAEb,SAAS,QAA0B;AAAA,EACzC;AAAA,EACA,GAAG;AACJ,GAAoB;AACnB,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,GAAG,QAAQ,MAAM,iBAAiB,WAAW,MAAM,CAAC;AAAA;AAAA,EAEtD;AAEF;AAEA,MAAM,MAAM,IAAI;AAAA,EACf,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,gBAAgB;AAAA,MACf,MAAM,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAEM,SAAS,IAAI,EAAE,UAAU,WAAW,GAAG,KAAK,GAAa;AAC/D,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,IAAI;AAAA,QACH,GAAG;AAAA,QACH,WAAW,iBAAiB,WAAW,MAAM;AAAA,MAC9C,CAAC;AAAA,MAGD,WAAC,WACD,iCACE;AAAA,eAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,QACpD,OAAO,cAAc,oBAAC,SAAI,WAAW,QAAQ,WAAW;AAAA,SAC1D;AAAA;AAAA,EAEF;AAEF;AAEO,SAAS,SAAS,EAAE,GAAG,KAAK,GAAkB;AACpD,SAAO,oBAAC,gBAAc,GAAG,MAAM;AAChC","names":[],"ignoreList":[],"sources":["../../../src/components/tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, cx } from \"cva\";\nimport {\n\tTab as AriaTab,\n\tTabList as AriaTabList,\n\tTabPanel as AriaTabPanel,\n\tTabs as AriaTabs,\n\ttype TabListProps,\n\ttype TabPanelProps,\n\ttype TabProps,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport classes from \"./tabs.module\";\n\nexport type { Key } from \"react-aria-components\";\n\nexport const Tabs = AriaTabs;\n\nexport function TabList<T extends object>({\n\tclassName,\n\t...rest\n}: TabListProps<T>) {\n\treturn (\n\t\t<AriaTabList<T>\n\t\t\t{...rest}\n\t\t\tclassName={(values) =>\n\t\t\t\tcx(classes.list, resolveClassName(className, values))\n\t\t\t}\n\t\t/>\n\t);\n}\n\nconst tab = cva({\n\tbase: classes.tab,\n\tvariants: {\n\t\tisSelected: {\n\t\t\ttrue: classes.selected,\n\t\t},\n\t\tisHovered: {\n\t\t\ttrue: classes.hovered,\n\t\t},\n\t\tisPressed: {\n\t\t\ttrue: classes.pressed,\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t\tisFocusVisible: {\n\t\t\ttrue: classes.focusVisible,\n\t\t},\n\t},\n});\n\nexport function Tab({ children, className, ...rest }: TabProps) {\n\treturn (\n\t\t<AriaTab\n\t\t\t{...rest}\n\t\t\tclassName={(values) =>\n\t\t\t\ttab({\n\t\t\t\t\t...values,\n\t\t\t\t\tclassName: resolveClassName(className, values),\n\t\t\t\t})\n\t\t\t}\n\t\t>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t\t{values.isSelected && <div className={classes.indicator} />}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaTab>\n\t);\n}\n\nexport function TabPanel({ ...rest }: TabPanelProps) {\n\treturn <AriaTabPanel {...rest} />;\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import "./tabs_module.css";
|
|
2
|
+
var tabs_default = { "list": "list_0d500", "tab": "tab_0d500", "selected": "selected_0d500", "hovered": "hovered_0d500", "pressed": "pressed_0d500", "disabled": "disabled_0d500", "focusVisible": "focusVisible_0d500", "indicator": "indicator_0d500" };
|
|
3
|
+
export {
|
|
4
|
+
tabs_default as default
|
|
5
|
+
};
|
|
6
|
+
|
|
7
|
+
//# sourceMappingURL=tabs.module.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"mappings":"AAAA,OAAO;AAAoB,IAAO,eAAQ,EAAC,QAAO,cAAa,OAAM,aAAY,YAAW,kBAAiB,WAAU,iBAAgB,WAAU,iBAAgB,YAAW,kBAAiB,gBAAe,sBAAqB,aAAY,kBAAiB","names":[],"ignoreList":[],"sources":["../../../src/components/tabs.module.css"],"sourcesContent":["import \"./tabs_module.css\";export default {\"list\":\"list_0d500\",\"tab\":\"tab_0d500\",\"selected\":\"selected_0d500\",\"hovered\":\"hovered_0d500\",\"pressed\":\"pressed_0d500\",\"disabled\":\"disabled_0d500\",\"focusVisible\":\"focusVisible_0d500\",\"indicator\":\"indicator_0d500\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
@layer lol {
|
|
2
|
+
.list_0d500 {
|
|
3
|
+
margin-left: -1rem;
|
|
4
|
+
display: flex;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.tab_0d500 {
|
|
8
|
+
font-family: var(--lol-font-family-beaufort);
|
|
9
|
+
color: var(--lol-color-gold-300);
|
|
10
|
+
position: relative;
|
|
11
|
+
cursor: pointer;
|
|
12
|
+
user-select: none;
|
|
13
|
+
padding: 0.25rem 1rem;
|
|
14
|
+
font-size: 0.75rem;
|
|
15
|
+
font-weight: 500;
|
|
16
|
+
text-transform: uppercase;
|
|
17
|
+
letter-spacing: 0.1em;
|
|
18
|
+
line-height: 1rem;
|
|
19
|
+
outline: none;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.tab_0d500.selected_0d500 {
|
|
23
|
+
color: var(--lol-color-gold-100);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.tab_0d500.hovered_0d500 {
|
|
27
|
+
color: var(--lol-color-gold-100);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.tab_0d500.pressed_0d500 {
|
|
31
|
+
color: var(--lol-color-gold-500);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.tab_0d500.disabled_0d500 {
|
|
35
|
+
color: var(--lol-color-grey-150);
|
|
36
|
+
cursor: default;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.tab_0d500.focusVisible_0d500 {
|
|
40
|
+
outline: 1px solid var(--lol-color-gold-400);
|
|
41
|
+
outline-offset: 0.25rem;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.indicator_0d500 {
|
|
45
|
+
position: absolute;
|
|
46
|
+
bottom: 0;
|
|
47
|
+
left: 0;
|
|
48
|
+
height: 1px;
|
|
49
|
+
width: 100%;
|
|
50
|
+
background: linear-gradient(to right, transparent, var(--lol-color-gold-200), transparent);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { TextFieldProps as AriaTextFieldProps, TextAreaProps } from "react-aria-components";
|
|
2
|
+
export declare function TextArea({ textAreaProps, children, ...props }: AriaTextFieldProps & {
|
|
3
|
+
textAreaProps?: TextAreaProps;
|
|
4
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import {
|
|
3
|
+
TextArea as AriaTextArea,
|
|
4
|
+
TextField as AriaTextField
|
|
5
|
+
} from "react-aria-components";
|
|
6
|
+
import { resolveClassName } from "../utilities/resolve-class-name.js";
|
|
7
|
+
import { textField } from "./text-field.js";
|
|
8
|
+
function TextArea({
|
|
9
|
+
textAreaProps = {},
|
|
10
|
+
children,
|
|
11
|
+
...props
|
|
12
|
+
}) {
|
|
13
|
+
return /* @__PURE__ */ jsx(AriaTextField, { ...props, children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
14
|
+
typeof children === "function" ? children(values) : children,
|
|
15
|
+
/* @__PURE__ */ jsx(
|
|
16
|
+
AriaTextArea,
|
|
17
|
+
{
|
|
18
|
+
...textAreaProps,
|
|
19
|
+
className: (values2) => textField({
|
|
20
|
+
...values2,
|
|
21
|
+
className: resolveClassName(textAreaProps?.className, values2)
|
|
22
|
+
})
|
|
23
|
+
}
|
|
24
|
+
)
|
|
25
|
+
] }) });
|
|
26
|
+
}
|
|
27
|
+
export {
|
|
28
|
+
TextArea
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
//# sourceMappingURL=text-area.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"mappings":"AAqBI,mBAEC,KAFD;AAjBJ;AAAA,EACC,YAAY;AAAA,EACZ,aAAa;AAAA,OACP;AACP,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAEnB,SAAS,SAAS;AAAA,EACxB,gBAAgB,CAAC;AAAA,EACjB;AAAA,EACA,GAAG;AACJ,GAEG;AACF,SACC,oBAAC,iBAAe,GAAG,OACjB,WAAC,WACD,iCACE;AAAA,WAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,IACrD;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACJ,WAAW,CAACA,YACX,UAAU;AAAA,UACT,GAAGA;AAAA,UACH,WAAW,iBAAiB,eAAe,WAAWA,OAAM;AAAA,QAC7D,CAAC;AAAA;AAAA,IAEH;AAAA,KACD,GAEF;AAEF","names":["values"],"ignoreList":[],"sources":["../../../src/components/text-area.tsx"],"sourcesContent":["import type {\n\tTextFieldProps as AriaTextFieldProps,\n\tTextAreaProps,\n} from \"react-aria-components\";\nimport {\n\tTextArea as AriaTextArea,\n\tTextField as AriaTextField,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { textField } from \"./text-field.js\";\n\nexport function TextArea({\n\ttextAreaProps = {},\n\tchildren,\n\t...props\n}: AriaTextFieldProps & {\n\ttextAreaProps?: TextAreaProps;\n}) {\n\treturn (\n\t\t<AriaTextField {...props}>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t\t<AriaTextArea\n\t\t\t\t\t\t{...textAreaProps}\n\t\t\t\t\t\tclassName={(values) =>\n\t\t\t\t\t\t\ttextField({\n\t\t\t\t\t\t\t\t...values,\n\t\t\t\t\t\t\t\tclassName: resolveClassName(textAreaProps?.className, values),\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaTextField>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import type { ComponentProps } from "react";
|
|
2
|
+
import type { TextFieldProps as AriaTextFieldProps, InputProps } from "react-aria-components";
|
|
3
|
+
export declare const textField: (props?: ({
|
|
4
|
+
isDisabled?: boolean | undefined;
|
|
5
|
+
isFocused?: boolean | undefined;
|
|
6
|
+
} & ({
|
|
7
|
+
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 | {
|
|
8
|
+
[x: string]: any;
|
|
9
|
+
} | null | undefined)[] | {
|
|
10
|
+
[x: string]: any;
|
|
11
|
+
} | null | undefined)[] | {
|
|
12
|
+
[x: string]: any;
|
|
13
|
+
} | null | undefined)[] | {
|
|
14
|
+
[x: string]: any;
|
|
15
|
+
} | null | undefined)[] | {
|
|
16
|
+
[x: string]: any;
|
|
17
|
+
} | null | undefined)[] | {
|
|
18
|
+
[x: string]: any;
|
|
19
|
+
} | null | undefined)[] | {
|
|
20
|
+
[x: string]: any;
|
|
21
|
+
} | null | undefined)[] | {
|
|
22
|
+
[x: string]: any;
|
|
23
|
+
} | null | undefined)[] | {
|
|
24
|
+
[x: string]: any;
|
|
25
|
+
} | null | undefined)[] | {
|
|
26
|
+
[x: string]: any;
|
|
27
|
+
} | null | undefined)[] | {
|
|
28
|
+
[x: string]: any;
|
|
29
|
+
} | null | undefined)[] | {
|
|
30
|
+
[x: string]: any;
|
|
31
|
+
} | null | undefined;
|
|
32
|
+
className?: never;
|
|
33
|
+
} | {
|
|
34
|
+
class?: never;
|
|
35
|
+
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 | {
|
|
36
|
+
[x: string]: any;
|
|
37
|
+
} | null | undefined)[] | {
|
|
38
|
+
[x: string]: any;
|
|
39
|
+
} | null | undefined)[] | {
|
|
40
|
+
[x: string]: any;
|
|
41
|
+
} | null | undefined)[] | {
|
|
42
|
+
[x: string]: any;
|
|
43
|
+
} | null | undefined)[] | {
|
|
44
|
+
[x: string]: any;
|
|
45
|
+
} | null | undefined)[] | {
|
|
46
|
+
[x: string]: any;
|
|
47
|
+
} | null | undefined)[] | {
|
|
48
|
+
[x: string]: any;
|
|
49
|
+
} | null | undefined)[] | {
|
|
50
|
+
[x: string]: any;
|
|
51
|
+
} | null | undefined)[] | {
|
|
52
|
+
[x: string]: any;
|
|
53
|
+
} | null | undefined)[] | {
|
|
54
|
+
[x: string]: any;
|
|
55
|
+
} | null | undefined)[] | {
|
|
56
|
+
[x: string]: any;
|
|
57
|
+
} | null | undefined)[] | {
|
|
58
|
+
[x: string]: any;
|
|
59
|
+
} | null | undefined;
|
|
60
|
+
})) | undefined) => string;
|
|
61
|
+
export declare function TextField({ inputProps, borderProps, children, ...props }: AriaTextFieldProps & {
|
|
62
|
+
inputProps?: InputProps;
|
|
63
|
+
borderProps?: ComponentProps<"div">;
|
|
64
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import {
|
|
3
|
+
Input as AriaInput,
|
|
4
|
+
TextField as AriaTextField
|
|
5
|
+
} from "react-aria-components";
|
|
6
|
+
import { resolveClassName } from "../utilities/resolve-class-name.js";
|
|
7
|
+
import { cva } from "cva";
|
|
8
|
+
import classes from "./text-field.module";
|
|
9
|
+
const textField = cva({
|
|
10
|
+
base: classes.textField,
|
|
11
|
+
variants: {
|
|
12
|
+
isDisabled: {
|
|
13
|
+
true: classes.disabled
|
|
14
|
+
},
|
|
15
|
+
isFocused: {
|
|
16
|
+
true: classes.focus
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
function TextField({
|
|
21
|
+
inputProps = {},
|
|
22
|
+
borderProps = {},
|
|
23
|
+
children,
|
|
24
|
+
...props
|
|
25
|
+
}) {
|
|
26
|
+
return /* @__PURE__ */ jsx(AriaTextField, { ...props, children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
27
|
+
typeof children === "function" ? children(values) : children,
|
|
28
|
+
/* @__PURE__ */ jsx(
|
|
29
|
+
AriaInput,
|
|
30
|
+
{
|
|
31
|
+
type: "text",
|
|
32
|
+
...inputProps,
|
|
33
|
+
className: (values2) => textField({
|
|
34
|
+
...values2,
|
|
35
|
+
className: resolveClassName(inputProps?.className, values2)
|
|
36
|
+
})
|
|
37
|
+
}
|
|
38
|
+
)
|
|
39
|
+
] }) });
|
|
40
|
+
}
|
|
41
|
+
export {
|
|
42
|
+
TextField,
|
|
43
|
+
textField
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
//# sourceMappingURL=text-field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"mappings":"AAsCI,mBAGC,KAHD;AAjCJ;AAAA,EACC,SAAS;AAAA,EACT,aAAa;AAAA,OACP;AACP,SAAS,wBAAwB;AAEjC,SAAS,WAAW;AACpB,OAAO,aAAa;AAEb,MAAM,YAAY,IAAI;AAAA,EAC5B,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAEM,SAAS,UAAU;AAAA,EACzB,aAAa,CAAC;AAAA,EACd,cAAc,CAAC;AAAA,EACf;AAAA,EACA,GAAG;AACJ,GAGG;AACF,SACC,oBAAC,iBAAe,GAAG,OACjB,WAAC,WACD,iCACE;AAAA,WAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,IAErD;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACJ,GAAG;AAAA,QACJ,WAAW,CAACA,YACX,UAAU;AAAA,UACT,GAAGA;AAAA,UACH,WAAW,iBAAiB,YAAY,WAAWA,OAAM;AAAA,QAC1D,CAAC;AAAA;AAAA,IAEH;AAAA,KACD,GAEF;AAEF","names":["values"],"ignoreList":[],"sources":["../../../src/components/text-field.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type {\n\tTextFieldProps as AriaTextFieldProps,\n\tInputProps,\n} from \"react-aria-components\";\nimport {\n\tInput as AriaInput,\n\tTextField as AriaTextField,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\n\nimport { cva } from \"cva\";\nimport classes from \"./text-field.module\";\n\nexport const textField = cva({\n\tbase: classes.textField,\n\tvariants: {\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t\tisFocused: {\n\t\t\ttrue: classes.focus,\n\t\t},\n\t},\n});\n\nexport function TextField({\n\tinputProps = {},\n\tborderProps = {},\n\tchildren,\n\t...props\n}: AriaTextFieldProps & {\n\tinputProps?: InputProps;\n\tborderProps?: ComponentProps<\"div\">;\n}) {\n\treturn (\n\t\t<AriaTextField {...props}>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\n\t\t\t\t\t<AriaInput\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t{...inputProps}\n\t\t\t\t\t\tclassName={(values) =>\n\t\t\t\t\t\t\ttextField({\n\t\t\t\t\t\t\t\t...values,\n\t\t\t\t\t\t\t\tclassName: resolveClassName(inputProps?.className, values),\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaTextField>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"mappings":"AAAA,OAAO;AAA0B,IAAO,qBAAQ,EAAC,aAAY,mBAAkB,YAAW,kBAAiB,SAAQ,cAAa","names":[],"ignoreList":[],"sources":["../../../src/components/text-field.module.css"],"sourcesContent":["import \"./text-field_module.css\";export default {\"textField\":\"textField_bbfbb\",\"disabled\":\"disabled_bbfbb\",\"focus\":\"focus_bbfbb\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
@layer lol {
|
|
2
|
+
.textField_bbfbb {
|
|
3
|
+
background:
|
|
4
|
+
var(--lol-input-background-gradient) padding-box,
|
|
5
|
+
var(--lol-input-border-gradient) border-box;
|
|
6
|
+
|
|
7
|
+
--lol-input-border-gradient: var(--lol-gradient-gold);
|
|
8
|
+
--lol-input-background-gradient: var(--lol-gradient-hextech-black);
|
|
9
|
+
|
|
10
|
+
border: 1px solid transparent;
|
|
11
|
+
grid-area: input;
|
|
12
|
+
padding: 0.5rem 0.75rem;
|
|
13
|
+
margin: 0;
|
|
14
|
+
font-size: 0.75rem;
|
|
15
|
+
line-height: 1rem;
|
|
16
|
+
color: var(--field-text-color);
|
|
17
|
+
outline: none;
|
|
18
|
+
font-family: var(--lol-font-family-spiegel);
|
|
19
|
+
font-weight: 500;
|
|
20
|
+
letter-spacing: 0.025em;
|
|
21
|
+
|
|
22
|
+
color: var(--lol-color-gold-100);
|
|
23
|
+
|
|
24
|
+
display: flex;
|
|
25
|
+
width: 100%;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.textField_bbfbb.disabled_bbfbb {
|
|
29
|
+
--lol-input-border-gradient: var(--lol-gradient-disabled);
|
|
30
|
+
color: var(--lol-color-grey-150);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.textField_bbfbb.focus_bbfbb {
|
|
34
|
+
--lol-input-border-gradient: var(--lol-gradient-gold-hover);
|
|
35
|
+
--lol-input-background-gradient: var(--lol-gradient-grey-focus);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type ToggleButtonProps as AriaToggleButtonProps } from "react-aria-components";
|
|
2
|
+
export type ToggleButtonShape = "round" | "square" | "normal";
|
|
3
|
+
export type ToggleButtonPreset = "secondary" | "hextech" | "dimmed";
|
|
4
|
+
interface ToggleButtonProps extends AriaToggleButtonProps {
|
|
5
|
+
preset?: ToggleButtonPreset;
|
|
6
|
+
thin?: boolean;
|
|
7
|
+
shape?: ToggleButtonShape;
|
|
8
|
+
}
|
|
9
|
+
export declare function ToggleButton({ children, className, preset, shape, thin, ...props }: ToggleButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cva } from "cva";
|
|
3
|
+
import {
|
|
4
|
+
ToggleButton as AriaToggleButton
|
|
5
|
+
} from "react-aria-components";
|
|
6
|
+
import { resolveClassName } from "../utilities/resolve-class-name.js";
|
|
7
|
+
import classes from "./button.module";
|
|
8
|
+
const button = cva({
|
|
9
|
+
base: classes.button,
|
|
10
|
+
variants: {
|
|
11
|
+
preset: {
|
|
12
|
+
secondary: classes.secondary,
|
|
13
|
+
hextech: classes.hextech,
|
|
14
|
+
dimmed: classes.dimmed
|
|
15
|
+
},
|
|
16
|
+
isHovered: {
|
|
17
|
+
true: classes.hover
|
|
18
|
+
},
|
|
19
|
+
isPressed: {
|
|
20
|
+
true: classes.press
|
|
21
|
+
},
|
|
22
|
+
isDisabled: {
|
|
23
|
+
true: classes.disabled
|
|
24
|
+
},
|
|
25
|
+
isFocusVisible: {
|
|
26
|
+
true: classes.focusVisible
|
|
27
|
+
},
|
|
28
|
+
shape: {
|
|
29
|
+
round: classes.round,
|
|
30
|
+
square: classes.square,
|
|
31
|
+
normal: classes.normal
|
|
32
|
+
},
|
|
33
|
+
thin: {
|
|
34
|
+
true: classes.thin
|
|
35
|
+
},
|
|
36
|
+
isSelected: {
|
|
37
|
+
true: classes.selected
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
function ToggleButton({
|
|
42
|
+
children,
|
|
43
|
+
className,
|
|
44
|
+
preset = "secondary",
|
|
45
|
+
shape = "normal",
|
|
46
|
+
thin = preset === "dimmed",
|
|
47
|
+
...props
|
|
48
|
+
}) {
|
|
49
|
+
return /* @__PURE__ */ jsx(
|
|
50
|
+
AriaToggleButton,
|
|
51
|
+
{
|
|
52
|
+
...props,
|
|
53
|
+
className: (values) => button({
|
|
54
|
+
...values,
|
|
55
|
+
preset,
|
|
56
|
+
shape,
|
|
57
|
+
thin,
|
|
58
|
+
className: resolveClassName(className, values)
|
|
59
|
+
}),
|
|
60
|
+
children
|
|
61
|
+
}
|
|
62
|
+
);
|
|
63
|
+
}
|
|
64
|
+
export {
|
|
65
|
+
ToggleButton
|
|
66
|
+
};
|
|
67
|
+
|
|
68
|
+
//# sourceMappingURL=toggle-button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"mappings":"AA2DE;AA3DF,SAAS,WAAW;AACpB;AAAA,EACC,gBAAgB;AAAA,OAEV;AACP,SAAS,wBAAwB;AACjC,OAAO,aAAa;AAKpB,MAAM,SAAS,IAAI;AAAA,EAClB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,WAAW,QAAQ;AAAA,MACnB,SAAS,QAAQ;AAAA,MACjB,QAAQ,QAAQ;AAAA,IACjB;AAAA,IACA,WAAW;AAAA,MACV,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,gBAAgB;AAAA,MACf,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,OAAO;AAAA,MACN,OAAO,QAAQ;AAAA,MACf,QAAQ,QAAQ;AAAA,MAChB,QAAQ,QAAQ;AAAA,IACjB;AAAA,IACA,MAAM;AAAA,MACL,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAOM,SAAS,aAAa;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO,WAAW;AAAA,EAClB,GAAG;AACJ,GAAsB;AACrB,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,OAAO;AAAA,QACN,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,iBAAiB,WAAW,MAAM;AAAA,MAC9C,CAAC;AAAA,MAGD;AAAA;AAAA,EACF;AAEF","names":[],"ignoreList":[],"sources":["../../../src/components/toggle-button.tsx"],"sourcesContent":["import { cva } from \"cva\";\nimport {\n\tToggleButton as AriaToggleButton,\n\ttype ToggleButtonProps as AriaToggleButtonProps,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport classes from \"./button.module\";\n\nexport type ToggleButtonShape = \"round\" | \"square\" | \"normal\";\nexport type ToggleButtonPreset = \"secondary\" | \"hextech\" | \"dimmed\";\n\nconst button = cva({\n\tbase: classes.button,\n\tvariants: {\n\t\tpreset: {\n\t\t\tsecondary: classes.secondary,\n\t\t\thextech: classes.hextech,\n\t\t\tdimmed: classes.dimmed,\n\t\t},\n\t\tisHovered: {\n\t\t\ttrue: classes.hover,\n\t\t},\n\t\tisPressed: {\n\t\t\ttrue: classes.press,\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t\tisFocusVisible: {\n\t\t\ttrue: classes.focusVisible,\n\t\t},\n\t\tshape: {\n\t\t\tround: classes.round,\n\t\t\tsquare: classes.square,\n\t\t\tnormal: classes.normal,\n\t\t},\n\t\tthin: {\n\t\t\ttrue: classes.thin,\n\t\t},\n\t\tisSelected: {\n\t\t\ttrue: classes.selected,\n\t\t},\n\t},\n});\ninterface ToggleButtonProps extends AriaToggleButtonProps {\n\tpreset?: ToggleButtonPreset;\n\tthin?: boolean;\n\tshape?: ToggleButtonShape;\n}\n\nexport function ToggleButton({\n\tchildren,\n\tclassName,\n\tpreset = \"secondary\",\n\tshape = \"normal\",\n\tthin = preset === \"dimmed\",\n\t...props\n}: ToggleButtonProps) {\n\treturn (\n\t\t<AriaToggleButton\n\t\t\t{...props}\n\t\t\tclassName={(values) =>\n\t\t\t\tbutton({\n\t\t\t\t\t...values,\n\t\t\t\t\tpreset,\n\t\t\t\t\tshape,\n\t\t\t\t\tthin,\n\t\t\t\t\tclassName: resolveClassName(className, values),\n\t\t\t\t})\n\t\t\t}\n\t\t>\n\t\t\t{children}\n\t\t</AriaToggleButton>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cva } from "cva";
|
|
3
|
+
import { Tooltip as AriaTooltip, OverlayArrow } from "react-aria-components";
|
|
4
|
+
import { resolveClassName } from "../utilities/resolve-class-name.js";
|
|
5
|
+
import classes from "./tooltip.module";
|
|
6
|
+
const tooltipBorder = cva({
|
|
7
|
+
base: classes.tooltip,
|
|
8
|
+
variants: {
|
|
9
|
+
placement: {
|
|
10
|
+
bottom: classes.bottom,
|
|
11
|
+
top: classes.top,
|
|
12
|
+
left: classes.left,
|
|
13
|
+
right: classes.right,
|
|
14
|
+
center: ""
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
const tooltipArrowBorder = cva({
|
|
19
|
+
base: classes.arrowBorder,
|
|
20
|
+
variants: {
|
|
21
|
+
placement: {
|
|
22
|
+
top: classes.top,
|
|
23
|
+
bottom: classes.bottom,
|
|
24
|
+
left: classes.left,
|
|
25
|
+
right: classes.right,
|
|
26
|
+
center: ""
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
const tooltipArrow = cva({
|
|
31
|
+
base: classes.arrow,
|
|
32
|
+
variants: {
|
|
33
|
+
placement: {
|
|
34
|
+
top: classes.top,
|
|
35
|
+
bottom: classes.bottom,
|
|
36
|
+
left: classes.left,
|
|
37
|
+
right: classes.right,
|
|
38
|
+
center: ""
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
function Tooltip({ children, ...props }) {
|
|
43
|
+
return /* @__PURE__ */ jsx(
|
|
44
|
+
AriaTooltip,
|
|
45
|
+
{
|
|
46
|
+
...props,
|
|
47
|
+
className: (values) => tooltipBorder({
|
|
48
|
+
...values,
|
|
49
|
+
className: resolveClassName(props?.className, values)
|
|
50
|
+
}),
|
|
51
|
+
children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
52
|
+
/* @__PURE__ */ jsx(OverlayArrow, { className: "translate-y-1 transform", children: (values2) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
53
|
+
/* @__PURE__ */ jsx("svg", { viewBox: "0 0 12 12", className: tooltipArrowBorder(values2), children: /* @__PURE__ */ jsx("path", { d: "M0 0,L6 6,L12 0" }) }),
|
|
54
|
+
/* @__PURE__ */ jsx("svg", { viewBox: "0 0 12 12", className: tooltipArrow(values2), children: /* @__PURE__ */ jsx("path", { d: "M0 0,L6 6,L12 0" }) })
|
|
55
|
+
] }) }),
|
|
56
|
+
typeof children === "function" ? children(values) : children
|
|
57
|
+
] })
|
|
58
|
+
}
|
|
59
|
+
);
|
|
60
|
+
}
|
|
61
|
+
import { TooltipTrigger } from "react-aria-components";
|
|
62
|
+
export {
|
|
63
|
+
Tooltip,
|
|
64
|
+
TooltipTrigger
|
|
65
|
+
};
|
|
66
|
+
|
|
67
|
+
//# sourceMappingURL=tooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"mappings":"AA4DO,mBAEE,KAFF;AA5DP,SAAS,WAAW;AAEpB,SAAS,WAAW,aAAa,oBAAoB;AACrD,SAAS,wBAAwB;AACjC,OAAO,aAAa;AAEpB,MAAM,gBAAgB,IAAI;AAAA,EACzB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW;AAAA,MACV,QAAQ,QAAQ;AAAA,MAChB,KAAK,QAAQ;AAAA,MACb,MAAM,QAAQ;AAAA,MACd,OAAO,QAAQ;AAAA,MACf,QAAQ;AAAA,IACT;AAAA,EACD;AACD,CAAC;AAED,MAAM,qBAAqB,IAAI;AAAA,EAC9B,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW;AAAA,MACV,KAAK,QAAQ;AAAA,MACb,QAAQ,QAAQ;AAAA,MAChB,MAAM,QAAQ;AAAA,MACd,OAAO,QAAQ;AAAA,MACf,QAAQ;AAAA,IACT;AAAA,EACD;AACD,CAAC;AAED,MAAM,eAAe,IAAI;AAAA,EACxB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW;AAAA,MACV,KAAK,QAAQ;AAAA,MACb,QAAQ,QAAQ;AAAA,MAChB,MAAM,QAAQ;AAAA,MACd,OAAO,QAAQ;AAAA,MACf,QAAQ;AAAA,IACT;AAAA,EACD;AACD,CAAC;AAEM,SAAS,QAAQ,EAAE,UAAU,GAAG,MAAM,GAAiB;AAC7D,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,cAAc;AAAA,QACb,GAAG;AAAA,QACH,WAAW,iBAAiB,OAAO,WAAW,MAAM;AAAA,MACrD,CAAC;AAAA,MAGD,WAAC,WACD,iCACC;AAAA,4BAAC,gBAAa,WAAU,2BACtB,WAACA,YACD,iCACC;AAAA,8BAAC,SAAI,SAAQ,aAAY,WAAW,mBAAmBA,OAAM,GAC5D,8BAAC,UAAK,GAAE,mBAAkB,GAC3B;AAAA,UACA,oBAAC,SAAI,SAAQ,aAAY,WAAW,aAAaA,OAAM,GACtD,8BAAC,UAAK,GAAE,mBAAkB,GAC3B;AAAA,WACD,GAEF;AAAA,QACC,OAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,SACtD;AAAA;AAAA,EAEF;AAEF;AAEA,SAAS,sBAAsB","names":["values"],"ignoreList":[],"sources":["../../../src/components/tooltip.tsx"],"sourcesContent":["import { cva } from \"cva\";\nimport type { TooltipProps } from \"react-aria-components\";\nimport { Tooltip as AriaTooltip, OverlayArrow } from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport classes from \"./tooltip.module\";\n\nconst tooltipBorder = cva({\n\tbase: classes.tooltip,\n\tvariants: {\n\t\tplacement: {\n\t\t\tbottom: classes.bottom,\n\t\t\ttop: classes.top,\n\t\t\tleft: classes.left,\n\t\t\tright: classes.right,\n\t\t\tcenter: \"\",\n\t\t},\n\t},\n});\n\nconst tooltipArrowBorder = cva({\n\tbase: classes.arrowBorder,\n\tvariants: {\n\t\tplacement: {\n\t\t\ttop: classes.top,\n\t\t\tbottom: classes.bottom,\n\t\t\tleft: classes.left,\n\t\t\tright: classes.right,\n\t\t\tcenter: \"\",\n\t\t},\n\t},\n});\n\nconst tooltipArrow = cva({\n\tbase: classes.arrow,\n\tvariants: {\n\t\tplacement: {\n\t\t\ttop: classes.top,\n\t\t\tbottom: classes.bottom,\n\t\t\tleft: classes.left,\n\t\t\tright: classes.right,\n\t\t\tcenter: \"\",\n\t\t},\n\t},\n});\n\nexport function Tooltip({ children, ...props }: TooltipProps) {\n\treturn (\n\t\t<AriaTooltip\n\t\t\t{...props}\n\t\t\tclassName={(values) =>\n\t\t\t\ttooltipBorder({\n\t\t\t\t\t...values,\n\t\t\t\t\tclassName: resolveClassName(props?.className, values),\n\t\t\t\t})\n\t\t\t}\n\t\t>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t<OverlayArrow className=\"translate-y-1 transform\">\n\t\t\t\t\t\t{(values) => (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 12 12\" className={tooltipArrowBorder(values)}>\n\t\t\t\t\t\t\t\t\t<path d=\"M0 0,L6 6,L12 0\" />\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 12 12\" className={tooltipArrow(values)}>\n\t\t\t\t\t\t\t\t\t<path d=\"M0 0,L6 6,L12 0\" />\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</OverlayArrow>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaTooltip>\n\t);\n}\n\nexport { TooltipTrigger } from \"react-aria-components\";\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import "./tooltip_module.css";
|
|
2
|
+
var tooltip_default = { "tooltip": "tooltip_b2492", "top": "top_b2492", "bottom": "bottom_b2492", "arrowBorder": "arrowBorder_b2492", "left": "left_b2492", "right": "right_b2492", "arrow": "arrow_b2492" };
|
|
3
|
+
export {
|
|
4
|
+
tooltip_default as default
|
|
5
|
+
};
|
|
6
|
+
|
|
7
|
+
//# sourceMappingURL=tooltip.module.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"mappings":"AAAA,OAAO;AAAuB,IAAO,kBAAQ,EAAC,WAAU,iBAAgB,OAAM,aAAY,UAAS,gBAAe,eAAc,qBAAoB,QAAO,cAAa,SAAQ,eAAc,SAAQ,cAAa","names":[],"ignoreList":[],"sources":["../../../src/components/tooltip.module.css"],"sourcesContent":["import \"./tooltip_module.css\";export default {\"tooltip\":\"tooltip_b2492\",\"top\":\"top_b2492\",\"bottom\":\"bottom_b2492\",\"arrowBorder\":\"arrowBorder_b2492\",\"left\":\"left_b2492\",\"right\":\"right_b2492\",\"arrow\":\"arrow_b2492\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
|