@react-md/core 1.0.0-next.20 → 1.0.0-next.21
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/CoreProviders.d.ts +1 -0
- package/dist/CoreProviders.js +1 -0
- package/dist/CoreProviders.js.map +1 -1
- package/dist/NoSsr.d.ts +3 -1
- package/dist/NoSsr.js +3 -1
- package/dist/NoSsr.js.map +1 -1
- package/dist/RootHtml.d.ts +1 -1
- package/dist/RootHtml.js +1 -1
- package/dist/RootHtml.js.map +1 -1
- package/dist/SsrProvider.d.ts +1 -0
- package/dist/SsrProvider.js +1 -0
- package/dist/SsrProvider.js.map +1 -1
- package/dist/_a11y.scss +187 -0
- package/dist/_base.scss +479 -0
- package/dist/_box-shadows.scss +80 -71
- package/dist/_colors.scss +283 -279
- package/dist/_core.scss +5 -483
- package/dist/_object-fit.scss +27 -23
- package/dist/_utils.scss +225 -225
- package/dist/app-bar/AppBar.d.ts +3 -1
- package/dist/app-bar/AppBar.js +3 -1
- package/dist/app-bar/AppBar.js.map +1 -1
- package/dist/app-bar/AppBarTitle.d.ts +2 -1
- package/dist/app-bar/AppBarTitle.js +2 -1
- package/dist/app-bar/AppBarTitle.js.map +1 -1
- package/dist/app-bar/_app-bar.scss +112 -105
- package/dist/autocomplete/Autocomplete.d.ts +81 -2
- package/dist/autocomplete/Autocomplete.js +4 -2
- package/dist/autocomplete/Autocomplete.js.map +1 -1
- package/dist/autocomplete/AutocompleteChip.d.ts +1 -0
- package/dist/autocomplete/AutocompleteChip.js +1 -0
- package/dist/autocomplete/AutocompleteChip.js.map +1 -1
- package/dist/autocomplete/AutocompleteCircularProgress.d.ts +1 -0
- package/dist/autocomplete/AutocompleteCircularProgress.js +1 -0
- package/dist/autocomplete/AutocompleteCircularProgress.js.map +1 -1
- package/dist/autocomplete/AutocompleteClearButton.d.ts +1 -0
- package/dist/autocomplete/AutocompleteClearButton.js +4 -2
- package/dist/autocomplete/AutocompleteClearButton.js.map +1 -1
- package/dist/autocomplete/AutocompleteDropdownButton.d.ts +1 -0
- package/dist/autocomplete/AutocompleteDropdownButton.js +1 -0
- package/dist/autocomplete/AutocompleteDropdownButton.js.map +1 -1
- package/dist/autocomplete/AutocompleteListboxChildren.d.ts +1 -3
- package/dist/autocomplete/AutocompleteListboxChildren.js.map +1 -1
- package/dist/autocomplete/_autocomplete.scss +125 -71
- package/dist/autocomplete/autocompleteStyles.d.ts +3 -0
- package/dist/autocomplete/autocompleteStyles.js +5 -2
- package/dist/autocomplete/autocompleteStyles.js.map +1 -1
- package/dist/autocomplete/types.d.ts +128 -82
- package/dist/autocomplete/types.js.map +1 -1
- package/dist/autocomplete/useAutocomplete.d.ts +3 -0
- package/dist/autocomplete/useAutocomplete.js +17 -17
- package/dist/autocomplete/useAutocomplete.js.map +1 -1
- package/dist/autocomplete/utils.d.ts +3 -6
- package/dist/autocomplete/utils.js.map +1 -1
- package/dist/avatar/Avatar.d.ts +2 -1
- package/dist/avatar/Avatar.js +2 -1
- package/dist/avatar/Avatar.js.map +1 -1
- package/dist/avatar/_avatar.scss +81 -77
- package/dist/badge/Badge.d.ts +8 -4
- package/dist/badge/Badge.js +8 -4
- package/dist/badge/Badge.js.map +1 -1
- package/dist/badge/_badge.scss +72 -68
- package/dist/box/Box.d.ts +4 -3
- package/dist/box/Box.js +4 -3
- package/dist/box/Box.js.map +1 -1
- package/dist/box/_box.scss +115 -119
- package/dist/button/AsyncButton.d.ts +3 -2
- package/dist/button/AsyncButton.js +4 -3
- package/dist/button/AsyncButton.js.map +1 -1
- package/dist/button/Button.d.ts +11 -9
- package/dist/button/Button.js +11 -9
- package/dist/button/Button.js.map +1 -1
- package/dist/button/ButtonUnstyled.d.ts +1 -0
- package/dist/button/ButtonUnstyled.js +2 -1
- package/dist/button/ButtonUnstyled.js.map +1 -1
- package/dist/button/TooltippedButton.d.ts +3 -2
- package/dist/button/TooltippedButton.js +2 -1
- package/dist/button/TooltippedButton.js.map +1 -1
- package/dist/button/_button.scss +128 -98
- package/dist/button/{buttonStyles.d.ts → styles.d.ts} +10 -0
- package/dist/button/{buttonStyles.js → styles.js} +9 -1
- package/dist/button/styles.js.map +1 -0
- package/dist/card/Card.d.ts +9 -10
- package/dist/card/Card.js +9 -10
- package/dist/card/Card.js.map +1 -1
- package/dist/card/CardContent.d.ts +1 -0
- package/dist/card/CardContent.js +1 -0
- package/dist/card/CardContent.js.map +1 -1
- package/dist/card/CardFooter.d.ts +1 -0
- package/dist/card/CardFooter.js +1 -0
- package/dist/card/CardFooter.js.map +1 -1
- package/dist/card/CardHeader.d.ts +1 -0
- package/dist/card/CardHeader.js +1 -0
- package/dist/card/CardHeader.js.map +1 -1
- package/dist/card/CardSubtitle.d.ts +1 -0
- package/dist/card/CardSubtitle.js +1 -0
- package/dist/card/CardSubtitle.js.map +1 -1
- package/dist/card/CardTitle.d.ts +2 -1
- package/dist/card/CardTitle.js +1 -0
- package/dist/card/CardTitle.js.map +1 -1
- package/dist/card/ClickableCard.d.ts +3 -1
- package/dist/card/ClickableCard.js +3 -1
- package/dist/card/ClickableCard.js.map +1 -1
- package/dist/card/_card.scss +76 -71
- package/dist/chip/Chip.d.ts +5 -3
- package/dist/chip/Chip.js +5 -3
- package/dist/chip/Chip.js.map +1 -1
- package/dist/chip/_chip.scss +247 -33
- package/dist/cssUtils.d.ts +1 -1
- package/dist/cssUtils.js.map +1 -1
- package/dist/dialog/Dialog.d.ts +9 -10
- package/dist/dialog/Dialog.js +9 -10
- package/dist/dialog/Dialog.js.map +1 -1
- package/dist/dialog/DialogContent.d.ts +2 -0
- package/dist/dialog/DialogContent.js +5 -2
- package/dist/dialog/DialogContent.js.map +1 -1
- package/dist/dialog/DialogFooter.d.ts +2 -0
- package/dist/dialog/DialogFooter.js +5 -2
- package/dist/dialog/DialogFooter.js.map +1 -1
- package/dist/dialog/DialogHeader.d.ts +14 -2
- package/dist/dialog/DialogHeader.js +8 -2
- package/dist/dialog/DialogHeader.js.map +1 -1
- package/dist/dialog/DialogTitle.d.ts +2 -0
- package/dist/dialog/DialogTitle.js +5 -2
- package/dist/dialog/DialogTitle.js.map +1 -1
- package/dist/dialog/FixedDialog.d.ts +11 -10
- package/dist/dialog/FixedDialog.js +13 -12
- package/dist/dialog/FixedDialog.js.map +1 -1
- package/dist/dialog/_dialog.scss +167 -22
- package/dist/dialog/styles.d.ts +12 -6
- package/dist/dialog/styles.js +11 -5
- package/dist/dialog/styles.js.map +1 -1
- package/dist/divider/Divider.d.ts +3 -1
- package/dist/divider/Divider.js +3 -1
- package/dist/divider/Divider.js.map +1 -1
- package/dist/divider/_divider.scss +68 -0
- package/dist/divider/styles.js.map +1 -1
- package/dist/draggable/_draggable.scss +16 -0
- package/dist/draggable/useDraggable.d.ts +1 -0
- package/dist/draggable/useDraggable.js +1 -0
- package/dist/draggable/useDraggable.js.map +1 -1
- package/dist/error-boundary/ErrorBoundary.d.ts +58 -0
- package/dist/error-boundary/ErrorBoundary.js +99 -0
- package/dist/error-boundary/ErrorBoundary.js.map +1 -0
- package/dist/error-boundary/context.d.ts +11 -0
- package/dist/error-boundary/context.js +12 -0
- package/dist/error-boundary/context.js.map +1 -0
- package/dist/error-boundary/types.d.ts +16 -0
- package/dist/error-boundary/types.js +7 -0
- package/dist/error-boundary/types.js.map +1 -0
- package/dist/error-boundary/useErrorBoundary.d.ts +25 -0
- package/dist/error-boundary/useErrorBoundary.js +33 -0
- package/dist/error-boundary/useErrorBoundary.js.map +1 -0
- package/dist/expansion-panel/ExpansionList.d.ts +1 -0
- package/dist/expansion-panel/ExpansionList.js +1 -0
- package/dist/expansion-panel/ExpansionList.js.map +1 -1
- package/dist/expansion-panel/ExpansionPanel.d.ts +32 -0
- package/dist/expansion-panel/ExpansionPanel.js +32 -0
- package/dist/expansion-panel/ExpansionPanel.js.map +1 -1
- package/dist/expansion-panel/ExpansionPanelHeader.d.ts +4 -7
- package/dist/expansion-panel/ExpansionPanelHeader.js +9 -10
- package/dist/expansion-panel/ExpansionPanelHeader.js.map +1 -1
- package/dist/expansion-panel/_expansion-panel.scss +45 -0
- package/dist/expansion-panel/expansionPanelStyles.d.ts +20 -0
- package/dist/expansion-panel/expansionPanelStyles.js +12 -0
- package/dist/expansion-panel/expansionPanelStyles.js.map +1 -1
- package/dist/expansion-panel/useExpansionList.d.ts +7 -8
- package/dist/expansion-panel/useExpansionList.js +7 -8
- package/dist/expansion-panel/useExpansionList.js.map +1 -1
- package/dist/expansion-panel/useExpansionPanels.d.ts +7 -10
- package/dist/expansion-panel/useExpansionPanels.js +7 -10
- package/dist/expansion-panel/useExpansionPanels.js.map +1 -1
- package/dist/files/FileInput.d.ts +4 -2
- package/dist/files/FileInput.js +3 -1
- package/dist/files/FileInput.js.map +1 -1
- package/dist/files/_files.scss +9 -0
- package/dist/files/styles.d.ts +1 -1
- package/dist/files/styles.js +1 -1
- package/dist/files/styles.js.map +1 -1
- package/dist/files/useFileUpload.d.ts +2 -0
- package/dist/files/useFileUpload.js +2 -0
- package/dist/files/useFileUpload.js.map +1 -1
- package/dist/focus/useFocusContainer.js +24 -23
- package/dist/focus/useFocusContainer.js.map +1 -1
- package/dist/form/Checkbox.d.ts +3 -1
- package/dist/form/Checkbox.js +3 -1
- package/dist/form/Checkbox.js.map +1 -1
- package/dist/form/Fieldset.d.ts +6 -20
- package/dist/form/Fieldset.js +6 -13
- package/dist/form/Fieldset.js.map +1 -1
- package/dist/form/Form.d.ts +2 -0
- package/dist/form/Form.js +2 -0
- package/dist/form/Form.js.map +1 -1
- package/dist/form/FormMessage.d.ts +2 -0
- package/dist/form/FormMessage.js +2 -0
- package/dist/form/FormMessage.js.map +1 -1
- package/dist/form/FormMessageContainer.d.ts +1 -0
- package/dist/form/FormMessageContainer.js +1 -0
- package/dist/form/FormMessageContainer.js.map +1 -1
- package/dist/form/FormMessageCounter.d.ts +2 -0
- package/dist/form/FormMessageCounter.js +2 -0
- package/dist/form/FormMessageCounter.js.map +1 -1
- package/dist/form/InputToggle.d.ts +4 -2
- package/dist/form/InputToggle.js +2 -0
- package/dist/form/InputToggle.js.map +1 -1
- package/dist/form/Label.d.ts +4 -5
- package/dist/form/Label.js +4 -32
- package/dist/form/Label.js.map +1 -1
- package/dist/form/Legend.d.ts +1 -0
- package/dist/form/Legend.js +1 -0
- package/dist/form/Legend.js.map +1 -1
- package/dist/form/Listbox.d.ts +1 -1
- package/dist/form/Listbox.js.map +1 -1
- package/dist/form/MenuItemCheckbox.d.ts +3 -1
- package/dist/form/MenuItemCheckbox.js +3 -1
- package/dist/form/MenuItemCheckbox.js.map +1 -1
- package/dist/form/MenuItemFileInput.d.ts +1 -0
- package/dist/form/MenuItemFileInput.js +1 -0
- package/dist/form/MenuItemFileInput.js.map +1 -1
- package/dist/form/MenuItemInputToggle.d.ts +3 -2
- package/dist/form/MenuItemInputToggle.js +1 -0
- package/dist/form/MenuItemInputToggle.js.map +1 -1
- package/dist/form/MenuItemRadio.d.ts +8 -8
- package/dist/form/MenuItemRadio.js +8 -8
- package/dist/form/MenuItemRadio.js.map +1 -1
- package/dist/form/MenuItemSwitch.d.ts +3 -1
- package/dist/form/MenuItemSwitch.js +3 -1
- package/dist/form/MenuItemSwitch.js.map +1 -1
- package/dist/form/MenuItemTextField.d.ts +1 -0
- package/dist/form/MenuItemTextField.js +1 -0
- package/dist/form/MenuItemTextField.js.map +1 -1
- package/dist/form/NativeSelect.d.ts +2 -0
- package/dist/form/NativeSelect.js +2 -0
- package/dist/form/NativeSelect.js.map +1 -1
- package/dist/form/OptGroup.d.ts +4 -1
- package/dist/form/OptGroup.js +4 -1
- package/dist/form/OptGroup.js.map +1 -1
- package/dist/form/Option.d.ts +2 -1
- package/dist/form/Option.js +1 -0
- package/dist/form/Option.js.map +1 -1
- package/dist/form/Password.d.ts +3 -1
- package/dist/form/Password.js +3 -1
- package/dist/form/Password.js.map +1 -1
- package/dist/form/Radio.d.ts +2 -0
- package/dist/form/Radio.js +2 -0
- package/dist/form/Radio.js.map +1 -1
- package/dist/form/Select.d.ts +5 -28
- package/dist/form/Select.js +4 -27
- package/dist/form/Select.js.map +1 -1
- package/dist/form/Slider.d.ts +9 -2
- package/dist/form/Slider.js.map +1 -1
- package/dist/form/SliderContainer.js +7 -11
- package/dist/form/SliderContainer.js.map +1 -1
- package/dist/form/SliderMark.js +5 -8
- package/dist/form/SliderMark.js.map +1 -1
- package/dist/form/SliderMarkLabel.js +5 -7
- package/dist/form/SliderMarkLabel.js.map +1 -1
- package/dist/form/SliderThumb.js +2 -27
- package/dist/form/SliderThumb.js.map +1 -1
- package/dist/form/SliderTrack.js +6 -12
- package/dist/form/SliderTrack.js.map +1 -1
- package/dist/form/SliderValueTooltip.js +7 -7
- package/dist/form/SliderValueTooltip.js.map +1 -1
- package/dist/form/Switch.d.ts +9 -1
- package/dist/form/Switch.js +3 -1
- package/dist/form/Switch.js.map +1 -1
- package/dist/form/SwitchTrack.js +8 -8
- package/dist/form/SwitchTrack.js.map +1 -1
- package/dist/form/TextArea.d.ts +9 -1
- package/dist/form/TextArea.js +3 -1
- package/dist/form/TextArea.js.map +1 -1
- package/dist/form/TextField.d.ts +3 -1
- package/dist/form/TextField.js +3 -1
- package/dist/form/TextField.js.map +1 -1
- package/dist/form/TextFieldAddon.d.ts +1 -34
- package/dist/form/TextFieldAddon.js +1 -16
- package/dist/form/TextFieldAddon.js.map +1 -1
- package/dist/form/TextFieldContainer.d.ts +13 -0
- package/dist/form/TextFieldContainer.js.map +1 -1
- package/dist/form/_form.scss +737 -10
- package/dist/form/fieldsetStyles.d.ts +19 -0
- package/dist/form/fieldsetStyles.js +14 -0
- package/dist/form/fieldsetStyles.js.map +1 -0
- package/dist/form/formConfig.js +22 -3
- package/dist/form/formConfig.js.map +1 -1
- package/dist/form/labelStyles.d.ts +5 -0
- package/dist/form/labelStyles.js +34 -0
- package/dist/form/labelStyles.js.map +1 -0
- package/dist/form/sliderStyles.d.ts +89 -0
- package/dist/form/sliderStyles.js +96 -0
- package/dist/form/sliderStyles.js.map +1 -0
- package/dist/form/switchStyles.d.ts +24 -6
- package/dist/form/switchStyles.js +18 -0
- package/dist/form/switchStyles.js.map +1 -1
- package/dist/form/textAreaStyles.d.ts +0 -6
- package/dist/form/textAreaStyles.js.map +1 -1
- package/dist/form/textFieldAddonStyles.d.ts +17 -0
- package/dist/form/textFieldAddonStyles.js +18 -0
- package/dist/form/textFieldAddonStyles.js.map +1 -0
- package/dist/form/textFieldContainerStyles.d.ts +0 -13
- package/dist/form/textFieldContainerStyles.js.map +1 -1
- package/dist/form/types.d.ts +23 -2
- package/dist/form/types.js.map +1 -1
- package/dist/form/useCheckboxGroup.d.ts +8 -0
- package/dist/form/useCheckboxGroup.js +6 -1
- package/dist/form/useCheckboxGroup.js.map +1 -1
- package/dist/form/useCombobox.d.ts +0 -1
- package/dist/form/useCombobox.js +66 -63
- package/dist/form/useCombobox.js.map +1 -1
- package/dist/form/useNumberField.d.ts +17 -7
- package/dist/form/useNumberField.js +2 -0
- package/dist/form/useNumberField.js.map +1 -1
- package/dist/form/useRadioGroup.d.ts +6 -0
- package/dist/form/useRadioGroup.js +3 -0
- package/dist/form/useRadioGroup.js.map +1 -1
- package/dist/form/useRangeSlider.d.ts +6 -1
- package/dist/form/useRangeSlider.js +6 -1
- package/dist/form/useRangeSlider.js.map +1 -1
- package/dist/form/useSlider.d.ts +4 -1
- package/dist/form/useSlider.js +4 -1
- package/dist/form/useSlider.js.map +1 -1
- package/dist/form/useTextField.d.ts +7 -1
- package/dist/form/useTextField.js +5 -1
- package/dist/form/useTextField.js.map +1 -1
- package/dist/form/validation.d.ts +1 -0
- package/dist/form/validation.js.map +1 -1
- package/dist/icon/FontIcon.d.ts +1 -0
- package/dist/icon/FontIcon.js +1 -0
- package/dist/icon/FontIcon.js.map +1 -1
- package/dist/icon/IconRotator.d.ts +2 -0
- package/dist/icon/IconRotator.js +2 -0
- package/dist/icon/IconRotator.js.map +1 -1
- package/dist/icon/MaterialIcon.d.ts +2 -0
- package/dist/icon/MaterialIcon.js +2 -0
- package/dist/icon/MaterialIcon.js.map +1 -1
- package/dist/icon/MaterialSymbol.d.ts +3 -1
- package/dist/icon/MaterialSymbol.js +3 -1
- package/dist/icon/MaterialSymbol.js.map +1 -1
- package/dist/icon/SVGIcon.d.ts +2 -0
- package/dist/icon/SVGIcon.js +2 -0
- package/dist/icon/SVGIcon.js.map +1 -1
- package/dist/icon/TextIconSpacing.d.ts +6 -2
- package/dist/icon/TextIconSpacing.js +6 -2
- package/dist/icon/TextIconSpacing.js.map +1 -1
- package/dist/icon/_icon.scss +137 -129
- package/dist/icon/config.d.ts +2 -2
- package/dist/icon/config.js +2 -2
- package/dist/icon/config.js.map +1 -1
- package/dist/icon/material.d.ts +1 -1
- package/dist/icon/material.js.map +1 -1
- package/dist/icon/styles.d.ts +2 -1
- package/dist/icon/styles.js.map +1 -1
- package/dist/interaction/Ripple.d.ts +11 -2
- package/dist/interaction/Ripple.js.map +1 -1
- package/dist/interaction/UserInteractionModeProvider.d.ts +1 -1
- package/dist/interaction/UserInteractionModeProvider.js +1 -1
- package/dist/interaction/UserInteractionModeProvider.js.map +1 -1
- package/dist/interaction/_interaction.scss +279 -13
- package/dist/layout/LayoutAppBar.d.ts +1 -0
- package/dist/layout/LayoutAppBar.js +1 -0
- package/dist/layout/LayoutAppBar.js.map +1 -1
- package/dist/layout/LayoutNav.d.ts +9 -12
- package/dist/layout/LayoutNav.js +9 -12
- package/dist/layout/LayoutNav.js.map +1 -1
- package/dist/layout/LayoutWindowSplitter.d.ts +7 -8
- package/dist/layout/LayoutWindowSplitter.js +7 -8
- package/dist/layout/LayoutWindowSplitter.js.map +1 -1
- package/dist/layout/Main.d.ts +2 -1
- package/dist/layout/Main.js +2 -1
- package/dist/layout/Main.js.map +1 -1
- package/dist/layout/_layout.scss +106 -23
- package/dist/layout/useExpandableLayout.d.ts +1 -0
- package/dist/layout/useExpandableLayout.js +1 -0
- package/dist/layout/useExpandableLayout.js.map +1 -1
- package/dist/layout/useHorizontalLayoutTransition.d.ts +9 -6
- package/dist/layout/useHorizontalLayoutTransition.js +4 -1
- package/dist/layout/useHorizontalLayoutTransition.js.map +1 -1
- package/dist/layout/useLayoutAppBarHeight.d.ts +7 -10
- package/dist/layout/useLayoutAppBarHeight.js +7 -10
- package/dist/layout/useLayoutAppBarHeight.js.map +1 -1
- package/dist/layout/useLayoutTree.d.ts +3 -0
- package/dist/layout/useLayoutTree.js +3 -0
- package/dist/layout/useLayoutTree.js.map +1 -1
- package/dist/layout/useLayoutWindowSplitter.d.ts +4 -2
- package/dist/layout/useLayoutWindowSplitter.js +4 -2
- package/dist/layout/useLayoutWindowSplitter.js.map +1 -1
- package/dist/layout/useResizableLayout.d.ts +1 -0
- package/dist/layout/useResizableLayout.js +3 -1
- package/dist/layout/useResizableLayout.js.map +1 -1
- package/dist/layout/useTemporaryLayout.d.ts +1 -0
- package/dist/layout/useTemporaryLayout.js +1 -0
- package/dist/layout/useTemporaryLayout.js.map +1 -1
- package/dist/link/Link.d.ts +3 -1
- package/dist/link/Link.js +3 -1
- package/dist/link/Link.js.map +1 -1
- package/dist/link/SkipToMainContent.d.ts +22 -0
- package/dist/link/SkipToMainContent.js +22 -0
- package/dist/link/SkipToMainContent.js.map +1 -1
- package/dist/link/_link.scss +55 -6
- package/dist/list/List.d.ts +11 -1
- package/dist/list/List.js +5 -1
- package/dist/list/List.js.map +1 -1
- package/dist/list/ListItem.d.ts +22 -2
- package/dist/list/ListItem.js +6 -2
- package/dist/list/ListItem.js.map +1 -1
- package/dist/list/ListItemChildren.d.ts +3 -1
- package/dist/list/ListItemChildren.js +3 -1
- package/dist/list/ListItemChildren.js.map +1 -1
- package/dist/list/ListItemLink.d.ts +32 -1
- package/dist/list/ListItemLink.js +32 -1
- package/dist/list/ListItemLink.js.map +1 -1
- package/dist/list/ListSubheader.d.ts +2 -0
- package/dist/list/ListSubheader.js +2 -0
- package/dist/list/ListSubheader.js.map +1 -1
- package/dist/list/_list.scss +224 -1
- package/dist/list/listItemStyles.d.ts +0 -16
- package/dist/list/listItemStyles.js.map +1 -1
- package/dist/list/listStyles.d.ts +0 -6
- package/dist/list/listStyles.js.map +1 -1
- package/dist/media-queries/AppSizeProvider.d.ts +2 -0
- package/dist/media-queries/AppSizeProvider.js +2 -0
- package/dist/media-queries/AppSizeProvider.js.map +1 -1
- package/dist/media-queries/_media-queries.scss +111 -4
- package/dist/media-queries/useMediaQuery.d.ts +2 -0
- package/dist/media-queries/useMediaQuery.js +2 -0
- package/dist/media-queries/useMediaQuery.js.map +1 -1
- package/dist/menu/DropdownMenu.d.ts +5 -2
- package/dist/menu/DropdownMenu.js +5 -2
- package/dist/menu/DropdownMenu.js.map +1 -1
- package/dist/menu/Menu.d.ts +1 -0
- package/dist/menu/Menu.js +1 -0
- package/dist/menu/Menu.js.map +1 -1
- package/dist/menu/MenuBar.d.ts +4 -1
- package/dist/menu/MenuBar.js +4 -1
- package/dist/menu/MenuBar.js.map +1 -1
- package/dist/menu/MenuButton.d.ts +1 -0
- package/dist/menu/MenuButton.js +1 -0
- package/dist/menu/MenuButton.js.map +1 -1
- package/dist/menu/MenuItem.d.ts +1 -0
- package/dist/menu/MenuItem.js +1 -0
- package/dist/menu/MenuItem.js.map +1 -1
- package/dist/menu/MenuItemCircularProgress.d.ts +4 -6
- package/dist/menu/MenuItemCircularProgress.js +4 -6
- package/dist/menu/MenuItemCircularProgress.js.map +1 -1
- package/dist/menu/MenuItemGroup.d.ts +6 -7
- package/dist/menu/MenuItemGroup.js +6 -7
- package/dist/menu/MenuItemGroup.js.map +1 -1
- package/dist/menu/MenuItemSeparator.d.ts +1 -0
- package/dist/menu/MenuItemSeparator.js +1 -0
- package/dist/menu/MenuItemSeparator.js.map +1 -1
- package/dist/menu/MenuWidget.d.ts +0 -12
- package/dist/menu/MenuWidget.js +1 -12
- package/dist/menu/MenuWidget.js.map +1 -1
- package/dist/menu/_menu.scss +61 -0
- package/dist/menu/styles.d.ts +12 -0
- package/dist/menu/styles.js +14 -0
- package/dist/menu/styles.js.map +1 -0
- package/dist/menu/useContextMenu.d.ts +4 -1
- package/dist/menu/useContextMenu.js +4 -1
- package/dist/menu/useContextMenu.js.map +1 -1
- package/dist/movement/useKeyboardMovementProvider.d.ts +3 -3
- package/dist/movement/useKeyboardMovementProvider.js +3 -3
- package/dist/movement/useKeyboardMovementProvider.js.map +1 -1
- package/dist/navigation/CollapsibleNavGroup.d.ts +1 -0
- package/dist/navigation/CollapsibleNavGroup.js +1 -0
- package/dist/navigation/CollapsibleNavGroup.js.map +1 -1
- package/dist/navigation/DefaultNavigationRenderer.d.ts +1 -0
- package/dist/navigation/DefaultNavigationRenderer.js +1 -0
- package/dist/navigation/DefaultNavigationRenderer.js.map +1 -1
- package/dist/navigation/NavGroup.d.ts +1 -0
- package/dist/navigation/NavGroup.js +1 -0
- package/dist/navigation/NavGroup.js.map +1 -1
- package/dist/navigation/NavItem.d.ts +1 -0
- package/dist/navigation/NavItem.js +1 -0
- package/dist/navigation/NavItem.js.map +1 -1
- package/dist/navigation/NavItemButton.d.ts +1 -0
- package/dist/navigation/NavItemButton.js +1 -0
- package/dist/navigation/NavItemButton.js.map +1 -1
- package/dist/navigation/NavItemLink.d.ts +1 -0
- package/dist/navigation/NavItemLink.js +1 -0
- package/dist/navigation/NavItemLink.js.map +1 -1
- package/dist/navigation/NavSubheader.d.ts +1 -0
- package/dist/navigation/NavSubheader.js +1 -0
- package/dist/navigation/NavSubheader.js.map +1 -1
- package/dist/navigation/Navigation.d.ts +44 -0
- package/dist/navigation/Navigation.js +44 -0
- package/dist/navigation/Navigation.js.map +1 -1
- package/dist/navigation/_navigation.scss +47 -5
- package/dist/navigation/getTableOfContentsHeadings.d.ts +20 -0
- package/dist/navigation/getTableOfContentsHeadings.js +53 -0
- package/dist/navigation/getTableOfContentsHeadings.js.map +1 -0
- package/dist/navigation/navItemStyles.js +1 -1
- package/dist/navigation/navItemStyles.js.map +1 -1
- package/dist/navigation/types.d.ts +47 -0
- package/dist/navigation/types.js +1 -3
- package/dist/navigation/types.js.map +1 -1
- package/dist/navigation/useActiveHeadingId.d.ts +2 -12
- package/dist/navigation/useActiveHeadingId.js +1 -0
- package/dist/navigation/useActiveHeadingId.js.map +1 -1
- package/dist/navigation/useNavigationExpansion.d.ts +2 -0
- package/dist/navigation/useNavigationExpansion.js +2 -0
- package/dist/navigation/useNavigationExpansion.js.map +1 -1
- package/dist/navigation/useTableOfContentsHeadings.d.ts +3 -37
- package/dist/navigation/useTableOfContentsHeadings.js +18 -41
- package/dist/navigation/useTableOfContentsHeadings.js.map +1 -1
- package/dist/overlay/Overlay.d.ts +10 -1
- package/dist/overlay/Overlay.js +5 -2
- package/dist/overlay/Overlay.js.map +1 -1
- package/dist/overlay/_overlay.scss +35 -0
- package/dist/overlay/{overlayStyles.d.ts → styles.d.ts} +0 -6
- package/dist/overlay/{overlayStyles.js → styles.js} +1 -1
- package/dist/overlay/styles.js.map +1 -0
- package/dist/portal/Portal.d.ts +1 -0
- package/dist/portal/Portal.js +1 -0
- package/dist/portal/Portal.js.map +1 -1
- package/dist/portal/PortalContainerProvider.d.ts +1 -0
- package/dist/portal/PortalContainerProvider.js +1 -0
- package/dist/portal/PortalContainerProvider.js.map +1 -1
- package/dist/positioning/createHorizontalPosition.d.ts +6 -6
- package/dist/positioning/createHorizontalPosition.js +12 -12
- package/dist/positioning/createHorizontalPosition.js.map +1 -1
- package/dist/positioning/createVerticalPosition.d.ts +6 -6
- package/dist/positioning/createVerticalPosition.js +2 -2
- package/dist/positioning/createVerticalPosition.js.map +1 -1
- package/dist/positioning/useFixedPositioning.d.ts +1 -0
- package/dist/positioning/useFixedPositioning.js +1 -0
- package/dist/positioning/useFixedPositioning.js.map +1 -1
- package/dist/progress/CircularProgress.d.ts +3 -2
- package/dist/progress/CircularProgress.js +3 -2
- package/dist/progress/CircularProgress.js.map +1 -1
- package/dist/progress/LinearProgress.d.ts +3 -2
- package/dist/progress/LinearProgress.js +3 -2
- package/dist/progress/LinearProgress.js.map +1 -1
- package/dist/progress/_progress.scss +164 -38
- package/dist/responsive-item/ResponsiveItem.d.ts +4 -3
- package/dist/responsive-item/ResponsiveItem.js +4 -3
- package/dist/responsive-item/ResponsiveItem.js.map +1 -1
- package/dist/responsive-item/ResponsiveItemOverlay.d.ts +6 -4
- package/dist/responsive-item/ResponsiveItemOverlay.js +6 -4
- package/dist/responsive-item/ResponsiveItemOverlay.js.map +1 -1
- package/dist/responsive-item/_responsive-item.scss +89 -0
- package/dist/scroll/useScrollLock.d.ts +1 -0
- package/dist/scroll/useScrollLock.js +1 -0
- package/dist/scroll/useScrollLock.js.map +1 -1
- package/dist/searching/fuzzy.d.ts +2 -1
- package/dist/searching/fuzzy.js +2 -1
- package/dist/searching/fuzzy.js.map +1 -1
- package/dist/segmented-button/SegmentedButton.d.ts +3 -4
- package/dist/segmented-button/SegmentedButton.js +3 -4
- package/dist/segmented-button/SegmentedButton.js.map +1 -1
- package/dist/segmented-button/SegmentedButtonContainer.d.ts +5 -6
- package/dist/segmented-button/SegmentedButtonContainer.js +7 -8
- package/dist/segmented-button/SegmentedButtonContainer.js.map +1 -1
- package/dist/segmented-button/_segmented-button.scss +79 -33
- package/dist/segmented-button/segmentedButtonContainerStyles.d.ts +1 -1
- package/dist/segmented-button/segmentedButtonContainerStyles.js +1 -1
- package/dist/segmented-button/segmentedButtonContainerStyles.js.map +1 -1
- package/dist/sheet/Sheet.d.ts +14 -0
- package/dist/sheet/Sheet.js +2 -0
- package/dist/sheet/Sheet.js.map +1 -1
- package/dist/sheet/_sheet.scss +84 -0
- package/dist/sheet/styles.d.ts +19 -15
- package/dist/sheet/styles.js +6 -2
- package/dist/sheet/styles.js.map +1 -1
- package/dist/snackbar/DefaultToastRenderer.d.ts +1 -0
- package/dist/snackbar/DefaultToastRenderer.js +1 -0
- package/dist/snackbar/DefaultToastRenderer.js.map +1 -1
- package/dist/snackbar/Snackbar.d.ts +10 -9
- package/dist/snackbar/Snackbar.js +4 -1
- package/dist/snackbar/Snackbar.js.map +1 -1
- package/dist/snackbar/Toast.d.ts +8 -0
- package/dist/snackbar/Toast.js +1 -0
- package/dist/snackbar/Toast.js.map +1 -1
- package/dist/snackbar/ToastActionButton.d.ts +2 -1
- package/dist/snackbar/ToastActionButton.js +1 -0
- package/dist/snackbar/ToastActionButton.js.map +1 -1
- package/dist/snackbar/ToastCloseButton.d.ts +2 -1
- package/dist/snackbar/ToastCloseButton.js +1 -0
- package/dist/snackbar/ToastCloseButton.js.map +1 -1
- package/dist/snackbar/ToastContent.d.ts +1 -0
- package/dist/snackbar/ToastContent.js +1 -0
- package/dist/snackbar/ToastContent.js.map +1 -1
- package/dist/snackbar/ToastManager.d.ts +1 -1
- package/dist/snackbar/ToastManager.js +1 -1
- package/dist/snackbar/ToastManager.js.map +1 -1
- package/dist/snackbar/ToastManagerProvider.d.ts +1 -0
- package/dist/snackbar/ToastManagerProvider.js +1 -0
- package/dist/snackbar/ToastManagerProvider.js.map +1 -1
- package/dist/snackbar/_snackbar.scss +131 -3
- package/dist/snackbar/toastStyles.d.ts +0 -7
- package/dist/snackbar/toastStyles.js.map +1 -1
- package/dist/snackbar/useCurrentToastActions.d.ts +1 -0
- package/dist/snackbar/useCurrentToastActions.js +1 -0
- package/dist/snackbar/useCurrentToastActions.js.map +1 -1
- package/dist/storage/useStorage.d.ts +1 -0
- package/dist/storage/useStorage.js +1 -0
- package/dist/storage/useStorage.js.map +1 -1
- package/dist/suspense/CircularProgressSuspense.d.ts +2 -1
- package/dist/suspense/CircularProgressSuspense.js +2 -1
- package/dist/suspense/CircularProgressSuspense.js.map +1 -1
- package/dist/suspense/NullSuspense.d.ts +2 -1
- package/dist/suspense/NullSuspense.js +2 -1
- package/dist/suspense/NullSuspense.js.map +1 -1
- package/dist/table/StickyTableSection.d.ts +2 -0
- package/dist/table/StickyTableSection.js +2 -0
- package/dist/table/StickyTableSection.js.map +1 -1
- package/dist/table/Table.d.ts +8 -8
- package/dist/table/Table.js +8 -8
- package/dist/table/Table.js.map +1 -1
- package/dist/table/TableBody.d.ts +2 -0
- package/dist/table/TableBody.js +2 -0
- package/dist/table/TableBody.js.map +1 -1
- package/dist/table/TableCell.d.ts +6 -2
- package/dist/table/TableCell.js +2 -0
- package/dist/table/TableCell.js.map +1 -1
- package/dist/table/TableCheckbox.d.ts +11 -12
- package/dist/table/TableCheckbox.js +10 -11
- package/dist/table/TableCheckbox.js.map +1 -1
- package/dist/table/TableConfigurationProvider.js +1 -1
- package/dist/table/TableConfigurationProvider.js.map +1 -1
- package/dist/table/TableContainer.d.ts +2 -0
- package/dist/table/TableContainer.js +2 -0
- package/dist/table/TableContainer.js.map +1 -1
- package/dist/table/TableContainerProvider.js +1 -1
- package/dist/table/TableContainerProvider.js.map +1 -1
- package/dist/table/TableFooter.d.ts +2 -0
- package/dist/table/TableFooter.js +2 -0
- package/dist/table/TableFooter.js.map +1 -1
- package/dist/table/TableHeader.d.ts +2 -0
- package/dist/table/TableHeader.js +2 -0
- package/dist/table/TableHeader.js.map +1 -1
- package/dist/table/TableRadio.d.ts +13 -13
- package/dist/table/TableRadio.js +10 -10
- package/dist/table/TableRadio.js.map +1 -1
- package/dist/table/TableRow.d.ts +2 -0
- package/dist/table/TableRow.js +2 -0
- package/dist/table/TableRow.js.map +1 -1
- package/dist/table/_table.scss +209 -11
- package/dist/table/tableCellStyles.js +3 -2
- package/dist/table/tableCellStyles.js.map +1 -1
- package/dist/tabs/SimpleTabPanel.d.ts +2 -0
- package/dist/tabs/SimpleTabPanel.js +2 -0
- package/dist/tabs/SimpleTabPanel.js.map +1 -1
- package/dist/tabs/SimpleTabPanels.d.ts +2 -0
- package/dist/tabs/SimpleTabPanels.js +2 -0
- package/dist/tabs/SimpleTabPanels.js.map +1 -1
- package/dist/tabs/Tab.d.ts +19 -1
- package/dist/tabs/Tab.js +1 -1
- package/dist/tabs/Tab.js.map +1 -1
- package/dist/tabs/TabList.d.ts +1 -1
- package/dist/tabs/TabList.js +1 -1
- package/dist/tabs/TabList.js.map +1 -1
- package/dist/tabs/TabListScrollButton.d.ts +1 -1
- package/dist/tabs/TabListScrollButton.js.map +1 -1
- package/dist/tabs/_tabs.scss +142 -5
- package/dist/tabs/tabStyles.d.ts +0 -18
- package/dist/tabs/tabStyles.js.map +1 -1
- package/dist/tabs/useTabs.d.ts +4 -0
- package/dist/tabs/useTabs.js +3 -2
- package/dist/tabs/useTabs.js.map +1 -1
- package/dist/test-utils/jest-globals/match-media.d.ts +1 -2
- package/dist/test-utils/jest-globals/match-media.js +1 -1
- package/dist/test-utils/jest-globals/match-media.js.map +1 -1
- package/dist/test-utils/jest-globals/resize-observer.js +2 -2
- package/dist/test-utils/jest-globals/resize-observer.js.map +1 -1
- package/dist/test-utils/mocks/ResizeObserver.d.ts +7 -7
- package/dist/test-utils/mocks/ResizeObserver.js +7 -7
- package/dist/test-utils/mocks/ResizeObserver.js.map +1 -1
- package/dist/test-utils/mocks/match-media.d.ts +31 -0
- package/dist/test-utils/mocks/match-media.js.map +1 -1
- package/dist/test-utils/utils/createMatchMediaSpy.d.ts +40 -0
- package/dist/test-utils/{mocks/match-media-implementation.js → utils/createMatchMediaSpy.js} +33 -4
- package/dist/test-utils/utils/createMatchMediaSpy.js.map +1 -0
- package/dist/test-utils/vitest/match-media.d.ts +1 -2
- package/dist/test-utils/vitest/match-media.js +1 -1
- package/dist/test-utils/vitest/match-media.js.map +1 -1
- package/dist/test-utils/vitest/resize-observer.js +2 -2
- package/dist/test-utils/vitest/resize-observer.js.map +1 -1
- package/dist/theme/LocalStorageColorSchemeProvider.d.ts +6 -6
- package/dist/theme/LocalStorageColorSchemeProvider.js +6 -6
- package/dist/theme/LocalStorageColorSchemeProvider.js.map +1 -1
- package/dist/theme/ThemeProvider.d.ts +10 -11
- package/dist/theme/ThemeProvider.js +7 -9
- package/dist/theme/ThemeProvider.js.map +1 -1
- package/dist/theme/_a11y.scss +62 -62
- package/dist/theme/_colors.scss +283 -279
- package/dist/theme/_theme.scss +298 -249
- package/dist/theme/colors.d.ts +2 -2
- package/dist/theme/colors.js +2 -2
- package/dist/theme/colors.js.map +1 -1
- package/dist/theme/useColorScheme.d.ts +1 -1
- package/dist/theme/useColorScheme.js +1 -1
- package/dist/theme/useColorScheme.js.map +1 -1
- package/dist/tooltip/Tooltip.d.ts +12 -1
- package/dist/tooltip/Tooltip.js +6 -2
- package/dist/tooltip/Tooltip.js.map +1 -1
- package/dist/tooltip/TooltipHoverModeProvider.d.ts +1 -0
- package/dist/tooltip/TooltipHoverModeProvider.js +1 -0
- package/dist/tooltip/TooltipHoverModeProvider.js.map +1 -1
- package/dist/tooltip/_tooltip.scss +109 -5
- package/dist/tooltip/constants.d.ts +13 -3
- package/dist/tooltip/constants.js +4 -4
- package/dist/tooltip/constants.js.map +1 -1
- package/dist/tooltip/{tooltipStyles.d.ts → styles.d.ts} +1 -1
- package/dist/tooltip/{tooltipStyles.js → styles.js} +1 -1
- package/dist/tooltip/styles.js.map +1 -0
- package/dist/tooltip/useTooltip.d.ts +8 -15
- package/dist/tooltip/useTooltip.js +8 -8
- package/dist/tooltip/useTooltip.js.map +1 -1
- package/dist/transition/CSSTransition.d.ts +3 -1
- package/dist/transition/CSSTransition.js +3 -1
- package/dist/transition/CSSTransition.js.map +1 -1
- package/dist/transition/Collapse.d.ts +1 -0
- package/dist/transition/Collapse.js +1 -0
- package/dist/transition/Collapse.js.map +1 -1
- package/dist/transition/CrossFade.d.ts +1 -0
- package/dist/transition/CrossFade.js +1 -0
- package/dist/transition/CrossFade.js.map +1 -1
- package/dist/transition/ScaleTransition.d.ts +4 -1
- package/dist/transition/ScaleTransition.js +4 -1
- package/dist/transition/ScaleTransition.js.map +1 -1
- package/dist/transition/SkeletonPlaceholder.d.ts +3 -2
- package/dist/transition/SkeletonPlaceholder.js +3 -2
- package/dist/transition/SkeletonPlaceholder.js.map +1 -1
- package/dist/transition/Slide.d.ts +1 -0
- package/dist/transition/Slide.js +1 -0
- package/dist/transition/Slide.js.map +1 -1
- package/dist/transition/SlideContainer.d.ts +10 -7
- package/dist/transition/SlideContainer.js +12 -8
- package/dist/transition/SlideContainer.js.map +1 -1
- package/dist/transition/_transition.scss +178 -6
- package/dist/transition/getTransitionCallbacks.d.ts +76 -0
- package/dist/transition/getTransitionCallbacks.js +57 -0
- package/dist/transition/getTransitionCallbacks.js.map +1 -0
- package/dist/transition/skeletonPlaceholderUtils.d.ts +4 -1
- package/dist/transition/skeletonPlaceholderUtils.js +4 -1
- package/dist/transition/skeletonPlaceholderUtils.js.map +1 -1
- package/dist/transition/types.d.ts +26 -1
- package/dist/transition/types.js.map +1 -1
- package/dist/transition/useCSSTransition.d.ts +2 -0
- package/dist/transition/useCSSTransition.js +2 -0
- package/dist/transition/useCSSTransition.js.map +1 -1
- package/dist/transition/useCarousel.d.ts +6 -2
- package/dist/transition/useCarousel.js +11 -7
- package/dist/transition/useCarousel.js.map +1 -1
- package/dist/transition/useCollapseTransition.d.ts +7 -2
- package/dist/transition/useCollapseTransition.js +2 -0
- package/dist/transition/useCollapseTransition.js.map +1 -1
- package/dist/transition/useCrossFadeTransition.d.ts +22 -45
- package/dist/transition/useCrossFadeTransition.js +17 -49
- package/dist/transition/useCrossFadeTransition.js.map +1 -1
- package/dist/transition/useScaleTransition.d.ts +22 -16
- package/dist/transition/useScaleTransition.js +20 -14
- package/dist/transition/useScaleTransition.js.map +1 -1
- package/dist/transition/useSkeletonPlaceholder.d.ts +6 -3
- package/dist/transition/useSkeletonPlaceholder.js +3 -0
- package/dist/transition/useSkeletonPlaceholder.js.map +1 -1
- package/dist/transition/useSlideTransition.d.ts +9 -3
- package/dist/transition/useSlideTransition.js +1 -0
- package/dist/transition/useSlideTransition.js.map +1 -1
- package/dist/transition/useTransition.d.ts +1 -0
- package/dist/transition/useTransition.js +3 -2
- package/dist/transition/useTransition.js.map +1 -1
- package/dist/tree/DefaultTreeItemRenderer.d.ts +1 -0
- package/dist/tree/DefaultTreeItemRenderer.js +1 -0
- package/dist/tree/DefaultTreeItemRenderer.js.map +1 -1
- package/dist/tree/Tree.d.ts +8 -9
- package/dist/tree/Tree.js +4 -3
- package/dist/tree/Tree.js.map +1 -1
- package/dist/tree/TreeItem.d.ts +1 -0
- package/dist/tree/TreeItem.js +1 -0
- package/dist/tree/TreeItem.js.map +1 -1
- package/dist/tree/_tree.scss +71 -1
- package/dist/tree/types.d.ts +1 -1
- package/dist/tree/types.js.map +1 -1
- package/dist/tree/useTree.d.ts +4 -2
- package/dist/tree/useTree.js +4 -2
- package/dist/tree/useTree.js.map +1 -1
- package/dist/tree/useTreeExpansion.d.ts +1 -0
- package/dist/tree/useTreeExpansion.js +1 -0
- package/dist/tree/useTreeExpansion.js.map +1 -1
- package/dist/tree/useTreeItems.d.ts +1 -0
- package/dist/tree/useTreeItems.js +1 -0
- package/dist/tree/useTreeItems.js.map +1 -1
- package/dist/tree/useTreeSelection.d.ts +1 -0
- package/dist/tree/useTreeSelection.js +1 -0
- package/dist/tree/useTreeSelection.js.map +1 -1
- package/dist/types.d.ts +1 -1
- package/dist/types.js.map +1 -1
- package/dist/typography/HighlightText.d.ts +76 -0
- package/dist/typography/HighlightText.js +60 -0
- package/dist/typography/HighlightText.js.map +1 -0
- package/dist/typography/HighlightTextMark.d.ts +16 -0
- package/dist/typography/HighlightTextMark.js +16 -0
- package/dist/typography/HighlightTextMark.js.map +1 -0
- package/dist/typography/Mark.d.ts +27 -0
- package/dist/typography/Mark.js +34 -0
- package/dist/typography/Mark.js.map +1 -0
- package/dist/typography/SrOnly.d.ts +3 -1
- package/dist/typography/SrOnly.js +3 -1
- package/dist/typography/SrOnly.js.map +1 -1
- package/dist/typography/TextContainer.d.ts +9 -1
- package/dist/typography/TextContainer.js +3 -1
- package/dist/typography/TextContainer.js.map +1 -1
- package/dist/typography/Typography.d.ts +2 -1
- package/dist/typography/Typography.js +2 -1
- package/dist/typography/Typography.js.map +1 -1
- package/dist/typography/WritingDirectionProvider.d.ts +8 -8
- package/dist/typography/WritingDirectionProvider.js +8 -8
- package/dist/typography/WritingDirectionProvider.js.map +1 -1
- package/dist/typography/_typography.scss +392 -51
- package/dist/typography/markStyles.d.ts +10 -0
- package/dist/typography/markStyles.js +11 -0
- package/dist/typography/markStyles.js.map +1 -0
- package/dist/typography/textContainerStyles.d.ts +2 -7
- package/dist/typography/textContainerStyles.js +2 -1
- package/dist/typography/textContainerStyles.js.map +1 -1
- package/dist/typography/typographyStyles.d.ts +2 -2
- package/dist/typography/typographyStyles.js +2 -2
- package/dist/typography/typographyStyles.js.map +1 -1
- package/dist/useAsyncFunction.d.ts +10 -68
- package/dist/useAsyncFunction.js +9 -67
- package/dist/useAsyncFunction.js.map +1 -1
- package/dist/useDebouncedFunction.d.ts +3 -1
- package/dist/useDebouncedFunction.js +3 -1
- package/dist/useDebouncedFunction.js.map +1 -1
- package/dist/useDropzone.d.ts +3 -2
- package/dist/useDropzone.js +3 -2
- package/dist/useDropzone.js.map +1 -1
- package/dist/useThrottledFunction.d.ts +3 -1
- package/dist/useThrottledFunction.js +3 -1
- package/dist/useThrottledFunction.js.map +1 -1
- package/dist/useUnmounted.d.ts +1 -1
- package/dist/useUnmounted.js +1 -1
- package/dist/useUnmounted.js.map +1 -1
- package/dist/utils/RenderRecursively.d.ts +1 -0
- package/dist/utils/RenderRecursively.js +1 -0
- package/dist/utils/RenderRecursively.js.map +1 -1
- package/dist/utils/applyRef.d.ts +1 -1
- package/dist/utils/applyRef.js +1 -1
- package/dist/utils/applyRef.js.map +1 -1
- package/dist/window-splitter/WindowSplitter.d.ts +11 -0
- package/dist/window-splitter/WindowSplitter.js +1 -0
- package/dist/window-splitter/WindowSplitter.js.map +1 -1
- package/dist/window-splitter/_window-splitter.scss +46 -0
- package/dist/window-splitter/useWindowSplitter.d.ts +0 -10
- package/dist/window-splitter/useWindowSplitter.js.map +1 -1
- package/package.json +43 -17
- package/src/CoreProviders.tsx +1 -0
- package/src/NoSsr.tsx +3 -1
- package/src/RootHtml.tsx +1 -1
- package/src/SsrProvider.tsx +1 -0
- package/src/app-bar/AppBar.tsx +3 -1
- package/src/app-bar/AppBarTitle.tsx +2 -1
- package/src/autocomplete/Autocomplete.tsx +85 -3
- package/src/autocomplete/AutocompleteChip.tsx +1 -0
- package/src/autocomplete/AutocompleteCircularProgress.tsx +1 -0
- package/src/autocomplete/AutocompleteClearButton.tsx +3 -1
- package/src/autocomplete/AutocompleteDropdownButton.tsx +1 -0
- package/src/autocomplete/AutocompleteListboxChildren.tsx +2 -3
- package/src/autocomplete/autocompleteStyles.ts +11 -2
- package/src/autocomplete/types.ts +140 -86
- package/src/autocomplete/useAutocomplete.ts +21 -26
- package/src/autocomplete/utils.ts +6 -8
- package/src/avatar/Avatar.tsx +2 -1
- package/src/badge/Badge.tsx +8 -4
- package/src/box/Box.tsx +4 -3
- package/src/button/AsyncButton.tsx +4 -3
- package/src/button/Button.tsx +11 -9
- package/src/button/ButtonUnstyled.tsx +2 -1
- package/src/button/TooltippedButton.tsx +3 -2
- package/src/button/{buttonStyles.ts → styles.ts} +18 -0
- package/src/card/Card.tsx +9 -10
- package/src/card/CardContent.tsx +1 -0
- package/src/card/CardFooter.tsx +1 -0
- package/src/card/CardHeader.tsx +1 -0
- package/src/card/CardSubtitle.tsx +1 -0
- package/src/card/CardTitle.tsx +2 -1
- package/src/card/ClickableCard.tsx +3 -1
- package/src/chip/Chip.tsx +5 -3
- package/src/cssUtils.ts +1 -1
- package/src/dialog/Dialog.tsx +9 -10
- package/src/dialog/DialogContent.tsx +5 -5
- package/src/dialog/DialogFooter.tsx +5 -2
- package/src/dialog/DialogHeader.tsx +31 -5
- package/src/dialog/DialogTitle.tsx +8 -7
- package/src/dialog/FixedDialog.tsx +13 -12
- package/src/dialog/styles.ts +16 -10
- package/src/divider/Divider.tsx +3 -1
- package/src/divider/styles.ts +2 -2
- package/src/draggable/useDraggable.ts +1 -0
- package/src/error-boundary/ErrorBoundary.tsx +103 -0
- package/src/error-boundary/context.ts +16 -0
- package/src/error-boundary/types.ts +19 -0
- package/src/error-boundary/useErrorBoundary.ts +36 -0
- package/src/expansion-panel/ExpansionList.tsx +1 -0
- package/src/expansion-panel/ExpansionPanel.tsx +32 -0
- package/src/expansion-panel/ExpansionPanelHeader.tsx +10 -10
- package/src/expansion-panel/expansionPanelStyles.ts +33 -0
- package/src/expansion-panel/useExpansionList.ts +7 -8
- package/src/expansion-panel/useExpansionPanels.ts +7 -10
- package/src/files/FileInput.tsx +4 -2
- package/src/files/styles.ts +1 -1
- package/src/files/useFileUpload.ts +2 -0
- package/src/focus/useFocusContainer.ts +29 -43
- package/src/form/Checkbox.tsx +3 -1
- package/src/form/Fieldset.tsx +6 -35
- package/src/form/Form.tsx +2 -0
- package/src/form/FormMessage.tsx +2 -0
- package/src/form/FormMessageContainer.tsx +1 -0
- package/src/form/FormMessageCounter.tsx +2 -0
- package/src/form/InputToggle.tsx +4 -2
- package/src/form/Label.tsx +5 -54
- package/src/form/Legend.tsx +1 -0
- package/src/form/Listbox.tsx +1 -1
- package/src/form/MenuItemCheckbox.tsx +3 -1
- package/src/form/MenuItemFileInput.tsx +1 -0
- package/src/form/MenuItemInputToggle.tsx +3 -2
- package/src/form/MenuItemRadio.tsx +8 -8
- package/src/form/MenuItemSwitch.tsx +3 -1
- package/src/form/MenuItemTextField.tsx +1 -0
- package/src/form/NativeSelect.tsx +2 -0
- package/src/form/OptGroup.tsx +4 -1
- package/src/form/Option.tsx +2 -1
- package/src/form/Password.tsx +3 -1
- package/src/form/Radio.tsx +2 -0
- package/src/form/Select.tsx +6 -29
- package/src/form/Slider.tsx +9 -2
- package/src/form/SliderContainer.tsx +7 -15
- package/src/form/SliderMark.tsx +2 -13
- package/src/form/SliderMarkLabel.tsx +2 -5
- package/src/form/SliderThumb.tsx +2 -50
- package/src/form/SliderTrack.tsx +8 -18
- package/src/form/SliderValueTooltip.tsx +2 -10
- package/src/form/Switch.tsx +10 -1
- package/src/form/SwitchTrack.tsx +3 -6
- package/src/form/TextArea.tsx +10 -1
- package/src/form/TextField.tsx +3 -1
- package/src/form/TextFieldAddon.tsx +2 -59
- package/src/form/TextFieldContainer.tsx +14 -0
- package/src/form/fieldsetStyles.ts +35 -0
- package/src/form/formConfig.ts +29 -4
- package/src/form/labelStyles.ts +55 -0
- package/src/form/sliderStyles.ts +204 -0
- package/src/form/switchStyles.ts +36 -7
- package/src/form/textAreaStyles.ts +0 -7
- package/src/form/textFieldAddonStyles.ts +41 -0
- package/src/form/textFieldContainerStyles.ts +0 -14
- package/src/form/types.ts +25 -2
- package/src/form/useCheckboxGroup.ts +14 -0
- package/src/form/useCombobox.ts +78 -84
- package/src/form/useNumberField.ts +19 -7
- package/src/form/useRadioGroup.ts +9 -0
- package/src/form/useRangeSlider.ts +6 -1
- package/src/form/useSlider.ts +4 -1
- package/src/form/useTextField.ts +12 -1
- package/src/form/validation.ts +1 -0
- package/src/icon/FontIcon.tsx +1 -0
- package/src/icon/IconRotator.tsx +2 -0
- package/src/icon/MaterialIcon.tsx +2 -0
- package/src/icon/MaterialSymbol.tsx +3 -1
- package/src/icon/SVGIcon.tsx +2 -0
- package/src/icon/TextIconSpacing.tsx +6 -2
- package/src/icon/config.tsx +2 -2
- package/src/icon/material.ts +260 -17
- package/src/icon/styles.ts +5 -1
- package/src/interaction/Ripple.tsx +4 -4
- package/src/interaction/UserInteractionModeProvider.tsx +1 -1
- package/src/layout/LayoutAppBar.tsx +1 -0
- package/src/layout/LayoutNav.tsx +9 -12
- package/src/layout/LayoutWindowSplitter.tsx +7 -8
- package/src/layout/Main.tsx +2 -1
- package/src/layout/useExpandableLayout.ts +1 -0
- package/src/layout/useHorizontalLayoutTransition.ts +5 -2
- package/src/layout/useLayoutAppBarHeight.ts +7 -10
- package/src/layout/useLayoutTree.ts +3 -0
- package/src/layout/useLayoutWindowSplitter.ts +4 -2
- package/src/layout/useResizableLayout.ts +3 -0
- package/src/layout/useTemporaryLayout.ts +1 -0
- package/src/link/Link.tsx +3 -1
- package/src/link/SkipToMainContent.tsx +22 -0
- package/src/list/List.tsx +12 -1
- package/src/list/ListItem.tsx +23 -2
- package/src/list/ListItemChildren.tsx +3 -1
- package/src/list/ListItemLink.tsx +32 -1
- package/src/list/ListSubheader.tsx +2 -0
- package/src/list/listItemStyles.ts +0 -17
- package/src/list/listStyles.ts +0 -7
- package/src/media-queries/AppSizeProvider.tsx +2 -0
- package/src/media-queries/useMediaQuery.ts +2 -0
- package/src/menu/DropdownMenu.tsx +5 -2
- package/src/menu/Menu.tsx +1 -0
- package/src/menu/MenuBar.tsx +4 -1
- package/src/menu/MenuButton.tsx +1 -0
- package/src/menu/MenuItem.tsx +1 -0
- package/src/menu/MenuItemCircularProgress.tsx +4 -6
- package/src/menu/MenuItemGroup.tsx +6 -7
- package/src/menu/MenuItemSeparator.tsx +1 -0
- package/src/menu/MenuWidget.tsx +1 -21
- package/src/menu/styles.ts +23 -0
- package/src/menu/useContextMenu.ts +4 -1
- package/src/movement/useKeyboardMovementProvider.ts +3 -3
- package/src/navigation/CollapsibleNavGroup.tsx +1 -0
- package/src/navigation/DefaultNavigationRenderer.tsx +1 -0
- package/src/navigation/NavGroup.tsx +1 -0
- package/src/navigation/NavItem.tsx +1 -0
- package/src/navigation/NavItemButton.tsx +1 -0
- package/src/navigation/NavItemLink.tsx +1 -0
- package/src/navigation/NavSubheader.tsx +1 -0
- package/src/navigation/Navigation.tsx +44 -0
- package/src/navigation/getTableOfContentsHeadings.ts +70 -0
- package/src/navigation/navItemStyles.ts +1 -1
- package/src/navigation/types.ts +57 -0
- package/src/navigation/useActiveHeadingId.ts +3 -15
- package/src/navigation/useNavigationExpansion.ts +2 -0
- package/src/navigation/useTableOfContentsHeadings.ts +22 -89
- package/src/overlay/Overlay.tsx +12 -2
- package/src/overlay/{overlayStyles.ts → styles.ts} +1 -7
- package/src/portal/Portal.tsx +1 -0
- package/src/portal/PortalContainerProvider.tsx +1 -0
- package/src/positioning/createHorizontalPosition.ts +25 -19
- package/src/positioning/createVerticalPosition.ts +10 -8
- package/src/positioning/useFixedPositioning.ts +1 -0
- package/src/progress/CircularProgress.tsx +3 -2
- package/src/progress/LinearProgress.tsx +3 -2
- package/src/responsive-item/ResponsiveItem.tsx +4 -3
- package/src/responsive-item/ResponsiveItemOverlay.tsx +6 -4
- package/src/scroll/useScrollLock.ts +1 -0
- package/src/searching/fuzzy.ts +2 -1
- package/src/segmented-button/SegmentedButton.tsx +3 -4
- package/src/segmented-button/SegmentedButtonContainer.tsx +7 -8
- package/src/segmented-button/segmentedButtonContainerStyles.ts +1 -1
- package/src/sheet/Sheet.tsx +15 -0
- package/src/sheet/styles.ts +10 -17
- package/src/snackbar/DefaultToastRenderer.tsx +1 -0
- package/src/snackbar/Snackbar.tsx +10 -9
- package/src/snackbar/Toast.tsx +9 -0
- package/src/snackbar/ToastActionButton.tsx +2 -1
- package/src/snackbar/ToastCloseButton.tsx +2 -1
- package/src/snackbar/ToastContent.tsx +1 -0
- package/src/snackbar/{ToastManager.tsx → ToastManager.ts} +1 -1
- package/src/snackbar/ToastManagerProvider.tsx +1 -0
- package/src/snackbar/toastStyles.ts +0 -8
- package/src/snackbar/useCurrentToastActions.ts +1 -0
- package/src/storage/useStorage.ts +1 -0
- package/src/suspense/CircularProgressSuspense.tsx +2 -1
- package/src/suspense/NullSuspense.tsx +2 -1
- package/src/table/StickyTableSection.tsx +2 -0
- package/src/table/Table.tsx +8 -8
- package/src/table/TableBody.tsx +2 -0
- package/src/table/TableCell.tsx +6 -2
- package/src/table/TableCheckbox.tsx +11 -12
- package/src/table/TableContainer.tsx +2 -0
- package/src/table/TableFooter.tsx +2 -0
- package/src/table/TableHeader.tsx +2 -0
- package/src/table/TableRadio.tsx +13 -13
- package/src/table/TableRow.tsx +2 -0
- package/src/table/tableCellStyles.ts +1 -1
- package/src/tabs/SimpleTabPanel.tsx +2 -0
- package/src/tabs/SimpleTabPanels.tsx +2 -0
- package/src/tabs/Tab.tsx +21 -1
- package/src/tabs/TabList.tsx +1 -1
- package/src/tabs/TabListScrollButton.tsx +1 -1
- package/src/tabs/tabStyles.ts +0 -20
- package/src/tabs/useTabs.ts +7 -2
- package/src/test-utils/jest-globals/match-media.ts +4 -3
- package/src/test-utils/jest-globals/resize-observer.ts +2 -2
- package/src/test-utils/mocks/ResizeObserver.ts +7 -7
- package/src/test-utils/mocks/match-media.ts +32 -0
- package/src/test-utils/{mocks/match-media-implementation.ts → utils/createMatchMediaSpy.ts} +34 -36
- package/src/test-utils/vitest/match-media.ts +4 -3
- package/src/test-utils/vitest/resize-observer.ts +2 -2
- package/src/theme/LocalStorageColorSchemeProvider.tsx +6 -6
- package/src/theme/ThemeProvider.tsx +10 -11
- package/src/theme/colors.ts +2 -2
- package/src/theme/useColorScheme.ts +1 -1
- package/src/tooltip/Tooltip.tsx +14 -2
- package/src/tooltip/TooltipHoverModeProvider.tsx +1 -0
- package/src/tooltip/constants.ts +11 -11
- package/src/tooltip/{tooltipStyles.ts → styles.ts} +1 -1
- package/src/tooltip/useTooltip.ts +8 -16
- package/src/transition/CSSTransition.tsx +3 -1
- package/src/transition/Collapse.tsx +1 -0
- package/src/transition/CrossFade.tsx +1 -0
- package/src/transition/ScaleTransition.tsx +4 -1
- package/src/transition/SkeletonPlaceholder.tsx +3 -2
- package/src/transition/Slide.tsx +1 -0
- package/src/transition/SlideContainer.tsx +15 -11
- package/src/transition/getTransitionCallbacks.ts +140 -0
- package/src/transition/skeletonPlaceholderUtils.ts +4 -1
- package/src/transition/types.ts +28 -7
- package/src/transition/useCSSTransition.ts +2 -0
- package/src/transition/useCarousel.ts +11 -7
- package/src/transition/useCollapseTransition.ts +4 -3
- package/src/transition/useCrossFadeTransition.ts +23 -57
- package/src/transition/useScaleTransition.ts +27 -19
- package/src/transition/useSkeletonPlaceholder.ts +6 -3
- package/src/transition/useSlideTransition.ts +14 -13
- package/src/transition/useTransition.ts +3 -2
- package/src/tree/DefaultTreeItemRenderer.tsx +1 -0
- package/src/tree/Tree.tsx +8 -9
- package/src/tree/TreeItem.tsx +1 -0
- package/src/tree/types.ts +1 -1
- package/src/tree/useTree.ts +4 -2
- package/src/tree/useTreeExpansion.ts +1 -0
- package/src/tree/useTreeItems.ts +1 -0
- package/src/tree/useTreeSelection.ts +1 -0
- package/src/types.ts +1 -1
- package/src/typography/HighlightText.tsx +201 -0
- package/src/typography/HighlightTextMark.tsx +25 -0
- package/src/typography/Mark.tsx +41 -0
- package/src/typography/SrOnly.tsx +3 -1
- package/src/typography/TextContainer.tsx +10 -1
- package/src/typography/Typography.tsx +2 -1
- package/src/typography/WritingDirectionProvider.tsx +8 -8
- package/src/typography/markStyles.ts +20 -0
- package/src/typography/textContainerStyles.ts +2 -8
- package/src/typography/typographyStyles.ts +2 -2
- package/src/useAsyncFunction.ts +12 -68
- package/src/useDebouncedFunction.ts +3 -1
- package/src/useDropzone.ts +3 -2
- package/src/useThrottledFunction.ts +3 -1
- package/src/useUnmounted.ts +1 -1
- package/src/utils/RenderRecursively.tsx +1 -0
- package/src/utils/applyRef.ts +1 -1
- package/src/window-splitter/WindowSplitter.tsx +12 -0
- package/src/window-splitter/useWindowSplitter.ts +0 -11
- package/dist/button/buttonStyles.js.map +0 -1
- package/dist/button/buttonUnstyledStyles.d.ts +0 -10
- package/dist/button/buttonUnstyledStyles.js +0 -11
- package/dist/button/buttonUnstyledStyles.js.map +0 -1
- package/dist/overlay/overlayStyles.js.map +0 -1
- package/dist/test-utils/mocks/match-media-implementation.d.ts +0 -42
- package/dist/test-utils/mocks/match-media-implementation.js.map +0 -1
- package/dist/tooltip/tooltipStyles.js.map +0 -1
- package/src/button/buttonUnstyledStyles.ts +0 -19
- /package/src/table/{TableConfigurationProvider.tsx → TableConfigurationProvider.ts} +0 -0
- /package/src/table/{TableContainerProvider.tsx → TableContainerProvider.ts} +0 -0
package/dist/theme/colors.d.ts
CHANGED
|
@@ -252,5 +252,5 @@ export declare const blueGrey600 = "#546e7a";
|
|
|
252
252
|
export declare const blueGrey700 = "#455a64";
|
|
253
253
|
export declare const blueGrey800 = "#37474f";
|
|
254
254
|
export declare const blueGrey900 = "#263238";
|
|
255
|
-
export declare const white = "#
|
|
256
|
-
export declare const black = "#
|
|
255
|
+
export declare const white = "#ffffff";
|
|
256
|
+
export declare const black = "#000000";
|
package/dist/theme/colors.js
CHANGED
|
@@ -252,7 +252,7 @@ export const blueGrey600 = "#546e7a";
|
|
|
252
252
|
export const blueGrey700 = "#455a64";
|
|
253
253
|
export const blueGrey800 = "#37474f";
|
|
254
254
|
export const blueGrey900 = "#263238";
|
|
255
|
-
export const white = "#
|
|
256
|
-
export const black = "#
|
|
255
|
+
export const white = "#ffffff";
|
|
256
|
+
export const black = "#000000";
|
|
257
257
|
|
|
258
258
|
//# sourceMappingURL=colors.js.map
|
package/dist/theme/colors.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/theme/colors.ts"],"sourcesContent":["export const red50 = \"#ffebee\";\nexport const red100 = \"#ffcdd2\";\nexport const red200 = \"#ef9a9a\";\nexport const red300 = \"#e57373\";\nexport const red400 = \"#ef5350\";\nexport const red500 = \"#f44336\";\nexport const red600 = \"#e53935\";\nexport const red700 = \"#d32f2f\";\nexport const red800 = \"#c62828\";\nexport const red900 = \"#b71c1c\";\nexport const redAccent100 = \"#ff8a80\";\nexport const redAccent200 = \"#ff5252\";\nexport const redAccent400 = \"#ff1744\";\nexport const redAccent700 = \"#d50000\";\n\nexport const pink50 = \"#fce4ec\";\nexport const pink100 = \"#f8bbd0\";\nexport const pink200 = \"#f48fb1\";\nexport const pink300 = \"#f06292\";\nexport const pink400 = \"#ec407a\";\nexport const pink500 = \"#e91e63\";\nexport const pink600 = \"#d81b60\";\nexport const pink700 = \"#c2185b\";\nexport const pink800 = \"#ad1457\";\nexport const pink900 = \"#880e4f\";\nexport const pinkAccent100 = \"#ff80ab\";\nexport const pinkAccent200 = \"#ff4081\";\nexport const pinkAccent400 = \"#f50057\";\nexport const pinkAccent700 = \"#c51162\";\n\nexport const purple50 = \"#f3e5f5\";\nexport const purple100 = \"#e1bee7\";\nexport const purple200 = \"#ce93d8\";\nexport const purple300 = \"#ba68c8\";\nexport const purple400 = \"#ab47bc\";\nexport const purple500 = \"#9c27b0\";\nexport const purple600 = \"#8e24aa\";\nexport const purple700 = \"#7b1fa2\";\nexport const purple800 = \"#6a1b9a\";\nexport const purple900 = \"#4a148c\";\nexport const purpleAccent100 = \"#ea80fc\";\nexport const purpleAccent200 = \"#e040fb\";\nexport const purpleAccent400 = \"#d500f9\";\nexport const purpleAccent700 = \"#a0f\";\n\nexport const deepPurple50 = \"#ede7f6\";\nexport const deepPurple100 = \"#d1c4e9\";\nexport const deepPurple200 = \"#b39ddb\";\nexport const deepPurple300 = \"#9575cd\";\nexport const deepPurple400 = \"#7e57c2\";\nexport const deepPurple500 = \"#673ab7\";\nexport const deepPurple600 = \"#5e35b1\";\nexport const deepPurple700 = \"#512da8\";\nexport const deepPurple800 = \"#4527a0\";\nexport const deepPurple900 = \"#311b92\";\nexport const deepPurpleAccent100 = \"#b388ff\";\nexport const deepPurpleAccent200 = \"#7c4dff\";\nexport const deepPurpleAccent400 = \"#651fff\";\nexport const deepPurpleAccent700 = \"#6200ea\";\n\nexport const indigo50 = \"#e8eaf6\";\nexport const indigo100 = \"#c5cae9\";\nexport const indigo200 = \"#9fa8da\";\nexport const indigo300 = \"#7986cb\";\nexport const indigo400 = \"#5c6bc0\";\nexport const indigo500 = \"#3f51b5\";\nexport const indigo600 = \"#3949ab\";\nexport const indigo700 = \"#303f9f\";\nexport const indigo800 = \"#283593\";\nexport const indigo900 = \"#1a237e\";\nexport const indigoAccent100 = \"#8c9eff\";\nexport const indigoAccent200 = \"#536dfe\";\nexport const indigoAccent400 = \"#3d5afe\";\nexport const indigoAccent700 = \"#304ffe\";\n\nexport const blue50 = \"#e3f2fd\";\nexport const blue100 = \"#bbdefb\";\nexport const blue200 = \"#90caf9\";\nexport const blue300 = \"#64b5f6\";\nexport const blue400 = \"#42a5f5\";\nexport const blue500 = \"#2196f3\";\nexport const blue600 = \"#1e88e5\";\nexport const blue700 = \"#1976d2\";\nexport const blue800 = \"#1565c0\";\nexport const blue900 = \"#0d47a1\";\nexport const blueAccent100 = \"#82b1ff\";\nexport const blueAccent200 = \"#448aff\";\nexport const blueAccent400 = \"#2979ff\";\nexport const blueAccent700 = \"#2962ff\";\n\nexport const lightBlue50 = \"#e1f5fe\";\nexport const lightBlue100 = \"#b3e5fc\";\nexport const lightBlue200 = \"#81d4fa\";\nexport const lightBlue300 = \"#4fc3f7\";\nexport const lightBlue400 = \"#29b6f6\";\nexport const lightBlue500 = \"#03a9f4\";\nexport const lightBlue600 = \"#039be5\";\nexport const lightBlue700 = \"#0288d1\";\nexport const lightBlue800 = \"#0277bd\";\nexport const lightBlue900 = \"#01579b\";\nexport const lightBlueAccent100 = \"#80d8ff\";\nexport const lightBlueAccent200 = \"#40c4ff\";\nexport const lightBlueAccent400 = \"#00b0ff\";\nexport const lightBlueAccent700 = \"#0091ea\";\n\nexport const cyan50 = \"#e0f7fa\";\nexport const cyan100 = \"#b2ebf2\";\nexport const cyan200 = \"#80deea\";\nexport const cyan300 = \"#4dd0e1\";\nexport const cyan400 = \"#26c6da\";\nexport const cyan500 = \"#00bcd4\";\nexport const cyan600 = \"#00acc1\";\nexport const cyan700 = \"#0097a7\";\nexport const cyan800 = \"#00838f\";\nexport const cyan900 = \"#006064\";\nexport const cyanAccent100 = \"#84ffff\";\nexport const cyanAccent200 = \"#18ffff\";\nexport const cyanAccent400 = \"#00e5ff\";\nexport const cyanAccent700 = \"#00b8d4\";\n\nexport const teal50 = \"#e0f2f1\";\nexport const teal100 = \"#b2dfdb\";\nexport const teal200 = \"#80cbc4\";\nexport const teal300 = \"#4db6ac\";\nexport const teal400 = \"#26a69a\";\nexport const teal500 = \"#009688\";\nexport const teal600 = \"#00897b\";\nexport const teal700 = \"#00796b\";\nexport const teal800 = \"#00695c\";\nexport const teal900 = \"#004d40\";\nexport const tealAccent100 = \"#a7ffeb\";\nexport const tealAccent200 = \"#64ffda\";\nexport const tealAccent400 = \"#1de9b6\";\nexport const tealAccent700 = \"#00bfa5\";\n\nexport const green50 = \"#e8f5e9\";\nexport const green100 = \"#c8e6c9\";\nexport const green200 = \"#a5d6a7\";\nexport const green300 = \"#81c784\";\nexport const green400 = \"#66bb6a\";\nexport const green500 = \"#4caf50\";\nexport const green600 = \"#43a047\";\nexport const green700 = \"#388e3c\";\nexport const green800 = \"#2e7d32\";\nexport const green900 = \"#1b5e20\";\nexport const greenAccent100 = \"#b9f6ca\";\nexport const greenAccent200 = \"#69f0ae\";\nexport const greenAccent400 = \"#00e676\";\nexport const greenAccent700 = \"#00c853\";\n\nexport const lightGreen50 = \"#f1f8e9\";\nexport const lightGreen100 = \"#dcedc8\";\nexport const lightGreen200 = \"#c5e1a5\";\nexport const lightGreen300 = \"#aed581\";\nexport const lightGreen400 = \"#9ccc65\";\nexport const lightGreen500 = \"#8bc34a\";\nexport const lightGreen600 = \"#7cb342\";\nexport const lightGreen700 = \"#689f38\";\nexport const lightGreen800 = \"#558b2f\";\nexport const lightGreen900 = \"#33691e\";\nexport const lightGreenAccent100 = \"#ccff90\";\nexport const lightGreenAccent200 = \"#b2ff59\";\nexport const lightGreenAccent400 = \"#76ff03\";\nexport const lightGreenAccent700 = \"#64dd17\";\n\nexport const lime50 = \"#f9fbe7\";\nexport const lime100 = \"#f0f4c3\";\nexport const lime200 = \"#e6ee9c\";\nexport const lime300 = \"#dce775\";\nexport const lime400 = \"#d4e157\";\nexport const lime500 = \"#cddc39\";\nexport const lime600 = \"#c0ca33\";\nexport const lime700 = \"#afb42b\";\nexport const lime800 = \"#9e9d24\";\nexport const lime900 = \"#827717\";\nexport const limeAccent100 = \"#f4ff81\";\nexport const limeAccent200 = \"#eeff41\";\nexport const limeAccent400 = \"#c6ff00\";\nexport const limeAccent700 = \"#aeea00\";\n\nexport const yellow50 = \"#fffde7\";\nexport const yellow100 = \"#fff9c4\";\nexport const yellow200 = \"#fff59d\";\nexport const yellow300 = \"#fff176\";\nexport const yellow400 = \"#ffee58\";\nexport const yellow500 = \"#ffeb3b\";\nexport const yellow600 = \"#fdd835\";\nexport const yellow700 = \"#fbc02d\";\nexport const yellow800 = \"#f9a825\";\nexport const yellow900 = \"#f57f17\";\nexport const yellowAccent100 = \"#ffff8d\";\nexport const yellowAccent200 = \"#ff0\";\nexport const yellowAccent400 = \"#ffea00\";\nexport const yellowAccent700 = \"#ffd600\";\n\nexport const amber50 = \"#fff8e1\";\nexport const amber100 = \"#ffecb3\";\nexport const amber200 = \"#ffe082\";\nexport const amber300 = \"#ffd54f\";\nexport const amber400 = \"#ffca28\";\nexport const amber500 = \"#ffc107\";\nexport const amber600 = \"#ffb300\";\nexport const amber700 = \"#ffa000\";\nexport const amber800 = \"#ff8f00\";\nexport const amber900 = \"#ff6f00\";\nexport const amberAccent100 = \"#ffe57f\";\nexport const amberAccent200 = \"#ffd740\";\nexport const amberAccent400 = \"#ffc400\";\nexport const amberAccent700 = \"#ffab00\";\n\nexport const orange50 = \"#fff3e0\";\nexport const orange100 = \"#fff0b2\";\nexport const orange200 = \"#ffcc80\";\nexport const orange300 = \"#ffb74d\";\nexport const orange400 = \"#ffa726\";\nexport const orange500 = \"#ff9800\";\nexport const orange600 = \"#fb8c00\";\nexport const orange700 = \"#f57c00\";\nexport const orange800 = \"#ef6c00\";\nexport const orange900 = \"#e65100\";\nexport const orangeAccent100 = \"#ffd180\";\nexport const orangeAccent200 = \"#ffab40\";\nexport const orangeAccent400 = \"#ff9100\";\nexport const orangeAccent700 = \"#ff6d00\";\n\nexport const deepOrange50 = \"#fbe9e7\";\nexport const deepOrange100 = \"#ffccbc\";\nexport const deepOrange200 = \"#ffab91\";\nexport const deepOrange300 = \"#ff8a65\";\nexport const deepOrange400 = \"#ff7043\";\nexport const deepOrange500 = \"#ff5722\";\nexport const deepOrange600 = \"#f4511e\";\nexport const deepOrange700 = \"#e64a19\";\nexport const deepOrange800 = \"#d84315\";\nexport const deepOrange900 = \"#bf360c\";\nexport const deepOrangeAccent100 = \"#ff9e80\";\nexport const deepOrangeAccent200 = \"#ff6e40\";\nexport const deepOrangeAccent400 = \"#ff3d00\";\nexport const deepOrangeAccent700 = \"#dd2c00\";\n\nexport const brown50 = \"#efebe9\";\nexport const brown100 = \"#d7ccc8\";\nexport const brown200 = \"#bcaaa4\";\nexport const brown300 = \"#a1887f\";\nexport const brown400 = \"#8d6e63\";\nexport const brown500 = \"#795548\";\nexport const brown600 = \"#6d4c41\";\nexport const brown700 = \"#5d4037\";\nexport const brown800 = \"#4e342e\";\nexport const brown900 = \"#3e2723\";\n\nexport const grey50 = \"#fafafa\";\nexport const grey100 = \"#f5f5f5\";\nexport const grey200 = \"#eee\";\nexport const grey300 = \"#e0e0e0\";\nexport const grey400 = \"#bdbdbd\";\nexport const grey500 = \"#9e9e9e\";\nexport const grey600 = \"#757575\";\nexport const grey700 = \"#616161\";\nexport const grey800 = \"#424242\";\nexport const grey900 = \"#212121\";\n\nexport const blueGrey50 = \"#eceff1\";\nexport const blueGrey100 = \"#cfd8dc\";\nexport const blueGrey200 = \"#b0bec5\";\nexport const blueGrey300 = \"#90a4ae\";\nexport const blueGrey400 = \"#78909c\";\nexport const blueGrey500 = \"#607d8b\";\nexport const blueGrey600 = \"#546e7a\";\nexport const blueGrey700 = \"#455a64\";\nexport const blueGrey800 = \"#37474f\";\nexport const blueGrey900 = \"#263238\";\n\nexport const white = \"#fff\";\nexport const black = \"#000\";\n"],"names":["red50","red100","red200","red300","red400","red500","red600","red700","red800","red900","redAccent100","redAccent200","redAccent400","redAccent700","pink50","pink100","pink200","pink300","pink400","pink500","pink600","pink700","pink800","pink900","pinkAccent100","pinkAccent200","pinkAccent400","pinkAccent700","purple50","purple100","purple200","purple300","purple400","purple500","purple600","purple700","purple800","purple900","purpleAccent100","purpleAccent200","purpleAccent400","purpleAccent700","deepPurple50","deepPurple100","deepPurple200","deepPurple300","deepPurple400","deepPurple500","deepPurple600","deepPurple700","deepPurple800","deepPurple900","deepPurpleAccent100","deepPurpleAccent200","deepPurpleAccent400","deepPurpleAccent700","indigo50","indigo100","indigo200","indigo300","indigo400","indigo500","indigo600","indigo700","indigo800","indigo900","indigoAccent100","indigoAccent200","indigoAccent400","indigoAccent700","blue50","blue100","blue200","blue300","blue400","blue500","blue600","blue700","blue800","blue900","blueAccent100","blueAccent200","blueAccent400","blueAccent700","lightBlue50","lightBlue100","lightBlue200","lightBlue300","lightBlue400","lightBlue500","lightBlue600","lightBlue700","lightBlue800","lightBlue900","lightBlueAccent100","lightBlueAccent200","lightBlueAccent400","lightBlueAccent700","cyan50","cyan100","cyan200","cyan300","cyan400","cyan500","cyan600","cyan700","cyan800","cyan900","cyanAccent100","cyanAccent200","cyanAccent400","cyanAccent700","teal50","teal100","teal200","teal300","teal400","teal500","teal600","teal700","teal800","teal900","tealAccent100","tealAccent200","tealAccent400","tealAccent700","green50","green100","green200","green300","green400","green500","green600","green700","green800","green900","greenAccent100","greenAccent200","greenAccent400","greenAccent700","lightGreen50","lightGreen100","lightGreen200","lightGreen300","lightGreen400","lightGreen500","lightGreen600","lightGreen700","lightGreen800","lightGreen900","lightGreenAccent100","lightGreenAccent200","lightGreenAccent400","lightGreenAccent700","lime50","lime100","lime200","lime300","lime400","lime500","lime600","lime700","lime800","lime900","limeAccent100","limeAccent200","limeAccent400","limeAccent700","yellow50","yellow100","yellow200","yellow300","yellow400","yellow500","yellow600","yellow700","yellow800","yellow900","yellowAccent100","yellowAccent200","yellowAccent400","yellowAccent700","amber50","amber100","amber200","amber300","amber400","amber500","amber600","amber700","amber800","amber900","amberAccent100","amberAccent200","amberAccent400","amberAccent700","orange50","orange100","orange200","orange300","orange400","orange500","orange600","orange700","orange800","orange900","orangeAccent100","orangeAccent200","orangeAccent400","orangeAccent700","deepOrange50","deepOrange100","deepOrange200","deepOrange300","deepOrange400","deepOrange500","deepOrange600","deepOrange700","deepOrange800","deepOrange900","deepOrangeAccent100","deepOrangeAccent200","deepOrangeAccent400","deepOrangeAccent700","brown50","brown100","brown200","brown300","brown400","brown500","brown600","brown700","brown800","brown900","grey50","grey100","grey200","grey300","grey400","grey500","grey600","grey700","grey800","grey900","blueGrey50","blueGrey100","blueGrey200","blueGrey300","blueGrey400","blueGrey500","blueGrey600","blueGrey700","blueGrey800","blueGrey900","white","black"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../src/theme/colors.ts"],"sourcesContent":["export const red50 = \"#ffebee\";\nexport const red100 = \"#ffcdd2\";\nexport const red200 = \"#ef9a9a\";\nexport const red300 = \"#e57373\";\nexport const red400 = \"#ef5350\";\nexport const red500 = \"#f44336\";\nexport const red600 = \"#e53935\";\nexport const red700 = \"#d32f2f\";\nexport const red800 = \"#c62828\";\nexport const red900 = \"#b71c1c\";\nexport const redAccent100 = \"#ff8a80\";\nexport const redAccent200 = \"#ff5252\";\nexport const redAccent400 = \"#ff1744\";\nexport const redAccent700 = \"#d50000\";\n\nexport const pink50 = \"#fce4ec\";\nexport const pink100 = \"#f8bbd0\";\nexport const pink200 = \"#f48fb1\";\nexport const pink300 = \"#f06292\";\nexport const pink400 = \"#ec407a\";\nexport const pink500 = \"#e91e63\";\nexport const pink600 = \"#d81b60\";\nexport const pink700 = \"#c2185b\";\nexport const pink800 = \"#ad1457\";\nexport const pink900 = \"#880e4f\";\nexport const pinkAccent100 = \"#ff80ab\";\nexport const pinkAccent200 = \"#ff4081\";\nexport const pinkAccent400 = \"#f50057\";\nexport const pinkAccent700 = \"#c51162\";\n\nexport const purple50 = \"#f3e5f5\";\nexport const purple100 = \"#e1bee7\";\nexport const purple200 = \"#ce93d8\";\nexport const purple300 = \"#ba68c8\";\nexport const purple400 = \"#ab47bc\";\nexport const purple500 = \"#9c27b0\";\nexport const purple600 = \"#8e24aa\";\nexport const purple700 = \"#7b1fa2\";\nexport const purple800 = \"#6a1b9a\";\nexport const purple900 = \"#4a148c\";\nexport const purpleAccent100 = \"#ea80fc\";\nexport const purpleAccent200 = \"#e040fb\";\nexport const purpleAccent400 = \"#d500f9\";\nexport const purpleAccent700 = \"#a0f\";\n\nexport const deepPurple50 = \"#ede7f6\";\nexport const deepPurple100 = \"#d1c4e9\";\nexport const deepPurple200 = \"#b39ddb\";\nexport const deepPurple300 = \"#9575cd\";\nexport const deepPurple400 = \"#7e57c2\";\nexport const deepPurple500 = \"#673ab7\";\nexport const deepPurple600 = \"#5e35b1\";\nexport const deepPurple700 = \"#512da8\";\nexport const deepPurple800 = \"#4527a0\";\nexport const deepPurple900 = \"#311b92\";\nexport const deepPurpleAccent100 = \"#b388ff\";\nexport const deepPurpleAccent200 = \"#7c4dff\";\nexport const deepPurpleAccent400 = \"#651fff\";\nexport const deepPurpleAccent700 = \"#6200ea\";\n\nexport const indigo50 = \"#e8eaf6\";\nexport const indigo100 = \"#c5cae9\";\nexport const indigo200 = \"#9fa8da\";\nexport const indigo300 = \"#7986cb\";\nexport const indigo400 = \"#5c6bc0\";\nexport const indigo500 = \"#3f51b5\";\nexport const indigo600 = \"#3949ab\";\nexport const indigo700 = \"#303f9f\";\nexport const indigo800 = \"#283593\";\nexport const indigo900 = \"#1a237e\";\nexport const indigoAccent100 = \"#8c9eff\";\nexport const indigoAccent200 = \"#536dfe\";\nexport const indigoAccent400 = \"#3d5afe\";\nexport const indigoAccent700 = \"#304ffe\";\n\nexport const blue50 = \"#e3f2fd\";\nexport const blue100 = \"#bbdefb\";\nexport const blue200 = \"#90caf9\";\nexport const blue300 = \"#64b5f6\";\nexport const blue400 = \"#42a5f5\";\nexport const blue500 = \"#2196f3\";\nexport const blue600 = \"#1e88e5\";\nexport const blue700 = \"#1976d2\";\nexport const blue800 = \"#1565c0\";\nexport const blue900 = \"#0d47a1\";\nexport const blueAccent100 = \"#82b1ff\";\nexport const blueAccent200 = \"#448aff\";\nexport const blueAccent400 = \"#2979ff\";\nexport const blueAccent700 = \"#2962ff\";\n\nexport const lightBlue50 = \"#e1f5fe\";\nexport const lightBlue100 = \"#b3e5fc\";\nexport const lightBlue200 = \"#81d4fa\";\nexport const lightBlue300 = \"#4fc3f7\";\nexport const lightBlue400 = \"#29b6f6\";\nexport const lightBlue500 = \"#03a9f4\";\nexport const lightBlue600 = \"#039be5\";\nexport const lightBlue700 = \"#0288d1\";\nexport const lightBlue800 = \"#0277bd\";\nexport const lightBlue900 = \"#01579b\";\nexport const lightBlueAccent100 = \"#80d8ff\";\nexport const lightBlueAccent200 = \"#40c4ff\";\nexport const lightBlueAccent400 = \"#00b0ff\";\nexport const lightBlueAccent700 = \"#0091ea\";\n\nexport const cyan50 = \"#e0f7fa\";\nexport const cyan100 = \"#b2ebf2\";\nexport const cyan200 = \"#80deea\";\nexport const cyan300 = \"#4dd0e1\";\nexport const cyan400 = \"#26c6da\";\nexport const cyan500 = \"#00bcd4\";\nexport const cyan600 = \"#00acc1\";\nexport const cyan700 = \"#0097a7\";\nexport const cyan800 = \"#00838f\";\nexport const cyan900 = \"#006064\";\nexport const cyanAccent100 = \"#84ffff\";\nexport const cyanAccent200 = \"#18ffff\";\nexport const cyanAccent400 = \"#00e5ff\";\nexport const cyanAccent700 = \"#00b8d4\";\n\nexport const teal50 = \"#e0f2f1\";\nexport const teal100 = \"#b2dfdb\";\nexport const teal200 = \"#80cbc4\";\nexport const teal300 = \"#4db6ac\";\nexport const teal400 = \"#26a69a\";\nexport const teal500 = \"#009688\";\nexport const teal600 = \"#00897b\";\nexport const teal700 = \"#00796b\";\nexport const teal800 = \"#00695c\";\nexport const teal900 = \"#004d40\";\nexport const tealAccent100 = \"#a7ffeb\";\nexport const tealAccent200 = \"#64ffda\";\nexport const tealAccent400 = \"#1de9b6\";\nexport const tealAccent700 = \"#00bfa5\";\n\nexport const green50 = \"#e8f5e9\";\nexport const green100 = \"#c8e6c9\";\nexport const green200 = \"#a5d6a7\";\nexport const green300 = \"#81c784\";\nexport const green400 = \"#66bb6a\";\nexport const green500 = \"#4caf50\";\nexport const green600 = \"#43a047\";\nexport const green700 = \"#388e3c\";\nexport const green800 = \"#2e7d32\";\nexport const green900 = \"#1b5e20\";\nexport const greenAccent100 = \"#b9f6ca\";\nexport const greenAccent200 = \"#69f0ae\";\nexport const greenAccent400 = \"#00e676\";\nexport const greenAccent700 = \"#00c853\";\n\nexport const lightGreen50 = \"#f1f8e9\";\nexport const lightGreen100 = \"#dcedc8\";\nexport const lightGreen200 = \"#c5e1a5\";\nexport const lightGreen300 = \"#aed581\";\nexport const lightGreen400 = \"#9ccc65\";\nexport const lightGreen500 = \"#8bc34a\";\nexport const lightGreen600 = \"#7cb342\";\nexport const lightGreen700 = \"#689f38\";\nexport const lightGreen800 = \"#558b2f\";\nexport const lightGreen900 = \"#33691e\";\nexport const lightGreenAccent100 = \"#ccff90\";\nexport const lightGreenAccent200 = \"#b2ff59\";\nexport const lightGreenAccent400 = \"#76ff03\";\nexport const lightGreenAccent700 = \"#64dd17\";\n\nexport const lime50 = \"#f9fbe7\";\nexport const lime100 = \"#f0f4c3\";\nexport const lime200 = \"#e6ee9c\";\nexport const lime300 = \"#dce775\";\nexport const lime400 = \"#d4e157\";\nexport const lime500 = \"#cddc39\";\nexport const lime600 = \"#c0ca33\";\nexport const lime700 = \"#afb42b\";\nexport const lime800 = \"#9e9d24\";\nexport const lime900 = \"#827717\";\nexport const limeAccent100 = \"#f4ff81\";\nexport const limeAccent200 = \"#eeff41\";\nexport const limeAccent400 = \"#c6ff00\";\nexport const limeAccent700 = \"#aeea00\";\n\nexport const yellow50 = \"#fffde7\";\nexport const yellow100 = \"#fff9c4\";\nexport const yellow200 = \"#fff59d\";\nexport const yellow300 = \"#fff176\";\nexport const yellow400 = \"#ffee58\";\nexport const yellow500 = \"#ffeb3b\";\nexport const yellow600 = \"#fdd835\";\nexport const yellow700 = \"#fbc02d\";\nexport const yellow800 = \"#f9a825\";\nexport const yellow900 = \"#f57f17\";\nexport const yellowAccent100 = \"#ffff8d\";\nexport const yellowAccent200 = \"#ff0\";\nexport const yellowAccent400 = \"#ffea00\";\nexport const yellowAccent700 = \"#ffd600\";\n\nexport const amber50 = \"#fff8e1\";\nexport const amber100 = \"#ffecb3\";\nexport const amber200 = \"#ffe082\";\nexport const amber300 = \"#ffd54f\";\nexport const amber400 = \"#ffca28\";\nexport const amber500 = \"#ffc107\";\nexport const amber600 = \"#ffb300\";\nexport const amber700 = \"#ffa000\";\nexport const amber800 = \"#ff8f00\";\nexport const amber900 = \"#ff6f00\";\nexport const amberAccent100 = \"#ffe57f\";\nexport const amberAccent200 = \"#ffd740\";\nexport const amberAccent400 = \"#ffc400\";\nexport const amberAccent700 = \"#ffab00\";\n\nexport const orange50 = \"#fff3e0\";\nexport const orange100 = \"#fff0b2\";\nexport const orange200 = \"#ffcc80\";\nexport const orange300 = \"#ffb74d\";\nexport const orange400 = \"#ffa726\";\nexport const orange500 = \"#ff9800\";\nexport const orange600 = \"#fb8c00\";\nexport const orange700 = \"#f57c00\";\nexport const orange800 = \"#ef6c00\";\nexport const orange900 = \"#e65100\";\nexport const orangeAccent100 = \"#ffd180\";\nexport const orangeAccent200 = \"#ffab40\";\nexport const orangeAccent400 = \"#ff9100\";\nexport const orangeAccent700 = \"#ff6d00\";\n\nexport const deepOrange50 = \"#fbe9e7\";\nexport const deepOrange100 = \"#ffccbc\";\nexport const deepOrange200 = \"#ffab91\";\nexport const deepOrange300 = \"#ff8a65\";\nexport const deepOrange400 = \"#ff7043\";\nexport const deepOrange500 = \"#ff5722\";\nexport const deepOrange600 = \"#f4511e\";\nexport const deepOrange700 = \"#e64a19\";\nexport const deepOrange800 = \"#d84315\";\nexport const deepOrange900 = \"#bf360c\";\nexport const deepOrangeAccent100 = \"#ff9e80\";\nexport const deepOrangeAccent200 = \"#ff6e40\";\nexport const deepOrangeAccent400 = \"#ff3d00\";\nexport const deepOrangeAccent700 = \"#dd2c00\";\n\nexport const brown50 = \"#efebe9\";\nexport const brown100 = \"#d7ccc8\";\nexport const brown200 = \"#bcaaa4\";\nexport const brown300 = \"#a1887f\";\nexport const brown400 = \"#8d6e63\";\nexport const brown500 = \"#795548\";\nexport const brown600 = \"#6d4c41\";\nexport const brown700 = \"#5d4037\";\nexport const brown800 = \"#4e342e\";\nexport const brown900 = \"#3e2723\";\n\nexport const grey50 = \"#fafafa\";\nexport const grey100 = \"#f5f5f5\";\nexport const grey200 = \"#eee\";\nexport const grey300 = \"#e0e0e0\";\nexport const grey400 = \"#bdbdbd\";\nexport const grey500 = \"#9e9e9e\";\nexport const grey600 = \"#757575\";\nexport const grey700 = \"#616161\";\nexport const grey800 = \"#424242\";\nexport const grey900 = \"#212121\";\n\nexport const blueGrey50 = \"#eceff1\";\nexport const blueGrey100 = \"#cfd8dc\";\nexport const blueGrey200 = \"#b0bec5\";\nexport const blueGrey300 = \"#90a4ae\";\nexport const blueGrey400 = \"#78909c\";\nexport const blueGrey500 = \"#607d8b\";\nexport const blueGrey600 = \"#546e7a\";\nexport const blueGrey700 = \"#455a64\";\nexport const blueGrey800 = \"#37474f\";\nexport const blueGrey900 = \"#263238\";\n\nexport const white = \"#ffffff\";\nexport const black = \"#000000\";\n"],"names":["red50","red100","red200","red300","red400","red500","red600","red700","red800","red900","redAccent100","redAccent200","redAccent400","redAccent700","pink50","pink100","pink200","pink300","pink400","pink500","pink600","pink700","pink800","pink900","pinkAccent100","pinkAccent200","pinkAccent400","pinkAccent700","purple50","purple100","purple200","purple300","purple400","purple500","purple600","purple700","purple800","purple900","purpleAccent100","purpleAccent200","purpleAccent400","purpleAccent700","deepPurple50","deepPurple100","deepPurple200","deepPurple300","deepPurple400","deepPurple500","deepPurple600","deepPurple700","deepPurple800","deepPurple900","deepPurpleAccent100","deepPurpleAccent200","deepPurpleAccent400","deepPurpleAccent700","indigo50","indigo100","indigo200","indigo300","indigo400","indigo500","indigo600","indigo700","indigo800","indigo900","indigoAccent100","indigoAccent200","indigoAccent400","indigoAccent700","blue50","blue100","blue200","blue300","blue400","blue500","blue600","blue700","blue800","blue900","blueAccent100","blueAccent200","blueAccent400","blueAccent700","lightBlue50","lightBlue100","lightBlue200","lightBlue300","lightBlue400","lightBlue500","lightBlue600","lightBlue700","lightBlue800","lightBlue900","lightBlueAccent100","lightBlueAccent200","lightBlueAccent400","lightBlueAccent700","cyan50","cyan100","cyan200","cyan300","cyan400","cyan500","cyan600","cyan700","cyan800","cyan900","cyanAccent100","cyanAccent200","cyanAccent400","cyanAccent700","teal50","teal100","teal200","teal300","teal400","teal500","teal600","teal700","teal800","teal900","tealAccent100","tealAccent200","tealAccent400","tealAccent700","green50","green100","green200","green300","green400","green500","green600","green700","green800","green900","greenAccent100","greenAccent200","greenAccent400","greenAccent700","lightGreen50","lightGreen100","lightGreen200","lightGreen300","lightGreen400","lightGreen500","lightGreen600","lightGreen700","lightGreen800","lightGreen900","lightGreenAccent100","lightGreenAccent200","lightGreenAccent400","lightGreenAccent700","lime50","lime100","lime200","lime300","lime400","lime500","lime600","lime700","lime800","lime900","limeAccent100","limeAccent200","limeAccent400","limeAccent700","yellow50","yellow100","yellow200","yellow300","yellow400","yellow500","yellow600","yellow700","yellow800","yellow900","yellowAccent100","yellowAccent200","yellowAccent400","yellowAccent700","amber50","amber100","amber200","amber300","amber400","amber500","amber600","amber700","amber800","amber900","amberAccent100","amberAccent200","amberAccent400","amberAccent700","orange50","orange100","orange200","orange300","orange400","orange500","orange600","orange700","orange800","orange900","orangeAccent100","orangeAccent200","orangeAccent400","orangeAccent700","deepOrange50","deepOrange100","deepOrange200","deepOrange300","deepOrange400","deepOrange500","deepOrange600","deepOrange700","deepOrange800","deepOrange900","deepOrangeAccent100","deepOrangeAccent200","deepOrangeAccent400","deepOrangeAccent700","brown50","brown100","brown200","brown300","brown400","brown500","brown600","brown700","brown800","brown900","grey50","grey100","grey200","grey300","grey400","grey500","grey600","grey700","grey800","grey900","blueGrey50","blueGrey100","blueGrey200","blueGrey300","blueGrey400","blueGrey500","blueGrey600","blueGrey700","blueGrey800","blueGrey900","white","black"],"mappings":"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"}
|
|
@@ -59,7 +59,7 @@ export declare const ColorSchemeProvider: import("react").Provider<ColorSchemeCo
|
|
|
59
59
|
* );
|
|
60
60
|
*
|
|
61
61
|
* // DarkTheme.tsx
|
|
62
|
-
* import { useHtmlClassName } from "@react-md/core";
|
|
62
|
+
* import { useHtmlClassName } from "@react-md/core/useHtmlClassName";
|
|
63
63
|
*
|
|
64
64
|
* import styles from "./DarkTheme.module.scss";
|
|
65
65
|
*
|
|
@@ -70,7 +70,7 @@ export const { Provider: ColorSchemeProvider } = context;
|
|
|
70
70
|
* );
|
|
71
71
|
*
|
|
72
72
|
* // DarkTheme.tsx
|
|
73
|
-
* import { useHtmlClassName } from "@react-md/core";
|
|
73
|
+
* import { useHtmlClassName } from "@react-md/core/useHtmlClassName";
|
|
74
74
|
*
|
|
75
75
|
* import styles from "./DarkTheme.module.scss";
|
|
76
76
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/theme/useColorScheme.ts"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nimport { type ColorSchemeContext } from \"./types.js\";\n\nconst context = createContext<ColorSchemeContext>({\n currentColor: \"light\",\n colorScheme: \"light\",\n setColorScheme() {\n if (process.env.NODE_ENV !== \"production\") {\n throw new Error(\"The `ColorSchemeProvider` has not been initialized.\");\n }\n },\n});\ncontext.displayName = \"ColorScheme\";\nexport const { Provider: ColorSchemeProvider } = context;\n\n/**\n * @example Lazy Load Configurable Themes\n * ```tsx\n * import { Checkbox } from \"@react-md/core/form/Checkbox\";\n * import { ColorSchemeProvider, useColorScheme } from \"@react-md/core/theme/useColorScheme\";\n * import { type ChangeEvent, lazy, type ReactElement } from \"react\";\n * import { createRoot } from \"react-dom/client\";\n *\n * const DarkTheme = lazy(() => import(\"./DarkTheme.jsx\"));\n * const SystemTheme = lazy(() => import(\"./SystemTheme.jsx\"));\n *\n * function App(): ReactElement {\n * const { currentColor, colorScheme, setColorScheme } =\n * useColorScheme();\n *\n * const onChange = (event: ChangeEvent<HTMLInputElement>): void => {\n * const { value } = event.currentTarget;\n * if (value === \"light\" || value === \"dark\" || value === \"system\") {\n * setColorScheme(value);\n * }\n * };\n *\n * return (\n * <>\n * <NullSuspense>\n * {colorScheme === \"dark\" && <DarkTheme />}\n * {colorScheme === \"system\" && <SystemTheme />}\n * </NullSuspense>\n * <Checkbox\n * label=\"Light\"\n * value=\"light\"\n * checked={colorScheme === \"light\"}\n * onChange={onChange}\n * />\n * <Checkbox\n * label=\"Dark\"\n * value=\"dark\"\n * checked={colorScheme === \"dark\"}\n * onChange={onChange}\n * />\n * <Checkbox\n * label=\"System\"\n * value=\"system\"\n * checked={colorScheme === \"system\"}\n * onChange={onChange}\n * />\n * </>\n * );\n * }\n *\n *\n * const root = createRoot(document.getElementById(\"root\"));\n * root.render(\n * <ColorSchemeProvider>\n * <App />\n * </ColorSchemeProvider>\n * );\n *\n * // DarkTheme.tsx\n * import { useHtmlClassName } from \"@react-md/core\";\n *\n * import styles from \"./DarkTheme.module.scss\";\n *\n * export default function DarkTheme(): null {\n * useHtmlClassName(styles.theme);\n * return null\n * }\n *\n * // DarkTheme.module.scss\n * @use \"@react-md/core\";\n *\n * .theme {\n * @include core.use-dark-theme;\n * }\n * ```\n *\n * @since 6.0.0\n */\nexport function useColorScheme(): Readonly<ColorSchemeContext> {\n return useContext(context);\n}\n"],"names":["createContext","useContext","context","currentColor","colorScheme","setColorScheme","process","env","NODE_ENV","Error","displayName","Provider","ColorSchemeProvider","useColorScheme"],"mappings":"AAAA;AAEA,SAASA,aAAa,EAAEC,UAAU,QAAQ,QAAQ;AAIlD,MAAMC,UAAUF,cAAkC;IAChDG,cAAc;IACdC,aAAa;IACbC;QACE,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;YACzC,MAAM,IAAIC,MAAM;QAClB;IACF;AACF;AACAP,QAAQQ,WAAW,GAAG;AACtB,OAAO,MAAM,EAAEC,UAAUC,mBAAmB,EAAE,GAAGV,QAAQ;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6EC,GACD,OAAO,SAASW;IACd,OAAOZ,WAAWC;AACpB"}
|
|
1
|
+
{"version":3,"sources":["../../src/theme/useColorScheme.ts"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nimport { type ColorSchemeContext } from \"./types.js\";\n\nconst context = createContext<ColorSchemeContext>({\n currentColor: \"light\",\n colorScheme: \"light\",\n setColorScheme() {\n if (process.env.NODE_ENV !== \"production\") {\n throw new Error(\"The `ColorSchemeProvider` has not been initialized.\");\n }\n },\n});\ncontext.displayName = \"ColorScheme\";\nexport const { Provider: ColorSchemeProvider } = context;\n\n/**\n * @example Lazy Load Configurable Themes\n * ```tsx\n * import { Checkbox } from \"@react-md/core/form/Checkbox\";\n * import { ColorSchemeProvider, useColorScheme } from \"@react-md/core/theme/useColorScheme\";\n * import { type ChangeEvent, lazy, type ReactElement } from \"react\";\n * import { createRoot } from \"react-dom/client\";\n *\n * const DarkTheme = lazy(() => import(\"./DarkTheme.jsx\"));\n * const SystemTheme = lazy(() => import(\"./SystemTheme.jsx\"));\n *\n * function App(): ReactElement {\n * const { currentColor, colorScheme, setColorScheme } =\n * useColorScheme();\n *\n * const onChange = (event: ChangeEvent<HTMLInputElement>): void => {\n * const { value } = event.currentTarget;\n * if (value === \"light\" || value === \"dark\" || value === \"system\") {\n * setColorScheme(value);\n * }\n * };\n *\n * return (\n * <>\n * <NullSuspense>\n * {colorScheme === \"dark\" && <DarkTheme />}\n * {colorScheme === \"system\" && <SystemTheme />}\n * </NullSuspense>\n * <Checkbox\n * label=\"Light\"\n * value=\"light\"\n * checked={colorScheme === \"light\"}\n * onChange={onChange}\n * />\n * <Checkbox\n * label=\"Dark\"\n * value=\"dark\"\n * checked={colorScheme === \"dark\"}\n * onChange={onChange}\n * />\n * <Checkbox\n * label=\"System\"\n * value=\"system\"\n * checked={colorScheme === \"system\"}\n * onChange={onChange}\n * />\n * </>\n * );\n * }\n *\n *\n * const root = createRoot(document.getElementById(\"root\"));\n * root.render(\n * <ColorSchemeProvider>\n * <App />\n * </ColorSchemeProvider>\n * );\n *\n * // DarkTheme.tsx\n * import { useHtmlClassName } from \"@react-md/core/useHtmlClassName\";\n *\n * import styles from \"./DarkTheme.module.scss\";\n *\n * export default function DarkTheme(): null {\n * useHtmlClassName(styles.theme);\n * return null\n * }\n *\n * // DarkTheme.module.scss\n * @use \"@react-md/core\";\n *\n * .theme {\n * @include core.use-dark-theme;\n * }\n * ```\n *\n * @since 6.0.0\n */\nexport function useColorScheme(): Readonly<ColorSchemeContext> {\n return useContext(context);\n}\n"],"names":["createContext","useContext","context","currentColor","colorScheme","setColorScheme","process","env","NODE_ENV","Error","displayName","Provider","ColorSchemeProvider","useColorScheme"],"mappings":"AAAA;AAEA,SAASA,aAAa,EAAEC,UAAU,QAAQ,QAAQ;AAIlD,MAAMC,UAAUF,cAAkC;IAChDG,cAAc;IACdC,aAAa;IACbC;QACE,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;YACzC,MAAM,IAAIC,MAAM;QAClB;IACF;AACF;AACAP,QAAQQ,WAAW,GAAG;AACtB,OAAO,MAAM,EAAEC,UAAUC,mBAAmB,EAAE,GAAGV,QAAQ;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6EC,GACD,OAAO,SAASW;IACd,OAAOZ,WAAWC;AACpB"}
|
|
@@ -2,6 +2,13 @@ import { type HTMLAttributes } from "react";
|
|
|
2
2
|
import { type TextOverflow } from "../cssUtils.js";
|
|
3
3
|
import { type SimplePosition } from "../positioning/types.js";
|
|
4
4
|
import { type CSSTransitionClassNames, type CSSTransitionComponentProps, type SSRTransitionOptions, type TransitionActions, type TransitionTimeout } from "../transition/types.js";
|
|
5
|
+
declare module "react" {
|
|
6
|
+
interface CSSProperties {
|
|
7
|
+
"--rmd-tooltip-background-color"?: string;
|
|
8
|
+
"--rmd-tooltip-color"?: string;
|
|
9
|
+
"--rmd-tooltip-spacing"?: string | number;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
5
12
|
/**
|
|
6
13
|
* The base props for the `Tooltip` component. This can be extended when
|
|
7
14
|
* creating custom tooltip implementations.
|
|
@@ -62,7 +69,9 @@ export interface TooltipProps extends HTMLAttributes<HTMLSpanElement>, CSSTransi
|
|
|
62
69
|
*
|
|
63
70
|
* @example Simple Usage
|
|
64
71
|
* ```tsx
|
|
65
|
-
* import { Button
|
|
72
|
+
* import { Button } from "@react-md/core/button/Button";
|
|
73
|
+
* import { Tooltip } from "@react-md/core/tooltip/Tooltip";
|
|
74
|
+
* import { useTooltip } from "@react-md/core/tooltip/useTooltip";
|
|
66
75
|
*
|
|
67
76
|
* function Example() {
|
|
68
77
|
* const { elementProps, tooltipProps } = useTooltip();
|
|
@@ -77,5 +86,7 @@ export interface TooltipProps extends HTMLAttributes<HTMLSpanElement>, CSSTransi
|
|
|
77
86
|
* );
|
|
78
87
|
* }
|
|
79
88
|
* ```
|
|
89
|
+
*
|
|
90
|
+
* @see {@link https://next.react-md.dev/components/tooltip | Tooltip Demos}
|
|
80
91
|
*/
|
|
81
92
|
export declare const Tooltip: import("react").ForwardRefExoticComponent<TooltipProps & import("react").RefAttributes<HTMLSpanElement>>;
|
package/dist/tooltip/Tooltip.js
CHANGED
|
@@ -5,7 +5,7 @@ import { Portal } from "../portal/Portal.js";
|
|
|
5
5
|
import { useCSSTransition } from "../transition/useCSSTransition.js";
|
|
6
6
|
import { useEnsuredId } from "../useEnsuredId.js";
|
|
7
7
|
import { DEFAULT_TOOLTIP_CLASSNAMES, DEFAULT_TOOLTIP_POSITION, DEFAULT_TOOLTIP_TIMEOUT } from "./constants.js";
|
|
8
|
-
import { tooltip } from "./
|
|
8
|
+
import { tooltip } from "./styles.js";
|
|
9
9
|
/**
|
|
10
10
|
* **Client Component**
|
|
11
11
|
*
|
|
@@ -16,7 +16,9 @@ import { tooltip } from "./tooltipStyles.js";
|
|
|
16
16
|
*
|
|
17
17
|
* @example Simple Usage
|
|
18
18
|
* ```tsx
|
|
19
|
-
* import { Button
|
|
19
|
+
* import { Button } from "@react-md/core/button/Button";
|
|
20
|
+
* import { Tooltip } from "@react-md/core/tooltip/Tooltip";
|
|
21
|
+
* import { useTooltip } from "@react-md/core/tooltip/useTooltip";
|
|
20
22
|
*
|
|
21
23
|
* function Example() {
|
|
22
24
|
* const { elementProps, tooltipProps } = useTooltip();
|
|
@@ -31,6 +33,8 @@ import { tooltip } from "./tooltipStyles.js";
|
|
|
31
33
|
* );
|
|
32
34
|
* }
|
|
33
35
|
* ```
|
|
36
|
+
*
|
|
37
|
+
* @see {@link https://next.react-md.dev/components/tooltip | Tooltip Demos}
|
|
34
38
|
*/ export const Tooltip = /*#__PURE__*/ forwardRef(function Tooltip(props, nodeRef) {
|
|
35
39
|
const { id: propId, dense, visible, children, appear, enter, exit, onEnter, onEntering, onEntered, onExit, onExiting, onExited, timeout = DEFAULT_TOOLTIP_TIMEOUT, classNames = DEFAULT_TOOLTIP_CLASSNAMES, className, position = DEFAULT_TOOLTIP_POSITION, temporary = true, exitedHidden = !temporary, textOverflow, disablePortal: propDisablePortal, ...remaining } = props;
|
|
36
40
|
const id = useEnsuredId(propId, "tooltip");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/tooltip/Tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport { type HTMLAttributes, forwardRef } from \"react\";\n\nimport { type TextOverflow } from \"../cssUtils.js\";\nimport { Portal } from \"../portal/Portal.js\";\nimport { type SimplePosition } from \"../positioning/types.js\";\nimport {\n type CSSTransitionClassNames,\n type CSSTransitionComponentProps,\n type SSRTransitionOptions,\n type TransitionActions,\n type TransitionTimeout,\n} from \"../transition/types.js\";\nimport { useCSSTransition } from \"../transition/useCSSTransition.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport {\n DEFAULT_TOOLTIP_CLASSNAMES,\n DEFAULT_TOOLTIP_POSITION,\n DEFAULT_TOOLTIP_TIMEOUT,\n} from \"./constants.js\";\nimport { tooltip } from \"./
|
|
1
|
+
{"version":3,"sources":["../../src/tooltip/Tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport { type HTMLAttributes, forwardRef } from \"react\";\n\nimport { type TextOverflow } from \"../cssUtils.js\";\nimport { Portal } from \"../portal/Portal.js\";\nimport { type SimplePosition } from \"../positioning/types.js\";\nimport {\n type CSSTransitionClassNames,\n type CSSTransitionComponentProps,\n type SSRTransitionOptions,\n type TransitionActions,\n type TransitionTimeout,\n} from \"../transition/types.js\";\nimport { useCSSTransition } from \"../transition/useCSSTransition.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport {\n DEFAULT_TOOLTIP_CLASSNAMES,\n DEFAULT_TOOLTIP_POSITION,\n DEFAULT_TOOLTIP_TIMEOUT,\n} from \"./constants.js\";\nimport { tooltip } from \"./styles.js\";\n\ndeclare module \"react\" {\n interface CSSProperties {\n \"--rmd-tooltip-background-color\"?: string;\n \"--rmd-tooltip-color\"?: string;\n \"--rmd-tooltip-spacing\"?: string | number;\n }\n}\n\n/**\n * The base props for the `Tooltip` component. This can be extended when\n * creating custom tooltip implementations.\n *\n * @since 2.8.0 Supports the `RenderConditionalPortalProps`\n * @since 6.0.0 The `id` prop is optional.\n * @since 6.0.0 Removed `lineWrap` for `textOverflow`\n * @since 6.0.0 No longer supports the `RenderConditionalPortalProps` other than\n * `portal` with the `disablePortal` prop.\n */\nexport interface TooltipProps\n extends HTMLAttributes<HTMLSpanElement>,\n CSSTransitionComponentProps,\n SSRTransitionOptions,\n TransitionActions {\n visible: boolean;\n\n /**\n * Set this to `true` to use a smaller font size and padding on the tooltip\n * and a smaller gap between the tooltip and tooltipped element.\n *\n * @defaultValue `false`\n */\n dense?: boolean;\n\n /**\n * @defaultValue `\"below\"`\n */\n position?: SimplePosition;\n\n /**\n * @see {@link CSSTransitionComponentProps.temporary}\n * @defaultValue `true`\n */\n temporary?: boolean;\n\n /**\n * Set this to `\"nowrap\"` for tooltips that are positioned near the edge of\n * the viewport that have a position of `\"above\"` or `\"below\"` so that the\n * tooltip no longer aligns to the center of the tooltipped element.\n *\n * Set this to `\"ellipsis\"` if the tooltip should only show a single line of\n * text and ellipsis once it has reached the max tooltip width.\n *\n * @defaultValue `\"allow\"`\n */\n textOverflow?: TextOverflow;\n\n /**\n * @see {@link CSSTransitionComponentProps.timeout}\n * @defaultValue `DEFAULT_TOOLTIP_TIMEOUT`\n */\n timeout?: TransitionTimeout;\n\n /**\n * @see {@link CSSTransitionComponentProps.classNames}\n * @defaultValue `DEFAULT_TOOLTIP_CLASSNAMES`\n */\n classNames?: CSSTransitionClassNames;\n}\n\n/**\n * **Client Component**\n *\n * This is the base tooltip component that can only be used to render a tooltip\n * with an animation when the visibility changes. If this component is used, you\n * will need to manually add all the event listeners and triggers to change the\n * `visible` prop.\n *\n * @example Simple Usage\n * ```tsx\n * import { Button } from \"@react-md/core/button/Button\";\n * import { Tooltip } from \"@react-md/core/tooltip/Tooltip\";\n * import { useTooltip } from \"@react-md/core/tooltip/useTooltip\";\n *\n * function Example() {\n * const { elementProps, tooltipProps } = useTooltip();\n *\n * return (\n * <>\n * <Button {...elementProps}>Button</Button>\n * <Tooltip {...tooltipProps}>\n * Tooltip Content\n * </Tooltip>\n * </>\n * );\n * }\n * ```\n *\n * @see {@link https://next.react-md.dev/components/tooltip | Tooltip Demos}\n */\nexport const Tooltip = forwardRef<HTMLSpanElement, TooltipProps>(\n function Tooltip(props, nodeRef) {\n const {\n id: propId,\n dense,\n visible,\n children,\n appear,\n enter,\n exit,\n onEnter,\n onEntering,\n onEntered,\n onExit,\n onExiting,\n onExited,\n timeout = DEFAULT_TOOLTIP_TIMEOUT,\n classNames = DEFAULT_TOOLTIP_CLASSNAMES,\n className,\n position = DEFAULT_TOOLTIP_POSITION,\n temporary = true,\n exitedHidden = !temporary,\n textOverflow,\n disablePortal: propDisablePortal,\n ...remaining\n } = props;\n const id = useEnsuredId(propId, \"tooltip\");\n\n const { rendered, elementProps, disablePortal } = useCSSTransition({\n nodeRef,\n appear,\n enter,\n exit,\n transitionIn: visible,\n timeout,\n classNames,\n className: tooltip({\n dense,\n position,\n className,\n textOverflow,\n }),\n onEnter,\n onEntering,\n onEntered,\n onExit,\n onExiting,\n onExited,\n temporary,\n exitedHidden,\n disablePortal: propDisablePortal,\n });\n\n return (\n <Portal disabled={disablePortal}>\n {rendered && (\n <span {...remaining} {...elementProps} id={id} role=\"tooltip\">\n {children}\n </span>\n )}\n </Portal>\n );\n }\n);\n"],"names":["forwardRef","Portal","useCSSTransition","useEnsuredId","DEFAULT_TOOLTIP_CLASSNAMES","DEFAULT_TOOLTIP_POSITION","DEFAULT_TOOLTIP_TIMEOUT","tooltip","Tooltip","props","nodeRef","id","propId","dense","visible","children","appear","enter","exit","onEnter","onEntering","onEntered","onExit","onExiting","onExited","timeout","classNames","className","position","temporary","exitedHidden","textOverflow","disablePortal","propDisablePortal","remaining","rendered","elementProps","transitionIn","disabled","span","role"],"mappings":"AAAA;;AAEA,SAA8BA,UAAU,QAAQ,QAAQ;AAGxD,SAASC,MAAM,QAAQ,sBAAsB;AAS7C,SAASC,gBAAgB,QAAQ,oCAAoC;AACrE,SAASC,YAAY,QAAQ,qBAAqB;AAClD,SACEC,0BAA0B,EAC1BC,wBAAwB,EACxBC,uBAAuB,QAClB,iBAAiB;AACxB,SAASC,OAAO,QAAQ,cAAc;AAuEtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BC,GACD,OAAO,MAAMC,wBAAUR,WACrB,SAASQ,QAAQC,KAAK,EAAEC,OAAO;IAC7B,MAAM,EACJC,IAAIC,MAAM,EACVC,KAAK,EACLC,OAAO,EACPC,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,IAAI,EACJC,OAAO,EACPC,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,SAAS,EACTC,QAAQ,EACRC,UAAUnB,uBAAuB,EACjCoB,aAAatB,0BAA0B,EACvCuB,SAAS,EACTC,WAAWvB,wBAAwB,EACnCwB,YAAY,IAAI,EAChBC,eAAe,CAACD,SAAS,EACzBE,YAAY,EACZC,eAAeC,iBAAiB,EAChC,GAAGC,WACJ,GAAGzB;IACJ,MAAME,KAAKR,aAAaS,QAAQ;IAEhC,MAAM,EAAEuB,QAAQ,EAAEC,YAAY,EAAEJ,aAAa,EAAE,GAAG9B,iBAAiB;QACjEQ;QACAM;QACAC;QACAC;QACAmB,cAAcvB;QACdW;QACAC;QACAC,WAAWpB,QAAQ;YACjBM;YACAe;YACAD;YACAI;QACF;QACAZ;QACAC;QACAC;QACAC;QACAC;QACAC;QACAK;QACAC;QACAE,eAAeC;IACjB;IAEA,qBACE,KAAChC;QAAOqC,UAAUN;kBACfG,0BACC,KAACI;YAAM,GAAGL,SAAS;YAAG,GAAGE,YAAY;YAAEzB,IAAIA;YAAI6B,MAAK;sBACjDzB;;;AAKX,GACA"}
|
|
@@ -53,6 +53,7 @@ export interface TooltipHoverModeProviderProps extends Partial<HoverModeConfigur
|
|
|
53
53
|
* </TooltipHoverModeProvider>
|
|
54
54
|
* ```
|
|
55
55
|
*
|
|
56
|
+
* @see {@link https://next.react-md.dev/components/tooltip | Tooltip Demos}
|
|
56
57
|
* @since 6.0.0
|
|
57
58
|
*/
|
|
58
59
|
export declare function TooltipHoverModeProvider(props: TooltipHoverModeProviderProps): ReactElement;
|
|
@@ -40,6 +40,7 @@ const { Provider } = context;
|
|
|
40
40
|
* </TooltipHoverModeProvider>
|
|
41
41
|
* ```
|
|
42
42
|
*
|
|
43
|
+
* @see {@link https://next.react-md.dev/components/tooltip | Tooltip Demos}
|
|
43
44
|
* @since 6.0.0
|
|
44
45
|
*/ export function TooltipHoverModeProvider(props) {
|
|
45
46
|
const { hoverTimeout = DEFAULT_TOOLTIP_DELAY, leaveTimeout = 0, disableTimeout = DEFAULT_TOOLTIP_DELAY, defaultActiveId, children } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/tooltip/TooltipHoverModeProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n type ReactElement,\n type ReactNode,\n createContext,\n useContext,\n} from \"react\";\n\nimport {\n type HoverModeConfiguration,\n type HoverModeContext,\n createHoverModeContext,\n useHoverModeProvider,\n} from \"../hoverMode/useHoverModeProvider.js\";\nimport { DEFAULT_TOOLTIP_DELAY } from \"./constants.js\";\n\n/** @since 6.0.0 */\nexport type TooltipHoverModeContext = HoverModeContext;\n\nconst context = createContext<TooltipHoverModeContext>(\n createHoverModeContext({\n hoverTimeout: DEFAULT_TOOLTIP_DELAY,\n leaveTimeout: 0,\n })\n);\ncontext.displayName = \"TooltipHoverMode\";\nconst { Provider } = context;\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport function useTooltipHoverMode(): Readonly<TooltipHoverModeContext> {\n return useContext(context);\n}\n\n/**\n * @since 6.0.0\n */\nexport interface TooltipHoverModeProviderProps\n extends Partial<HoverModeConfiguration> {\n children: ReactNode;\n\n /**\n * @see {@link HoverModeConfiguration.hoverTimeout}\n * @defaultValue `1000`\n */\n hoverTimeout?: number;\n\n /**\n * @see {@link HoverModeConfiguration.leaveTimeout}\n * @defaultValue `0`\n */\n leaveTimeout?: number;\n\n /**\n * @see {@link HoverModeConfiguration.disableTimeout}\n * @defaultValue `1000`\n */\n disableTimeout?: number;\n}\n\n/**\n * **Client Component**\n *\n * Updates all tooltips that are rendered as a child anywhere in the React tree\n * to immediately appear for a short duration once a tooltip has become visible.\n * You can also use this provider to configure all tooltips' visibility delay to\n * a new value.\n *\n * @example Configuration Example\n * ```tsx\n * <TooltipHoverModeProvider\n * // wait 3 seconds before displaying any tooltips\n * hoverTimeout={3000}\n *\n * // wait 1 second before hiding any tooltips\n * leaveTimeout={1000}\n *\n * // disable the hover mode functionality only if another tooltip has not\n * // been visible for 20 seconds\n * disableTimeout={20000}\n * >\n * <RestOfTheApp />\n * </TooltipHoverModeProvider>\n * ```\n *\n * @since 6.0.0\n */\nexport function TooltipHoverModeProvider(\n props: TooltipHoverModeProviderProps\n): ReactElement {\n const {\n hoverTimeout = DEFAULT_TOOLTIP_DELAY,\n leaveTimeout = 0,\n disableTimeout = DEFAULT_TOOLTIP_DELAY,\n defaultActiveId,\n children,\n } = props;\n const context = useHoverModeProvider({\n hoverTimeout,\n leaveTimeout,\n disableTimeout,\n defaultActiveId,\n });\n\n return <Provider value={context}>{children}</Provider>;\n}\n"],"names":["createContext","useContext","createHoverModeContext","useHoverModeProvider","DEFAULT_TOOLTIP_DELAY","context","hoverTimeout","leaveTimeout","displayName","Provider","useTooltipHoverMode","TooltipHoverModeProvider","props","disableTimeout","defaultActiveId","children","value"],"mappings":"AAAA;;AAEA,SAGEA,aAAa,EACbC,UAAU,QACL,QAAQ;AAEf,SAGEC,sBAAsB,EACtBC,oBAAoB,QACf,uCAAuC;AAC9C,SAASC,qBAAqB,QAAQ,iBAAiB;AAKvD,MAAMC,wBAAUL,cACdE,uBAAuB;IACrBI,cAAcF;IACdG,cAAc;AAChB;AAEFF,QAAQG,WAAW,GAAG;AACtB,MAAM,EAAEC,QAAQ,EAAE,GAAGJ;AAErB;;;CAGC,GACD,OAAO,SAASK;IACd,OAAOT,WAAWI;AACpB;AA4BA
|
|
1
|
+
{"version":3,"sources":["../../src/tooltip/TooltipHoverModeProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n type ReactElement,\n type ReactNode,\n createContext,\n useContext,\n} from \"react\";\n\nimport {\n type HoverModeConfiguration,\n type HoverModeContext,\n createHoverModeContext,\n useHoverModeProvider,\n} from \"../hoverMode/useHoverModeProvider.js\";\nimport { DEFAULT_TOOLTIP_DELAY } from \"./constants.js\";\n\n/** @since 6.0.0 */\nexport type TooltipHoverModeContext = HoverModeContext;\n\nconst context = createContext<TooltipHoverModeContext>(\n createHoverModeContext({\n hoverTimeout: DEFAULT_TOOLTIP_DELAY,\n leaveTimeout: 0,\n })\n);\ncontext.displayName = \"TooltipHoverMode\";\nconst { Provider } = context;\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport function useTooltipHoverMode(): Readonly<TooltipHoverModeContext> {\n return useContext(context);\n}\n\n/**\n * @since 6.0.0\n */\nexport interface TooltipHoverModeProviderProps\n extends Partial<HoverModeConfiguration> {\n children: ReactNode;\n\n /**\n * @see {@link HoverModeConfiguration.hoverTimeout}\n * @defaultValue `1000`\n */\n hoverTimeout?: number;\n\n /**\n * @see {@link HoverModeConfiguration.leaveTimeout}\n * @defaultValue `0`\n */\n leaveTimeout?: number;\n\n /**\n * @see {@link HoverModeConfiguration.disableTimeout}\n * @defaultValue `1000`\n */\n disableTimeout?: number;\n}\n\n/**\n * **Client Component**\n *\n * Updates all tooltips that are rendered as a child anywhere in the React tree\n * to immediately appear for a short duration once a tooltip has become visible.\n * You can also use this provider to configure all tooltips' visibility delay to\n * a new value.\n *\n * @example Configuration Example\n * ```tsx\n * <TooltipHoverModeProvider\n * // wait 3 seconds before displaying any tooltips\n * hoverTimeout={3000}\n *\n * // wait 1 second before hiding any tooltips\n * leaveTimeout={1000}\n *\n * // disable the hover mode functionality only if another tooltip has not\n * // been visible for 20 seconds\n * disableTimeout={20000}\n * >\n * <RestOfTheApp />\n * </TooltipHoverModeProvider>\n * ```\n *\n * @see {@link https://next.react-md.dev/components/tooltip | Tooltip Demos}\n * @since 6.0.0\n */\nexport function TooltipHoverModeProvider(\n props: TooltipHoverModeProviderProps\n): ReactElement {\n const {\n hoverTimeout = DEFAULT_TOOLTIP_DELAY,\n leaveTimeout = 0,\n disableTimeout = DEFAULT_TOOLTIP_DELAY,\n defaultActiveId,\n children,\n } = props;\n const context = useHoverModeProvider({\n hoverTimeout,\n leaveTimeout,\n disableTimeout,\n defaultActiveId,\n });\n\n return <Provider value={context}>{children}</Provider>;\n}\n"],"names":["createContext","useContext","createHoverModeContext","useHoverModeProvider","DEFAULT_TOOLTIP_DELAY","context","hoverTimeout","leaveTimeout","displayName","Provider","useTooltipHoverMode","TooltipHoverModeProvider","props","disableTimeout","defaultActiveId","children","value"],"mappings":"AAAA;;AAEA,SAGEA,aAAa,EACbC,UAAU,QACL,QAAQ;AAEf,SAGEC,sBAAsB,EACtBC,oBAAoB,QACf,uCAAuC;AAC9C,SAASC,qBAAqB,QAAQ,iBAAiB;AAKvD,MAAMC,wBAAUL,cACdE,uBAAuB;IACrBI,cAAcF;IACdG,cAAc;AAChB;AAEFF,QAAQG,WAAW,GAAG;AACtB,MAAM,EAAEC,QAAQ,EAAE,GAAGJ;AAErB;;;CAGC,GACD,OAAO,SAASK;IACd,OAAOT,WAAWI;AACpB;AA4BA;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BC,GACD,OAAO,SAASM,yBACdC,KAAoC;IAEpC,MAAM,EACJN,eAAeF,qBAAqB,EACpCG,eAAe,CAAC,EAChBM,iBAAiBT,qBAAqB,EACtCU,eAAe,EACfC,QAAQ,EACT,GAAGH;IACJ,MAAMP,UAAUF,qBAAqB;QACnCG;QACAC;QACAM;QACAC;IACF;IAEA,qBAAO,KAACL;QAASO,OAAOX;kBAAUU;;AACpC"}
|
|
@@ -1,52 +1,144 @@
|
|
|
1
|
+
////
|
|
2
|
+
/// @group tooltip
|
|
3
|
+
////
|
|
4
|
+
|
|
1
5
|
@use "sass:map";
|
|
2
6
|
@use "../utils";
|
|
7
|
+
@use "../theme/a11y";
|
|
3
8
|
@use "../theme/colors";
|
|
4
9
|
@use "../transition/transition";
|
|
5
10
|
@use "../typography/typography";
|
|
6
11
|
|
|
12
|
+
/// Set to `true` to disable all the styles
|
|
13
|
+
/// @type Boolean
|
|
7
14
|
$disable-everything: false !default;
|
|
15
|
+
|
|
16
|
+
/// Set to `true` to disable both the `above` and `below` styles.
|
|
17
|
+
/// @type Boolean
|
|
8
18
|
$disable-vertical: false !default;
|
|
19
|
+
|
|
20
|
+
/// Set to `true` to disable both the `left` and `right` styles.
|
|
21
|
+
/// @type Boolean
|
|
9
22
|
$disable-horizontal: false !default;
|
|
23
|
+
|
|
24
|
+
/// Set to `true` to disable the `position="above"` styles.
|
|
25
|
+
/// @type Boolean
|
|
10
26
|
$disable-above: $disable-vertical !default;
|
|
27
|
+
|
|
28
|
+
/// Set to `true` to disable the `position="below"` styles.
|
|
29
|
+
/// @type Boolean
|
|
11
30
|
$disable-below: $disable-vertical !default;
|
|
31
|
+
|
|
32
|
+
/// Set to `true` to disable the `position="left"` styles.
|
|
33
|
+
/// @type Boolean
|
|
12
34
|
$disable-left: $disable-horizontal !default;
|
|
35
|
+
|
|
36
|
+
/// Set to `true` to disable the `position="right"` styles.
|
|
37
|
+
/// @type Boolean
|
|
13
38
|
$disable-right: $disable-horizontal !default;
|
|
39
|
+
|
|
40
|
+
/// Set to `true` to disable the dense styles.
|
|
41
|
+
/// @type Boolean
|
|
14
42
|
$disable-dense: false !default;
|
|
15
43
|
|
|
44
|
+
/// The default `Tooltip` background-color.
|
|
45
|
+
/// @type Color
|
|
16
46
|
$background-color: #616161 !default;
|
|
17
|
-
$color: colors.$white !default;
|
|
18
47
|
|
|
48
|
+
/// The default `Tooltip` text color
|
|
49
|
+
/// @type Color
|
|
50
|
+
$color: a11y.contrast-color($background-color) !default;
|
|
51
|
+
|
|
52
|
+
/// The default `Tooltip` typography styles.
|
|
53
|
+
/// @type Map
|
|
19
54
|
$typography: map.merge(
|
|
20
55
|
typography.$body-1-styles,
|
|
21
56
|
(
|
|
22
57
|
letter-spacing: null,
|
|
23
58
|
)
|
|
24
59
|
) !default;
|
|
60
|
+
|
|
61
|
+
/// The default dense `Tooltip` typography styles which is applied
|
|
62
|
+
/// on top of the `$typography` styles.
|
|
63
|
+
///
|
|
64
|
+
/// @type Map
|
|
65
|
+
$dense-typography: (
|
|
66
|
+
font-size: 0.625rem,
|
|
67
|
+
line-height: 0.825rem,
|
|
68
|
+
) !default;
|
|
69
|
+
|
|
70
|
+
/// The default `Tooltip` border radius.
|
|
71
|
+
/// @type Number
|
|
25
72
|
$border-radius: 0.25rem !default;
|
|
73
|
+
|
|
74
|
+
/// The default `Tooltip` z-index.
|
|
75
|
+
/// @type Number
|
|
26
76
|
$z-index: utils.$temporary-element-z-index + 20 !default;
|
|
77
|
+
|
|
78
|
+
/// The default `max-width` for a `Tooltip`>
|
|
79
|
+
/// @type Number
|
|
27
80
|
$max-width: 15rem !default;
|
|
81
|
+
|
|
82
|
+
/// The default `min-height` for a `Tooltip`>
|
|
83
|
+
/// @type Number
|
|
28
84
|
$min-height: 2rem !default;
|
|
85
|
+
|
|
86
|
+
/// The default horizontal padding for a `Tooltip`>
|
|
87
|
+
/// @type Number
|
|
29
88
|
$horizontal-padding: 1rem !default;
|
|
89
|
+
|
|
90
|
+
/// The default vertical padding for a `Tooltip`>
|
|
91
|
+
/// @type Number
|
|
30
92
|
$vertical-padding: 0.5625rem !default;
|
|
93
|
+
|
|
94
|
+
/// The default spacing between a tooltipped element and the `Tooltip`.
|
|
95
|
+
/// @type Number
|
|
31
96
|
$spacing: 1.5rem !default;
|
|
32
97
|
|
|
98
|
+
/// The default dense spacing between a tooltipped element and the `Tooltip`.
|
|
99
|
+
/// @type Number
|
|
33
100
|
$dense-spacing: 0.875rem !default;
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
) !default;
|
|
101
|
+
|
|
102
|
+
/// The default min-height for a dense `Tooltip`.
|
|
103
|
+
/// @type Number
|
|
38
104
|
$dense-min-height: 1.375rem !default;
|
|
105
|
+
|
|
106
|
+
/// The default horizontal padding for a dense `Tooltip`.
|
|
107
|
+
/// @type Number
|
|
39
108
|
$dense-horizontal-padding: 0.5rem !default;
|
|
109
|
+
|
|
110
|
+
/// The default vertical padding for a dense `Tooltip`.
|
|
111
|
+
/// @type Number
|
|
40
112
|
$dense-vertical-padding: 0.375rem !default;
|
|
41
113
|
|
|
114
|
+
/// The default `Tooltip` enter transition duration.
|
|
115
|
+
/// @type Number
|
|
42
116
|
$enter-duration: transition.$linear-duration !default;
|
|
117
|
+
|
|
118
|
+
/// The default `Tooltip` enter transition timing function.
|
|
119
|
+
/// @type Number
|
|
43
120
|
$enter-timing-function: transition.$deceleration-timing-function !default;
|
|
121
|
+
|
|
122
|
+
/// The default `Tooltip` leave transition duration.
|
|
123
|
+
/// @type Number
|
|
44
124
|
$leave-duration: transition.$linear-duration !default;
|
|
125
|
+
|
|
126
|
+
/// The default `Tooltip` leave transition timing function.
|
|
127
|
+
/// @type Number
|
|
45
128
|
$leave-timing-function: transition.$acceleration-timing-function !default;
|
|
129
|
+
|
|
130
|
+
/// The default `Tooltip` /nter/leave animation distance.
|
|
131
|
+
/// @type Number
|
|
46
132
|
$transition-distance: 0.5rem !default;
|
|
47
133
|
|
|
134
|
+
/// The available configurable css variables and mostly used internally for the
|
|
135
|
+
/// `get-var`, `set-var`, and `use-var` utils.
|
|
136
|
+
/// @type List
|
|
48
137
|
$variables: (background-color, color, spacing);
|
|
49
138
|
|
|
139
|
+
/// @param {String} name - The supported variable name
|
|
140
|
+
/// @param {any} fallback [null] - An optional fallback value
|
|
141
|
+
/// @returns {String} a `var()` statement
|
|
50
142
|
@function get-var($name, $fallback: null) {
|
|
51
143
|
$var: utils.get-var-name($variables, $name, "tooltip");
|
|
52
144
|
@if $fallback {
|
|
@@ -56,16 +148,24 @@ $variables: (background-color, color, spacing);
|
|
|
56
148
|
@return var(#{$var});
|
|
57
149
|
}
|
|
58
150
|
|
|
151
|
+
/// @param {String} name - The supported variable name
|
|
152
|
+
/// @param {any} value - The value to set the variable to. Supports `null` which
|
|
153
|
+
/// will just be a no-op.
|
|
59
154
|
@mixin set-var($name, $value) {
|
|
60
155
|
@if $value {
|
|
61
156
|
#{utils.get-var-name($variables, $name, "tooltip")}: #{$value};
|
|
62
157
|
}
|
|
63
158
|
}
|
|
64
159
|
|
|
160
|
+
/// @param {String} property - The css property to apply the variable to
|
|
161
|
+
/// @param {String} name [$property] - The supported variable name
|
|
162
|
+
/// @param {any} fallback [null] - An optional fallback value if the variable
|
|
163
|
+
/// has not been set
|
|
65
164
|
@mixin use-var($property, $name: $property, $fallback: null) {
|
|
66
165
|
#{$property}: get-var($name, $fallback);
|
|
67
166
|
}
|
|
68
167
|
|
|
168
|
+
/// Conditionally applies the css variables based on feature flags
|
|
69
169
|
@mixin variables {
|
|
70
170
|
@if not $disable-everything {
|
|
71
171
|
@include set-var(background-color, $background-color);
|
|
@@ -75,6 +175,10 @@ $variables: (background-color, color, spacing);
|
|
|
75
175
|
}
|
|
76
176
|
}
|
|
77
177
|
|
|
178
|
+
/// Generates all the styles based on feature flags.
|
|
179
|
+
///
|
|
180
|
+
/// @param {Boolean} disable-layer [false] - Set this to `true` to disable the
|
|
181
|
+
/// layer behavior
|
|
78
182
|
@mixin styles($disable-layer: false) {
|
|
79
183
|
@if not $disable-everything {
|
|
80
184
|
@include utils.optional-layer(tooltip, $disable-layer) {
|
|
@@ -1,8 +1,18 @@
|
|
|
1
|
-
import type { CSSTransitionClassNames, TransitionTimeout } from "../transition/types.js";
|
|
2
1
|
/** @since 2.0.0 */
|
|
3
|
-
export declare const
|
|
2
|
+
export declare const DEFAULT_TOOLTIP_TIMEOUT: {
|
|
3
|
+
readonly enter: 200;
|
|
4
|
+
readonly exit: 150;
|
|
5
|
+
};
|
|
4
6
|
/** @since 2.0.0 */
|
|
5
|
-
export declare const
|
|
7
|
+
export declare const DEFAULT_TOOLTIP_CLASSNAMES: {
|
|
8
|
+
readonly appear: "rmd-tooltip--enter";
|
|
9
|
+
readonly appearActive: "rmd-tooltip--visible";
|
|
10
|
+
readonly enter: "rmd-tooltip--enter";
|
|
11
|
+
readonly enterActive: "rmd-tooltip--visible";
|
|
12
|
+
readonly enterDone: "rmd-tooltip--visible";
|
|
13
|
+
readonly exit: "rmd-tooltip--visible rmd-tooltip--exit";
|
|
14
|
+
readonly exitActive: "rmd-tooltip--exit-active";
|
|
15
|
+
};
|
|
6
16
|
/** @since 2.0.0 */
|
|
7
17
|
export declare const DEFAULT_TOOLTIP_DELAY = 1000;
|
|
8
18
|
/** @since 2.0.0 */
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
/** @since 2.0.0 */ export const DEFAULT_TOOLTIP_TIMEOUT = {
|
|
2
|
+
enter: 200,
|
|
3
|
+
exit: 150
|
|
4
|
+
};
|
|
1
5
|
/** @since 2.0.0 */ export const DEFAULT_TOOLTIP_CLASSNAMES = {
|
|
2
6
|
appear: "rmd-tooltip--enter",
|
|
3
7
|
appearActive: "rmd-tooltip--visible",
|
|
@@ -7,10 +11,6 @@
|
|
|
7
11
|
exit: "rmd-tooltip--visible rmd-tooltip--exit",
|
|
8
12
|
exitActive: "rmd-tooltip--exit-active"
|
|
9
13
|
};
|
|
10
|
-
/** @since 2.0.0 */ export const DEFAULT_TOOLTIP_TIMEOUT = {
|
|
11
|
-
enter: 200,
|
|
12
|
-
exit: 150
|
|
13
|
-
};
|
|
14
14
|
/** @since 2.0.0 */ export const DEFAULT_TOOLTIP_DELAY = 1000;
|
|
15
15
|
/** @since 2.0.0 */ export const DEFAULT_TOOLTIP_THRESHOLD = 0.75;
|
|
16
16
|
/** @since 2.8.0 */ export const DEFAULT_TOOLTIP_SPACING = "1.5rem";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/tooltip/constants.ts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"sources":["../../src/tooltip/constants.ts"],"sourcesContent":["import {\n type CSSTransitionClassNames,\n type TransitionTimeout,\n} from \"../transition/types.js\";\n\n/** @since 2.0.0 */\nexport const DEFAULT_TOOLTIP_TIMEOUT = {\n enter: 200,\n exit: 150,\n} as const satisfies TransitionTimeout;\n\n/** @since 2.0.0 */\nexport const DEFAULT_TOOLTIP_CLASSNAMES = {\n appear: \"rmd-tooltip--enter\",\n appearActive: \"rmd-tooltip--visible\",\n enter: \"rmd-tooltip--enter\",\n enterActive: \"rmd-tooltip--visible\",\n enterDone: \"rmd-tooltip--visible\",\n exit: \"rmd-tooltip--visible rmd-tooltip--exit\",\n exitActive: \"rmd-tooltip--exit-active\",\n} as const satisfies CSSTransitionClassNames;\n\n/** @since 2.0.0 */\nexport const DEFAULT_TOOLTIP_DELAY = 1000;\n/** @since 2.0.0 */\nexport const DEFAULT_TOOLTIP_THRESHOLD = 0.75;\n\n/** @since 2.8.0 */\nexport const DEFAULT_TOOLTIP_SPACING = \"1.5rem\";\n/** @since 2.8.0 */\nexport const DEFAULT_TOOLTIP_DENSE_SPACING = \"0.875rem\";\n/** @since 2.8.0 */\nexport const DEFAULT_TOOLTIP_MARGIN = 16;\n/** @since 2.8.0 */\nexport const DEFAULT_TOOLTIP_POSITION = \"below\";\n\n/**\n * @internal\n * @since 2.8.0\n */\nexport const TOOLTIP_SPACING_VAR = \"--rmd-tooltip-spacing\";\n"],"names":["DEFAULT_TOOLTIP_TIMEOUT","enter","exit","DEFAULT_TOOLTIP_CLASSNAMES","appear","appearActive","enterActive","enterDone","exitActive","DEFAULT_TOOLTIP_DELAY","DEFAULT_TOOLTIP_THRESHOLD","DEFAULT_TOOLTIP_SPACING","DEFAULT_TOOLTIP_DENSE_SPACING","DEFAULT_TOOLTIP_MARGIN","DEFAULT_TOOLTIP_POSITION","TOOLTIP_SPACING_VAR"],"mappings":"AAKA,iBAAiB,GACjB,OAAO,MAAMA,0BAA0B;IACrCC,OAAO;IACPC,MAAM;AACR,EAAuC;AAEvC,iBAAiB,GACjB,OAAO,MAAMC,6BAA6B;IACxCC,QAAQ;IACRC,cAAc;IACdJ,OAAO;IACPK,aAAa;IACbC,WAAW;IACXL,MAAM;IACNM,YAAY;AACd,EAA6C;AAE7C,iBAAiB,GACjB,OAAO,MAAMC,wBAAwB,KAAK;AAC1C,iBAAiB,GACjB,OAAO,MAAMC,4BAA4B,KAAK;AAE9C,iBAAiB,GACjB,OAAO,MAAMC,0BAA0B,SAAS;AAChD,iBAAiB,GACjB,OAAO,MAAMC,gCAAgC,WAAW;AACxD,iBAAiB,GACjB,OAAO,MAAMC,yBAAyB,GAAG;AACzC,iBAAiB,GACjB,OAAO,MAAMC,2BAA2B,QAAQ;AAEhD;;;CAGC,GACD,OAAO,MAAMC,sBAAsB,wBAAwB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/tooltip/styles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\nimport { type TextOverflow, cssUtils } from \"../cssUtils.js\";\nimport { type SimplePosition } from \"../positioning/types.js\";\nimport { bem } from \"../utils/bem.js\";\n\nconst styles = bem(\"rmd-tooltip\");\n\n/**\n * @since 6.0.0\n */\nexport interface TooltipClassNameOptions {\n className?: string;\n dense?: boolean;\n position: SimplePosition;\n textOverflow?: TextOverflow;\n}\n\n/**\n * @since 6.0.0\n */\nexport function tooltip(options: TooltipClassNameOptions): string {\n const { dense, position, className, textOverflow } = options;\n\n return cnb(\n styles({\n dense,\n [position]: true,\n }),\n cssUtils({ textOverflow }),\n className\n );\n}\n"],"names":["cnb","cssUtils","bem","styles","tooltip","options","dense","position","className","textOverflow"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAA4BC,QAAQ,QAAQ,iBAAiB;AAE7D,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,SAASD,IAAI;AAYnB;;CAEC,GACD,OAAO,SAASE,QAAQC,OAAgC;IACtD,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,YAAY,EAAE,GAAGJ;IAErD,OAAOL,IACLG,OAAO;QACLG;QACA,CAACC,SAAS,EAAE;IACd,IACAN,SAAS;QAAEQ;IAAa,IACxBD;AAEJ"}
|