npm - @react-md/core - Versions diffs - 1.0.0-next.1 → 1.0.0-next.3 - Mend

@react-md/core 1.0.0-next.1 → 1.0.0-next.3

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.

Files changed (840) hide show

package/.turbo/turbo-build.log +5 -5
package/.turbo/turbo-lint.log +3 -3
package/.turbo/turbo-test.log +142 -129
package/.turbo/turbo-typecheck.log +1 -1
package/CHANGELOG.md +111 -0
package/coverage/clover.xml +437 -3
package/coverage/coverage-final.json +4 -1
package/coverage/lcov-report/Avatar.tsx.html +472 -0
package/coverage/lcov-report/DefaultToastRenderer.tsx.html +166 -112
package/coverage/lcov-report/IconRotator.tsx.html +322 -0
package/coverage/lcov-report/ListItem.tsx.html +892 -0
package/coverage/lcov-report/Portal.tsx.html +223 -0
package/coverage/lcov-report/PortalContainerProvider.tsx.html +367 -0
package/coverage/lcov-report/SkeletonPlaceholder.tsx.html +613 -0
package/coverage/lcov-report/Snackbar.tsx.html +360 -402
package/coverage/lcov-report/Tab.tsx.html +261 -147
package/coverage/lcov-report/Toast.tsx.html +868 -0
package/coverage/lcov-report/ToastManager.tsx.html +1783 -0
package/coverage/lcov-report/ToastManagerProvider.tsx.html +216 -216
package/coverage/lcov-report/TreeGroup.tsx.html +313 -0
package/coverage/lcov-report/app-bar/AppBar.tsx.html +178 -28
package/coverage/lcov-report/app-bar/index.html +7 -7
package/coverage/lcov-report/button/TooltippedButton.tsx.html +445 -0
package/coverage/lcov-report/button/index.html +10 -10
package/coverage/lcov-report/card/Card.tsx.html +349 -0
package/coverage/lcov-report/card/CardContent.tsx.html +223 -0
package/coverage/lcov-report/card/ClickableCard.tsx.html +400 -0
package/coverage/lcov-report/card/index.html +21 -21
package/coverage/lcov-report/card/styles.ts.html +428 -392
package/coverage/lcov-report/cssUtils.ts.html +86 -59
package/coverage/lcov-report/draggable/index.html +21 -36
package/coverage/lcov-report/draggable/useDraggable.ts.html +377 -368
package/coverage/lcov-report/draggable/utils.ts.html +96 -195
package/coverage/lcov-report/expansion-panel/ExpansionList.tsx.html +211 -0
package/coverage/lcov-report/expansion-panel/ExpansionPanel.tsx.html +12 -15
package/coverage/lcov-report/expansion-panel/index.html +34 -19
package/coverage/lcov-report/expansion-panel/useExpansionPanels.ts.html +928 -0
package/coverage/lcov-report/form/MenuItemInputToggle.tsx.html +2 -2
package/coverage/lcov-report/form/Select.tsx.html +1663 -0
package/coverage/lcov-report/form/Slider.tsx.html +163 -40
package/coverage/lcov-report/form/index.html +21 -21
package/coverage/lcov-report/icon/FontIcon.tsx.html +28 -28
package/coverage/lcov-report/icon/index.html +1 -1
package/coverage/lcov-report/index.html +41 -11
package/coverage/lcov-report/interaction/UserInteractionModeProvider.tsx.html +679 -0
package/coverage/lcov-report/interaction/config.ts.html +181 -0
package/coverage/lcov-report/interaction/index.html +33 -18
package/coverage/lcov-report/list/List.tsx.html +490 -0
package/coverage/lcov-report/list/ListItem.tsx.html +886 -0
package/coverage/lcov-report/list/ListItemAddon.tsx.html +286 -0
package/coverage/lcov-report/list/ListItemChildren.tsx.html +445 -0
package/coverage/lcov-report/list/ListItemLink.tsx.html +5 -5
package/coverage/lcov-report/list/index.html +81 -6
package/coverage/lcov-report/list/listItemStyles.ts.html +703 -0
package/coverage/lcov-report/media-queries/appSize.ts.html +1 -1
package/coverage/lcov-report/media-queries/index.html +1 -1
package/coverage/lcov-report/menu/Menu.tsx.html +37 -19
package/coverage/lcov-report/menu/index.html +14 -44
package/coverage/lcov-report/sheet/index.html +8 -8
package/coverage/lcov-report/sheet/styles.ts.html +376 -0
package/coverage/lcov-report/skeletonPlaceholderUtils.ts.html +400 -0
package/coverage/lcov-report/snackbar/Snackbar.tsx.html +55 -97
package/coverage/lcov-report/snackbar/Toast.tsx.html +546 -501
package/coverage/lcov-report/snackbar/ToastManager.tsx.html +269 -269
package/coverage/lcov-report/snackbar/ToastManagerProvider.tsx.html +23 -23
package/coverage/lcov-report/snackbar/index.html +59 -14
package/coverage/lcov-report/snackbar/snackbarStyles.ts.html +12 -87
package/coverage/lcov-report/snackbar/toastStyles.ts.html +206 -146
package/coverage/lcov-report/snackbar/useCurrentToastActions.ts.html +226 -0
package/coverage/lcov-report/snackbarStyles.ts.html +46 -121
package/coverage/lcov-report/src/CoreProviders.tsx.html +20 -20
package/coverage/lcov-report/src/NoSsr.tsx.html +1 -1
package/coverage/lcov-report/src/SsrProvider.tsx.html +10 -10
package/coverage/lcov-report/src/app-bar/AppBar.tsx.html +143 -23
package/coverage/lcov-report/src/app-bar/AppBarTitle.tsx.html +1 -1
package/coverage/lcov-report/src/app-bar/index.html +5 -5
package/coverage/lcov-report/src/avatar/Avatar.tsx.html +2 -2
package/coverage/lcov-report/src/avatar/index.html +1 -1
package/coverage/lcov-report/src/avatar/styles.ts.html +1 -1
package/coverage/lcov-report/src/badge/Badge.tsx.html +1 -1
package/coverage/lcov-report/src/badge/index.html +1 -1
package/coverage/lcov-report/src/box/Box.tsx.html +1 -1
package/coverage/lcov-report/src/box/index.html +23 -8
package/coverage/lcov-report/src/box/styles.ts.html +46 -46
package/coverage/lcov-report/src/button/AsyncButton.tsx.html +1 -1
package/coverage/lcov-report/src/button/Button.tsx.html +84 -84
package/coverage/lcov-report/src/button/ButtonUnstyled.tsx.html +1 -1
package/coverage/lcov-report/src/button/FloatingActionButton.tsx.html +11 -11
package/coverage/lcov-report/src/button/TooltippedButton.tsx.html +445 -0
package/coverage/lcov-report/src/button/buttonStyles.ts.html +52 -52
package/coverage/lcov-report/src/button/buttonUnstyledStyles.ts.html +1 -1
package/coverage/lcov-report/src/button/index.html +83 -8
package/coverage/lcov-report/src/card/Card.tsx.html +37 -31
package/coverage/lcov-report/src/card/CardContent.tsx.html +4 -4
package/coverage/lcov-report/src/card/CardFooter.tsx.html +1 -1
package/coverage/lcov-report/src/card/CardHeader.tsx.html +1 -1
package/coverage/lcov-report/src/card/CardSubtitle.tsx.html +1 -1
package/coverage/lcov-report/src/card/CardTitle.tsx.html +1 -1
package/coverage/lcov-report/src/card/ClickableCard.tsx.html +400 -0
package/coverage/lcov-report/src/card/index.html +24 -9
package/coverage/lcov-report/src/card/styles.ts.html +58 -31
package/coverage/lcov-report/src/chip/Chip.tsx.html +1 -1
package/coverage/lcov-report/src/chip/index.html +7 -7
package/coverage/lcov-report/src/chip/styles.ts.html +9 -12
package/coverage/lcov-report/src/cssUtils.ts.html +53 -53
package/coverage/lcov-report/src/delegateEvent.ts.html +109 -109
package/coverage/lcov-report/src/dialog/Dialog.tsx.html +1 -1
package/coverage/lcov-report/src/dialog/DialogContainer.tsx.html +1 -1
package/coverage/lcov-report/src/dialog/DialogContent.tsx.html +1 -1
package/coverage/lcov-report/src/dialog/DialogFooter.tsx.html +1 -1
package/coverage/lcov-report/src/dialog/DialogHeader.tsx.html +1 -1
package/coverage/lcov-report/src/dialog/DialogTitle.tsx.html +1 -1
package/coverage/lcov-report/src/dialog/FixedDialog.tsx.html +1 -1
package/coverage/lcov-report/src/dialog/NestedDialogProvider.ts.html +1 -1
package/coverage/lcov-report/src/dialog/index.html +129 -9
package/coverage/lcov-report/src/dialog/styles.ts.html +1 -1
package/coverage/lcov-report/src/divider/Divider.tsx.html +4 -7
package/coverage/lcov-report/src/divider/index.html +5 -5
package/coverage/lcov-report/src/divider/styles.ts.html +1 -1
package/coverage/lcov-report/src/draggable/index.html +27 -27
package/coverage/lcov-report/src/draggable/useDraggable.ts.html +47 -44
package/coverage/lcov-report/src/draggable/utils.ts.html +29 -131
package/coverage/lcov-report/src/expansion-panel/ExpansionList.tsx.html +1 -1
package/coverage/lcov-report/src/expansion-panel/ExpansionPanel.tsx.html +1 -1
package/coverage/lcov-report/src/expansion-panel/ExpansionPanelHeader.tsx.html +1 -1
package/coverage/lcov-report/src/expansion-panel/index.html +8 -8
package/coverage/lcov-report/src/expansion-panel/useExpansionList.ts.html +1 -1
package/coverage/lcov-report/src/expansion-panel/useExpansionPanels.ts.html +36 -24
package/coverage/lcov-report/src/focus/index.html +1 -1
package/coverage/lcov-report/src/focus/useFocusContainer.ts.html +1 -1
package/coverage/lcov-report/src/focus/utils.ts.html +1 -1
package/coverage/lcov-report/src/form/Checkbox.tsx.html +1 -1
package/coverage/lcov-report/src/form/Fieldset.tsx.html +1 -1
package/coverage/lcov-report/src/form/FileInput.tsx.html +1 -1
package/coverage/lcov-report/src/form/Form.tsx.html +1 -1
package/coverage/lcov-report/src/form/FormMessage.tsx.html +1 -1
package/coverage/lcov-report/src/form/FormMessageContainer.tsx.html +5 -5
package/coverage/lcov-report/src/form/FormMessageCounter.tsx.html +1 -1
package/coverage/lcov-report/src/form/InputToggle.tsx.html +110 -110
package/coverage/lcov-report/src/form/InputToggleIcon.tsx.html +63 -63
package/coverage/lcov-report/src/form/Label.tsx.html +98 -98
package/coverage/lcov-report/src/form/Legend.tsx.html +1 -1
package/coverage/lcov-report/src/form/MenuItemCheckbox.tsx.html +1 -1
package/coverage/lcov-report/src/form/MenuItemFileInput.tsx.html +1 -1
package/coverage/lcov-report/src/form/MenuItemInputToggle.tsx.html +2 -2
package/coverage/lcov-report/src/form/MenuItemRadio.tsx.html +1 -1
package/coverage/lcov-report/src/form/MenuItemSwitch.tsx.html +1 -1
package/coverage/lcov-report/src/form/MenuItemTextField.tsx.html +1 -1
package/coverage/lcov-report/src/form/NativeSelect.tsx.html +1 -1
package/coverage/lcov-report/src/form/OptGroup.tsx.html +1 -1
package/coverage/lcov-report/src/form/Option.tsx.html +1 -1
package/coverage/lcov-report/src/form/Password.tsx.html +1 -1
package/coverage/lcov-report/src/form/Radio.tsx.html +3 -3
package/coverage/lcov-report/src/form/Select.tsx.html +29 -5
package/coverage/lcov-report/src/form/SelectValue.tsx.html +1 -1
package/coverage/lcov-report/src/form/Slider.tsx.html +1 -1
package/coverage/lcov-report/src/form/SliderContainer.tsx.html +1 -1
package/coverage/lcov-report/src/form/SliderMark.tsx.html +1 -1
package/coverage/lcov-report/src/form/SliderMarkLabel.tsx.html +1 -1
package/coverage/lcov-report/src/form/SliderThumb.tsx.html +1 -1
package/coverage/lcov-report/src/form/SliderTrack.tsx.html +1 -1
package/coverage/lcov-report/src/form/SliderValueMarks.tsx.html +1 -1
package/coverage/lcov-report/src/form/SliderValueTooltip.tsx.html +1 -1
package/coverage/lcov-report/src/form/Switch.tsx.html +1 -1
package/coverage/lcov-report/src/form/SwitchTrack.tsx.html +1 -1
package/coverage/lcov-report/src/form/TextArea.tsx.html +2 -2
package/coverage/lcov-report/src/form/TextField.tsx.html +1 -1
package/coverage/lcov-report/src/form/TextFieldAddon.tsx.html +1 -1
package/coverage/lcov-report/src/form/TextFieldContainer.tsx.html +1 -1
package/coverage/lcov-report/src/form/TextFieldContainerStyles.ts.html +8 -8
package/coverage/lcov-report/src/form/fileUtils.ts.html +1 -1
package/coverage/lcov-report/src/form/formConfig.ts.html +1 -1
package/coverage/lcov-report/src/form/formMessageStyles.ts.html +1 -1
package/coverage/lcov-report/src/form/index.html +940 -10
package/coverage/lcov-report/src/form/inputToggleStyles.ts.html +30 -30
package/coverage/lcov-report/src/form/nativeSelectStyles.ts.html +1 -1
package/coverage/lcov-report/src/form/optionStyles.ts.html +1 -1
package/coverage/lcov-report/src/form/passwordStyles.ts.html +1 -1
package/coverage/lcov-report/src/form/selectStyles.ts.html +1 -1
package/coverage/lcov-report/src/form/selectUtils.ts.html +1 -1
package/coverage/lcov-report/src/form/sliderUtils.ts.html +1 -1
package/coverage/lcov-report/src/form/switchStyles.ts.html +1 -1
package/coverage/lcov-report/src/form/textAreaStyles.ts.html +3 -3
package/coverage/lcov-report/src/form/textFieldStyles.ts.html +1 -1
package/coverage/lcov-report/src/form/useCheckboxGroup.ts.html +1 -1
package/coverage/lcov-report/src/form/useFileUpload.ts.html +1 -1
package/coverage/lcov-report/src/form/useListboxProvider.ts.html +1 -1
package/coverage/lcov-report/src/form/useNumberField.ts.html +1 -1
package/coverage/lcov-report/src/form/useRadioGroup.ts.html +47 -47
package/coverage/lcov-report/src/form/useRangeSlider.ts.html +1 -1
package/coverage/lcov-report/src/form/useResizingTextArea.ts.html +1 -1
package/coverage/lcov-report/src/form/useSlider.ts.html +1 -1
package/coverage/lcov-report/src/form/useTextField.ts.html +1 -1
package/coverage/lcov-report/src/form/utils.ts.html +1 -1
package/coverage/lcov-report/src/form/validation.ts.html +1 -1
package/coverage/lcov-report/src/hoverMode/index.html +1 -1
package/coverage/lcov-report/src/hoverMode/useHoverMode.ts.html +98 -98
package/coverage/lcov-report/src/hoverMode/useHoverModeProvider.ts.html +19 -19
package/coverage/lcov-report/src/icon/FontIcon.tsx.html +28 -28
package/coverage/lcov-report/src/icon/IconRotator.tsx.html +5 -8
package/coverage/lcov-report/src/icon/MaterialIcon.tsx.html +1 -1
package/coverage/lcov-report/src/icon/MaterialSymbol.tsx.html +1 -1
package/coverage/lcov-report/src/icon/SVGIcon.tsx.html +1 -1
package/coverage/lcov-report/src/icon/TextIconSpacing.tsx.html +1 -1
package/coverage/lcov-report/src/icon/iconConfig.tsx.html +8 -8
package/coverage/lcov-report/src/icon/index.html +7 -7
package/coverage/lcov-report/src/icon/material.ts.html +1 -1
package/coverage/lcov-report/src/icon/materialConfig.ts.html +1 -1
package/coverage/lcov-report/src/icon/styles.ts.html +38 -38
package/coverage/lcov-report/src/index.html +354 -9
package/coverage/lcov-report/src/interaction/Ripple.tsx.html +1 -1
package/coverage/lcov-report/src/interaction/RippleContainer.tsx.html +1 -1
package/coverage/lcov-report/src/interaction/UserInteractionModeProvider.tsx.html +87 -87
package/coverage/lcov-report/src/interaction/config.ts.html +7 -7
package/coverage/lcov-report/src/interaction/index.html +1 -1
package/coverage/lcov-report/src/interaction/useElementInteraction.tsx.html +123 -123
package/coverage/lcov-report/src/interaction/useHigherContrastChildren.tsx.html +17 -17
package/coverage/lcov-report/src/interaction/utils.ts.html +1 -1
package/coverage/lcov-report/src/layout/LayoutAppBar.tsx.html +1 -1
package/coverage/lcov-report/src/layout/LayoutNav.tsx.html +60 -60
package/coverage/lcov-report/src/layout/LayoutWindowSplitter.tsx.html +1 -1
package/coverage/lcov-report/src/layout/Main.tsx.html +1 -1
package/coverage/lcov-report/src/layout/index.html +15 -15
package/coverage/lcov-report/src/layout/layoutNavStyles.ts.html +5 -5
package/coverage/lcov-report/src/layout/layoutWindowSplitterStyles.ts.html +1 -1
package/coverage/lcov-report/src/layout/mainStyles.ts.html +1 -1
package/coverage/lcov-report/src/layout/useExpandableLayout.ts.html +1 -1
package/coverage/lcov-report/src/layout/useHorizontalLayoutTransition.ts.html +1 -1
package/coverage/lcov-report/src/layout/useLayoutAppBarHeight.ts.html +20 -32
package/coverage/lcov-report/src/layout/useLayoutTree.ts.html +1 -1
package/coverage/lcov-report/src/layout/useLayoutWindowSplitter.ts.html +1 -1
package/coverage/lcov-report/src/layout/useMainTabIndex.ts.html +1 -1
package/coverage/lcov-report/src/layout/useResizableLayout.ts.html +1 -1
package/coverage/lcov-report/src/layout/useTemporaryLayout.ts.html +1 -1
package/coverage/lcov-report/src/link/Link.tsx.html +1 -1
package/coverage/lcov-report/src/link/SkipToMainContent.tsx.html +1 -1
package/coverage/lcov-report/src/link/index.html +1 -1
package/coverage/lcov-report/src/link/styles.ts.html +1 -1
package/coverage/lcov-report/src/list/List.tsx.html +30 -30
package/coverage/lcov-report/src/list/ListItem.tsx.html +37 -16
package/coverage/lcov-report/src/list/ListItemAddon.tsx.html +13 -7
package/coverage/lcov-report/src/list/ListItemChildren.tsx.html +12 -6
package/coverage/lcov-report/src/list/ListItemLink.tsx.html +4 -4
package/coverage/lcov-report/src/list/ListItemText.tsx.html +1 -1
package/coverage/lcov-report/src/list/ListSubheader.tsx.html +1 -1
package/coverage/lcov-report/src/list/getListItemHeight.ts.html +1 -1
package/coverage/lcov-report/src/list/index.html +11 -11
package/coverage/lcov-report/src/list/listItemStyles.ts.html +39 -9
package/coverage/lcov-report/src/media-queries/AppSizeProvider.tsx.html +54 -54
package/coverage/lcov-report/src/media-queries/appSize.ts.html +1 -1
package/coverage/lcov-report/src/media-queries/index.html +1 -1
package/coverage/lcov-report/src/media-queries/useMediaQuery.ts.html +25 -25
package/coverage/lcov-report/src/menu/DropdownMenu.tsx.html +1 -1
package/coverage/lcov-report/src/menu/Menu.tsx.html +2 -2
package/coverage/lcov-report/src/menu/MenuBar.tsx.html +1 -1
package/coverage/lcov-report/src/menu/MenuButton.tsx.html +1 -1
package/coverage/lcov-report/src/menu/MenuConfigurationProvider.tsx.html +1 -1
package/coverage/lcov-report/src/menu/MenuItem.tsx.html +1 -1
package/coverage/lcov-report/src/menu/MenuItemButton.tsx.html +1 -1
package/coverage/lcov-report/src/menu/MenuItemGroup.tsx.html +1 -1
package/coverage/lcov-report/src/menu/MenuItemSeparator.tsx.html +1 -1
package/coverage/lcov-report/src/menu/MenuSheet.tsx.html +1 -1
package/coverage/lcov-report/src/menu/MenuVisibilityProvider.tsx.html +1 -1
package/coverage/lcov-report/src/menu/MenuWidget.tsx.html +1 -1
package/coverage/lcov-report/src/menu/MenuWidgetKeyboardProvider.tsx.html +1 -1
package/coverage/lcov-report/src/menu/index.html +1 -1
package/coverage/lcov-report/src/menu/useContextMenu.ts.html +1 -1
package/coverage/lcov-report/src/menu/useMenuBarProvider.ts.html +1 -1
package/coverage/lcov-report/src/menu/utils.ts.html +1 -1
package/coverage/lcov-report/src/movement/constants.ts.html +1 -1
package/coverage/lcov-report/src/movement/findMatchIndex.ts.html +1 -1
package/coverage/lcov-report/src/movement/index.html +1 -1
package/coverage/lcov-report/src/movement/useKeyboardMovementProvider.ts.html +3 -3
package/coverage/lcov-report/src/movement/utils.ts.html +1 -1
package/coverage/lcov-report/src/overlay/Overlay.tsx.html +1 -1
package/coverage/lcov-report/src/overlay/index.html +1 -1
package/coverage/lcov-report/src/overlay/overlayStyles.ts.html +1 -1
package/coverage/lcov-report/src/portal/Portal.tsx.html +7 -7
package/coverage/lcov-report/src/portal/PortalContainerProvider.tsx.html +59 -35
package/coverage/lcov-report/src/portal/index.html +7 -7
package/coverage/lcov-report/src/positioning/constants.ts.html +1 -1
package/coverage/lcov-report/src/positioning/createHorizontalPosition.ts.html +47 -47
package/coverage/lcov-report/src/positioning/createVerticalPosition.ts.html +55 -55
package/coverage/lcov-report/src/positioning/getFixedPosition.ts.html +89 -89
package/coverage/lcov-report/src/positioning/index.html +1 -1
package/coverage/lcov-report/src/positioning/useFixedPositioning.ts.html +193 -193
package/coverage/lcov-report/src/positioning/utils.ts.html +59 -59
package/coverage/lcov-report/src/progress/CircularProgress.tsx.html +3 -3
package/coverage/lcov-report/src/progress/LinearProgress.tsx.html +3 -3
package/coverage/lcov-report/src/progress/getProgressA11y.ts.html +1 -1
package/coverage/lcov-report/src/progress/index.html +20 -5
package/coverage/lcov-report/src/responsive-item/ResponsiveItemContainer.tsx.html +1 -1
package/coverage/lcov-report/src/responsive-item/ResponsiveItemOverlay.tsx.html +1 -1
package/coverage/lcov-report/src/responsive-item/index.html +1 -1
package/coverage/lcov-report/src/responsive-item/styles.ts.html +1 -1
package/coverage/lcov-report/src/scroll/ScrollLock.tsx.html +1 -1
package/coverage/lcov-report/src/scroll/getScrollbarWidth.ts.html +1 -1
package/coverage/lcov-report/src/scroll/index.html +1 -1
package/coverage/lcov-report/src/scroll/useScrollLock.ts.html +1 -1
package/coverage/lcov-report/src/segmented-button/SegmentedButton.tsx.html +1 -1
package/coverage/lcov-report/src/segmented-button/SegmentedButtonContainer.tsx.html +1 -1
package/coverage/lcov-report/src/segmented-button/index.html +1 -1
package/coverage/lcov-report/src/segmented-button/segmentedButtonContainerStyles.ts.html +1 -1
package/coverage/lcov-report/src/segmented-button/segmentedButtonStyles.ts.html +1 -1
package/coverage/lcov-report/src/sheet/Sheet.tsx.html +1 -1
package/coverage/lcov-report/src/sheet/index.html +5 -5
package/coverage/lcov-report/src/sheet/styles.ts.html +45 -48
package/coverage/lcov-report/src/snackbar/DefaultToastRenderer.tsx.html +80 -80
package/coverage/lcov-report/src/snackbar/Snackbar.tsx.html +21 -45
package/coverage/lcov-report/src/snackbar/Toast.tsx.html +108 -93
package/coverage/lcov-report/src/snackbar/ToastActionButton.tsx.html +1 -1
package/coverage/lcov-report/src/snackbar/ToastCloseButton.tsx.html +1 -1
package/coverage/lcov-report/src/snackbar/ToastContent.tsx.html +48 -48
package/coverage/lcov-report/src/snackbar/ToastManager.tsx.html +278 -275
package/coverage/lcov-report/src/snackbar/ToastManagerProvider.tsx.html +6 -6
package/coverage/lcov-report/src/snackbar/index.html +19 -19
package/coverage/lcov-report/src/snackbar/snackbarStyles.ts.html +15 -15
package/coverage/lcov-report/src/snackbar/toastContentStyles.ts.html +14 -14
package/coverage/lcov-report/src/snackbar/toastStyles.ts.html +27 -27
package/coverage/lcov-report/src/snackbar/useCurrentToastActions.ts.html +1 -1
package/coverage/lcov-report/src/suspense/CircularProgressSuspense.tsx.html +1 -1
package/coverage/lcov-report/src/suspense/NullSuspense.tsx.html +1 -1
package/coverage/lcov-report/src/suspense/index.html +20 -5
package/coverage/lcov-report/src/table/Table.tsx.html +45 -114
package/coverage/lcov-report/src/table/TableBody.tsx.html +43 -43
package/coverage/lcov-report/src/table/TableCell.tsx.html +109 -298
package/coverage/lcov-report/src/table/TableCellContent.tsx.html +81 -27
package/coverage/lcov-report/src/table/TableCheckbox.tsx.html +16 -10
package/coverage/lcov-report/src/table/TableConfigurationProvider.tsx.html +20 -20
package/coverage/lcov-report/src/table/TableContainer.tsx.html +7 -28
package/coverage/lcov-report/src/table/TableContainerProvider.tsx.html +1 -1
package/coverage/lcov-report/src/table/TableFooter.tsx.html +64 -43
package/coverage/lcov-report/src/table/TableHeader.tsx.html +41 -92
package/coverage/lcov-report/src/table/TableRadio.tsx.html +676 -0
package/coverage/lcov-report/src/table/TableRow.tsx.html +38 -119
package/coverage/lcov-report/src/table/index.html +151 -46
package/coverage/lcov-report/src/table/tableCellStyles.ts.html +334 -0
package/coverage/lcov-report/src/table/tableContainerStyles.ts.html +142 -0
package/coverage/lcov-report/src/table/tableFooterStyles.ts.html +166 -0
package/coverage/lcov-report/src/table/tableHeaderStyles.ts.html +172 -0
package/coverage/lcov-report/src/table/tableRowStyles.ts.html +169 -0
package/coverage/lcov-report/src/table/tableStyles.ts.html +157 -0
package/coverage/lcov-report/src/tabs/Tab.tsx.html +263 -143
package/coverage/lcov-report/src/tabs/TabList.tsx.html +1 -1
package/coverage/lcov-report/src/tabs/TabListScrollButton.tsx.html +1 -1
package/coverage/lcov-report/src/tabs/index.html +25 -25
package/coverage/lcov-report/src/tabs/tabIndicatorStyles.ts.html +37 -7
package/coverage/lcov-report/src/tabs/tabListScrollButtonStyles.ts.html +1 -1
package/coverage/lcov-report/src/tabs/tabListStyles.ts.html +2 -2
package/coverage/lcov-report/src/tabs/tabStyles.ts.html +64 -28
package/coverage/lcov-report/src/tabs/useTabList.ts.html +44 -38
package/coverage/lcov-report/src/tabs/useTabs.ts.html +1 -1
package/coverage/lcov-report/src/tabs/utils.ts.html +3 -3
package/coverage/lcov-report/src/test-utils/IntersectionObserver.ts.html +1 -1
package/coverage/lcov-report/src/test-utils/ResizeObserver.ts.html +205 -205
package/coverage/lcov-report/src/test-utils/data-testid.ts.html +1 -1
package/coverage/lcov-report/src/test-utils/drag.ts.html +1 -1
package/coverage/lcov-report/src/test-utils/index.html +4 -4
package/coverage/lcov-report/src/test-utils/jest-setup.ts.html +9 -9
package/coverage/lcov-report/src/test-utils/matchMedia.ts.html +4 -4
package/coverage/lcov-report/src/test-utils/polyfills/IntersectionObserver.ts.html +4 -4
package/coverage/lcov-report/src/test-utils/polyfills/ResizeObserver.ts.html +3 -3
package/coverage/lcov-report/src/test-utils/polyfills/index.html +1 -1
package/coverage/lcov-report/src/test-utils/polyfills/matchMedia.ts.html +6 -6
package/coverage/lcov-report/src/test-utils/polyfills/offsetParent.ts.html +14 -14
package/coverage/lcov-report/src/test-utils/polyfills/scrollIntoView.ts.html +5 -5
package/coverage/lcov-report/src/test-utils/render.tsx.html +21 -21
package/coverage/lcov-report/src/test-utils/timers.ts.html +1 -1
package/coverage/lcov-report/src/theme/LocalStorageColorSchemeProvider.tsx.html +1 -1
package/coverage/lcov-report/src/theme/ThemeProvider.tsx.html +1 -1
package/coverage/lcov-report/src/theme/colors.ts.html +1 -1
package/coverage/lcov-report/src/theme/cssVars.ts.html +1 -1
package/coverage/lcov-report/src/theme/index.html +1 -1
package/coverage/lcov-report/src/theme/useCSSVariables.ts.html +25 -25
package/coverage/lcov-report/src/theme/useColorScheme.ts.html +1 -1
package/coverage/lcov-report/src/theme/useColorSchemeMetaTag.ts.html +1 -1
package/coverage/lcov-report/src/theme/useColorSchemeProvider.ts.html +1 -1
package/coverage/lcov-report/src/theme/usePrefersColorScheme.ts.html +1 -1
package/coverage/lcov-report/src/theme/utils.ts.html +1 -1
package/coverage/lcov-report/src/tooltip/Tooltip.tsx.html +62 -62
package/coverage/lcov-report/src/tooltip/TooltipHoverModeProvider.tsx.html +3 -3
package/coverage/lcov-report/src/tooltip/constants.ts.html +1 -1
package/coverage/lcov-report/src/tooltip/index.html +9 -9
package/coverage/lcov-report/src/tooltip/tooltipStyles.ts.html +12 -12
package/coverage/lcov-report/src/tooltip/useTooltip.ts.html +243 -222
package/coverage/lcov-report/src/tooltip/useTooltipPosition.ts.html +27 -27
package/coverage/lcov-report/src/tooltip/utils.ts.html +22 -22
package/coverage/lcov-report/src/transition/CSSTransition.tsx.html +1 -1
package/coverage/lcov-report/src/transition/Collapse.tsx.html +1 -1
package/coverage/lcov-report/src/transition/CrossFade.tsx.html +1 -1
package/coverage/lcov-report/src/transition/ScaleTransition.tsx.html +1 -1
package/coverage/lcov-report/src/transition/SkeletonPlaceholder.tsx.html +374 -338
package/coverage/lcov-report/src/transition/Slide.tsx.html +1 -1
package/coverage/lcov-report/src/transition/SlideContainer.tsx.html +1 -1
package/coverage/lcov-report/src/transition/collapseStyles.ts.html +13 -13
package/coverage/lcov-report/src/transition/config.ts.html +5 -5
package/coverage/lcov-report/src/transition/index.html +47 -32
package/coverage/lcov-report/src/transition/maxWidthTransition.ts.html +1 -1
package/coverage/lcov-report/src/transition/skeletonPlaceholderUtils.ts.html +400 -0
package/coverage/lcov-report/src/transition/useCSSTransition.ts.html +68 -68
package/coverage/lcov-report/src/transition/useCarousel.ts.html +1 -1
package/coverage/lcov-report/src/transition/useCollapseTransition.ts.html +87 -87
package/coverage/lcov-report/src/transition/useCrossFadeTransition.ts.html +1 -1
package/coverage/lcov-report/src/transition/useMaxWidthTransition.ts.html +1 -1
package/coverage/lcov-report/src/transition/useScaleTransition.ts.html +18 -18
package/coverage/lcov-report/src/transition/useSkeletonPlaceholder.ts.html +607 -562
package/coverage/lcov-report/src/transition/useSlideTransition.ts.html +1 -1
package/coverage/lcov-report/src/transition/useTransition.ts.html +237 -237
package/coverage/lcov-report/src/transition/utils.ts.html +43 -43
package/coverage/lcov-report/src/tree/DefaultTreeItemRenderer.tsx.html +18 -6
package/coverage/lcov-report/src/tree/Tree.tsx.html +20 -8
package/coverage/lcov-report/src/tree/TreeGroup.tsx.html +45 -45
package/coverage/lcov-report/src/tree/TreeItem.tsx.html +7 -10
package/coverage/lcov-report/src/tree/TreeItemExpander.tsx.html +1 -1
package/coverage/lcov-report/src/tree/TreeProvider.tsx.html +8 -8
package/coverage/lcov-report/src/tree/index.html +11 -11
package/coverage/lcov-report/src/tree/styles.ts.html +8 -35
package/coverage/lcov-report/src/tree/useTree.ts.html +1 -1
package/coverage/lcov-report/src/tree/useTreeExpansion.ts.html +1 -1
package/coverage/lcov-report/src/tree/useTreeItems.ts.html +1 -1
package/coverage/lcov-report/src/tree/useTreeMovement.ts.html +1 -1
package/coverage/lcov-report/src/tree/useTreeSelection.ts.html +1 -1
package/coverage/lcov-report/src/tree/utils.ts.html +1 -1
package/coverage/lcov-report/src/typography/SrOnly.tsx.html +1 -1
package/coverage/lcov-report/src/typography/TextContainer.tsx.html +1 -1
package/coverage/lcov-report/src/typography/Typography.tsx.html +1 -1
package/coverage/lcov-report/src/typography/WritingDirectionProvider.tsx.html +1 -1
package/coverage/lcov-report/src/typography/index.html +1 -1
package/coverage/lcov-report/src/useAsyncAction.ts.html +1 -1
package/coverage/lcov-report/src/useDebouncedFunction.ts.html +1 -1
package/coverage/lcov-report/src/useDropzone.ts.html +1 -1
package/coverage/lcov-report/src/useElementSize.ts.html +334 -0
package/coverage/lcov-report/src/useEnsuredId.ts.html +8 -8
package/coverage/lcov-report/src/useEnsuredRef.ts.html +14 -14
package/coverage/lcov-report/src/useEnsuredState.ts.html +1 -1
package/coverage/lcov-report/src/useHtmlClassName.ts.html +1 -1
package/coverage/lcov-report/src/useIntersectionObserver.ts.html +1 -1
package/coverage/lcov-report/src/useIsomorphicLayoutEffect.ts.html +1 -1
package/coverage/lcov-report/src/useLocalStorage.ts.html +1 -1
package/coverage/lcov-report/src/useOrientation.ts.html +32 -32
package/coverage/lcov-report/src/usePageInactive.ts.html +30 -30
package/coverage/lcov-report/src/useResizeListener.ts.html +38 -32
package/coverage/lcov-report/src/useResizeObserver.ts.html +68 -179
package/coverage/lcov-report/src/useThrottledFunction.ts.html +1 -1
package/coverage/lcov-report/src/useToggle.ts.html +1 -1
package/coverage/lcov-report/src/useUnmounted.ts.html +1 -1
package/coverage/lcov-report/src/useWindowSize.ts.html +124 -94
package/coverage/lcov-report/src/utils/RenderRecursively.tsx.html +1 -1
package/coverage/lcov-report/src/utils/alphaNumericSort.ts.html +1 -1
package/coverage/lcov-report/src/utils/applyRef.ts.html +11 -11
package/coverage/lcov-report/src/utils/bem.ts.html +45 -45
package/coverage/lcov-report/src/utils/filters.ts.html +1 -1
package/coverage/lcov-report/src/utils/getClientPosition.ts.html +1 -1
package/coverage/lcov-report/src/utils/getMiddleOfRange.ts.html +163 -0
package/coverage/lcov-report/src/utils/getPercentage.ts.html +9 -9
package/coverage/lcov-report/src/utils/getRangeDefaultValue.ts.html +66 -87
package/coverage/lcov-report/src/utils/getRangeSteps.ts.html +7 -7
package/coverage/lcov-report/src/utils/identity.ts.html +1 -1
package/coverage/lcov-report/src/utils/index.html +46 -31
package/coverage/lcov-report/src/utils/isElementVisible.ts.html +1 -1
package/coverage/lcov-report/src/utils/isValidNumber.ts.html +118 -0
package/coverage/lcov-report/src/utils/loop.ts.html +1 -1
package/coverage/lcov-report/src/utils/nearest.ts.html +21 -21
package/coverage/lcov-report/src/utils/parseCssLengthUnit.ts.html +18 -18
package/coverage/lcov-report/src/utils/randomInt.ts.html +52 -52
package/coverage/lcov-report/src/utils/wait.ts.html +1 -1
package/coverage/lcov-report/src/utils/withinRange.ts.html +1 -1
package/coverage/lcov-report/src/window-splitter/WindowSplitter.tsx.html +1 -1
package/coverage/lcov-report/src/window-splitter/index.html +14 -14
package/coverage/lcov-report/src/window-splitter/useWindowSplitter.ts.html +19 -67
package/coverage/lcov-report/src/window-splitter/useWindowSplitterMaxValue.ts.html +256 -0
package/coverage/lcov-report/suspense/CircularProgressSuspense.tsx.html +283 -0
package/coverage/lcov-report/suspense/NullSuspense.tsx.html +202 -0
package/coverage/lcov-report/suspense/index.html +131 -0
package/coverage/lcov-report/tabIndicatorStyles.ts.html +43 -13
package/coverage/lcov-report/tabListStyles.ts.html +35 -26
package/coverage/lcov-report/tabStyles.ts.html +68 -26
package/coverage/lcov-report/tabs/Tab.tsx.html +233 -143
package/coverage/lcov-report/tabs/TabList.tsx.html +85 -85
package/coverage/lcov-report/tabs/index.html +56 -11
package/coverage/lcov-report/tabs/tabIndicatorStyles.ts.html +187 -0
package/coverage/lcov-report/tabs/tabListStyles.ts.html +241 -0
package/coverage/lcov-report/tabs/tabStyles.ts.html +253 -0
package/coverage/lcov-report/tabs/useTabList.ts.html +736 -0
package/coverage/lcov-report/tabs/useTabs.ts.html +1 -1
package/coverage/lcov-report/tabs/utils.ts.html +1 -1
package/coverage/lcov-report/test-utils/index.html +21 -21
package/coverage/lcov-report/test-utils/use.ts.html +187 -0
package/coverage/lcov-report/tooltip/Tooltip.tsx.html +62 -62
package/coverage/lcov-report/tooltip/index.html +10 -70
package/coverage/lcov-report/tooltip/useTooltip.ts.html +243 -222
package/coverage/lcov-report/transition/SkeletonPlaceholder.tsx.html +595 -0
package/coverage/lcov-report/transition/config.ts.html +5 -5
package/coverage/lcov-report/transition/index.html +1 -1
package/coverage/lcov-report/transition/skeletonPlaceholderUtils.ts.html +400 -0
package/coverage/lcov-report/transition/useSkeletonPlaceholder.ts.html +952 -0
package/coverage/lcov-report/tree/TreeItem.tsx.html +7 -10
package/coverage/lcov-report/tree/index.html +12 -27
package/coverage/lcov-report/tree/styles.ts.html +538 -0
package/coverage/lcov-report/typography/Typography.tsx.html +138 -432
package/coverage/lcov-report/typography/WritingDirectionProvider.tsx.html +75 -75
package/coverage/lcov-report/typography/index.html +18 -18
package/coverage/lcov-report/useSkeletonPlaceholder.ts.html +952 -0
package/coverage/lcov-report/useTabList.ts.html +142 -136
package/coverage/lcov-report/useWindowSplitter.ts.html +640 -0
package/coverage/lcov-report/useWindowSplitterMaxValue.ts.html +256 -0
package/coverage/lcov-report/utils/index.html +16 -31
package/coverage/lcov-report/utils/isElementVisible.ts.html +14 -14
package/coverage/lcov-report/utils/randomInt.ts.html +148 -0
package/coverage/lcov-report/utils/wait.ts.html +1 -1
package/coverage/lcov-report/window-splitter/index.html +21 -36
package/coverage/lcov-report/window-splitter/useWindowSplitter.ts.html +406 -328
package/coverage/lcov.info +474 -0
package/dist/_box-shadows.scss +12 -2
package/dist/_core.scss +34 -3
package/dist/_utils.scss +79 -0
package/dist/app-bar/AppBar.d.ts +4 -9
package/dist/app-bar/AppBar.js +29 -7
package/dist/app-bar/AppBar.js.map +1 -1
package/dist/app-bar/_app-bar.scss +22 -32
package/dist/avatar/Avatar.d.ts +1 -1
package/dist/avatar/Avatar.js.map +1 -1
package/dist/avatar/_avatar.scss +25 -34
package/dist/badge/_badge.scss +80 -48
package/dist/box/_box.scss +18 -29
package/dist/button/TooltippedButton.d.ts +62 -0
package/dist/button/TooltippedButton.js +62 -0
package/dist/button/TooltippedButton.js.map +1 -0
package/dist/button/_button.scss +50 -62
package/dist/card/Card.js +3 -2
package/dist/card/Card.js.map +1 -1
package/dist/card/CardContent.js +1 -1
package/dist/card/CardContent.js.map +1 -1
package/dist/card/ClickableCard.d.ts +42 -0
package/dist/card/ClickableCard.js +73 -0
package/dist/card/ClickableCard.js.map +1 -0
package/dist/card/_card.scss +29 -32
package/dist/card/styles.d.ts +8 -0
package/dist/card/styles.js +6 -3
package/dist/card/styles.js.map +1 -1
package/dist/chip/_chip.scss +33 -46
package/dist/dialog/_dialog.scss +118 -103
package/dist/divider/Divider.d.ts +0 -1
package/dist/divider/Divider.js.map +1 -1
package/dist/divider/_divider.scss +40 -51
package/dist/draggable/useDraggable.d.ts +12 -23
package/dist/draggable/useDraggable.js +15 -6
package/dist/draggable/useDraggable.js.map +1 -1
package/dist/draggable/utils.d.ts +4 -17
package/dist/draggable/utils.js +9 -25
package/dist/draggable/utils.js.map +1 -1
package/dist/expansion-panel/_expansion-panel.scss +25 -16
package/dist/expansion-panel/useExpansionPanels.d.ts +5 -3
package/dist/expansion-panel/useExpansionPanels.js +16 -9
package/dist/expansion-panel/useExpansionPanels.js.map +1 -1
package/dist/form/Label.d.ts +5 -5
package/dist/form/Label.js.map +1 -1
package/dist/form/MenuItemInputToggle.d.ts +1 -1
package/dist/form/MenuItemInputToggle.js.map +1 -1
package/dist/form/Select.js +6 -1
package/dist/form/Select.js.map +1 -1
package/dist/form/TextArea.js +1 -1
package/dist/form/TextArea.js.map +1 -1
package/dist/form/TextFieldContainerStyles.d.ts +7 -7
package/dist/form/TextFieldContainerStyles.js.map +1 -1
package/dist/form/_form.scss +240 -225
package/dist/form/textAreaStyles.d.ts +2 -2
package/dist/form/textAreaStyles.js.map +1 -1
package/dist/form/types.d.ts +0 -2
package/dist/form/types.js.map +1 -1
package/dist/icon/IconRotator.js +2 -3
package/dist/icon/IconRotator.js.map +1 -1
package/dist/icon/_icon.scss +38 -49
package/dist/index.d.ts +5 -0
package/dist/index.js +5 -0
package/dist/index.js.map +1 -1
package/dist/interaction/_interaction.scss +59 -66
package/dist/layout/_layout.scss +14 -19
package/dist/layout/useLayoutAppBarHeight.js +5 -9
package/dist/layout/useLayoutAppBarHeight.js.map +1 -1
package/dist/link/_link.scss +41 -35
package/dist/list/ListItem.d.ts +8 -3
package/dist/list/ListItem.js +4 -3
package/dist/list/ListItem.js.map +1 -1
package/dist/list/ListItemAddon.js +2 -1
package/dist/list/ListItemAddon.js.map +1 -1
package/dist/list/ListItemChildren.js +3 -2
package/dist/list/ListItemChildren.js.map +1 -1
package/dist/list/ListItemLink.js +3 -3
package/dist/list/ListItemLink.js.map +1 -1
package/dist/list/_list.scss +75 -74
package/dist/list/listItemStyles.d.ts +9 -1
package/dist/list/listItemStyles.js +5 -5
package/dist/list/listItemStyles.js.map +1 -1
package/dist/list/types.d.ts +14 -4
package/dist/list/types.js.map +1 -1
package/dist/menu/Menu.d.ts +1 -1
package/dist/menu/Menu.js.map +1 -1
package/dist/menu/_menu.scss +19 -41
package/dist/overlay/_overlay.scss +14 -19
package/dist/portal/PortalContainerProvider.d.ts +2 -2
package/dist/portal/PortalContainerProvider.js +6 -1
package/dist/portal/PortalContainerProvider.js.map +1 -1
package/dist/progress/_progress.scss +25 -30
package/dist/segmented-button/_segmented-button.scss +32 -43
package/dist/sheet/_sheet.scss +24 -42
package/dist/sheet/styles.d.ts +14 -15
package/dist/sheet/styles.js.map +1 -1
package/dist/snackbar/DefaultToastRenderer.js +1 -1
package/dist/snackbar/DefaultToastRenderer.js.map +1 -1
package/dist/snackbar/Snackbar.d.ts +1 -3
package/dist/snackbar/Snackbar.js +2 -3
package/dist/snackbar/Snackbar.js.map +1 -1
package/dist/snackbar/Toast.d.ts +1 -1
package/dist/snackbar/Toast.js +5 -1
package/dist/snackbar/Toast.js.map +1 -1
package/dist/snackbar/ToastManager.d.ts +2 -1
package/dist/snackbar/ToastManager.js +1 -1
package/dist/snackbar/ToastManager.js.map +1 -1
package/dist/snackbar/_snackbar.scss +15 -23
package/dist/table/TableCheckbox.d.ts +3 -2
package/dist/table/TableCheckbox.js +4 -2
package/dist/table/TableCheckbox.js.map +1 -1
package/dist/table/TableRadio.d.ts +3 -2
package/dist/table/TableRadio.js +4 -2
package/dist/table/TableRadio.js.map +1 -1
package/dist/table/_table.scss +55 -70
package/dist/table/tableCellStyles.d.ts +1 -1
package/dist/table/tableCellStyles.js.map +1 -1
package/dist/tabs/Tab.d.ts +24 -3
package/dist/tabs/Tab.js +15 -8
package/dist/tabs/Tab.js.map +1 -1
package/dist/tabs/_tabs.scss +54 -47
package/dist/tabs/tabIndicatorStyles.d.ts +2 -1
package/dist/tabs/tabIndicatorStyles.js +6 -3
package/dist/tabs/tabIndicatorStyles.js.map +1 -1
package/dist/tabs/tabListStyles.js +2 -1
package/dist/tabs/tabListStyles.js.map +1 -1
package/dist/tabs/tabStyles.d.ts +2 -0
package/dist/tabs/tabStyles.js +6 -3
package/dist/tabs/tabStyles.js.map +1 -1
package/dist/tabs/useTabList.d.ts +3 -3
package/dist/tabs/useTabList.js +9 -6
package/dist/tabs/useTabList.js.map +1 -1
package/dist/theme/_theme.scss +31 -89
package/dist/tooltip/_tooltip.scss +16 -25
package/dist/tooltip/useTooltip.d.ts +14 -14
package/dist/tooltip/useTooltip.js.map +1 -1
package/dist/transition/SkeletonPlaceholder.d.ts +2 -2
package/dist/transition/SkeletonPlaceholder.js +8 -3
package/dist/transition/SkeletonPlaceholder.js.map +1 -1
package/dist/transition/_transition.scss +50 -44
package/dist/transition/skeletonPlaceholderUtils.d.ts +77 -0
package/dist/transition/skeletonPlaceholderUtils.js +38 -0
package/dist/transition/skeletonPlaceholderUtils.js.map +1 -0
package/dist/transition/useSkeletonPlaceholder.d.ts +12 -7
package/dist/transition/useSkeletonPlaceholder.js +38 -37
package/dist/transition/useSkeletonPlaceholder.js.map +1 -1
package/dist/tree/DefaultTreeItemRenderer.d.ts +2 -2
package/dist/tree/DefaultTreeItemRenderer.js.map +1 -1
package/dist/tree/Tree.d.ts +8 -4
package/dist/tree/Tree.js.map +1 -1
package/dist/tree/TreeItem.js +3 -4
package/dist/tree/TreeItem.js.map +1 -1
package/dist/tree/_tree.scss +106 -106
package/dist/tree/styles.d.ts +0 -6
package/dist/tree/styles.js +1 -2
package/dist/tree/styles.js.map +1 -1
package/dist/types.d.ts +7 -0
package/dist/types.js +1 -2
package/dist/types.js.map +1 -1
package/dist/typography/_typography.scss +30 -25
package/dist/useElementSize.d.ts +40 -0
package/dist/useElementSize.js +53 -0
package/dist/useElementSize.js.map +1 -0
package/dist/useResizeListener.d.ts +1 -1
package/dist/useResizeListener.js +1 -0
package/dist/useResizeListener.js.map +1 -1
package/dist/useResizeObserver.d.ts +4 -43
package/dist/useResizeObserver.js +3 -42
package/dist/useResizeObserver.js.map +1 -1
package/dist/useWindowSize.d.ts +14 -11
package/dist/useWindowSize.js +12 -7
package/dist/useWindowSize.js.map +1 -1
package/dist/utils/getMiddleOfRange.d.ts +13 -0
package/dist/utils/getMiddleOfRange.js +20 -0
package/dist/utils/getMiddleOfRange.js.map +1 -0
package/dist/utils/getRangeDefaultValue.d.ts +3 -5
package/dist/utils/getRangeDefaultValue.js +3 -13
package/dist/utils/getRangeDefaultValue.js.map +1 -1
package/dist/utils/getRangeSteps.d.ts +1 -1
package/dist/utils/getRangeSteps.js +2 -2
package/dist/utils/getRangeSteps.js.map +1 -1
package/dist/utils/nearest.js +1 -1
package/dist/utils/nearest.js.map +1 -1
package/dist/window-splitter/_window-splitter.scss +30 -61
package/dist/window-splitter/useWindowSplitter.d.ts +3 -5
package/dist/window-splitter/useWindowSplitter.js +3 -11
package/dist/window-splitter/useWindowSplitter.js.map +1 -1
package/package.json +18 -18
package/src/__tests__/useElementSize.tsx +181 -0
package/src/__tests__/useWindowSize.node.tsx +56 -0
package/src/__tests__/useWindowSize.tsx +156 -0
package/src/_box-shadows.scss +12 -2
package/src/_core.scss +34 -3
package/src/_utils.scss +79 -0
package/src/app-bar/AppBar.tsx +59 -19
package/src/app-bar/__tests__/__snapshots__/AppBar.tsx.snap +21 -21
package/src/app-bar/_app-bar.scss +22 -32
package/src/avatar/Avatar.tsx +1 -1
package/src/avatar/_avatar.scss +25 -34
package/src/badge/_badge.scss +80 -48
package/src/box/_box.scss +18 -29
package/src/button/TooltippedButton.tsx +120 -0
package/src/button/__tests__/TooltippedButton.tsx +60 -0
package/src/button/__tests__/__snapshots__/TooltippedButton.tsx.snap +26 -0
package/src/button/_button.scss +50 -62
package/src/card/Card.tsx +5 -3
package/src/card/CardContent.tsx +3 -3
package/src/card/ClickableCard.tsx +105 -0
package/src/card/__tests__/ClickableCard.tsx +66 -0
package/src/card/__tests__/__snapshots__/CardHeader.tsx.snap +1 -1
package/src/card/__tests__/__snapshots__/CardSubtitle.tsx.snap +2 -2
package/src/card/__tests__/__snapshots__/ClickableCard.tsx.snap +20 -0
package/src/card/__tests__/__snapshots__/styles.ts.snap +1 -1
package/src/card/_card.scss +29 -32
package/src/card/styles.ts +19 -10
package/src/chip/_chip.scss +33 -46
package/src/dialog/_dialog.scss +118 -103
package/src/divider/Divider.tsx +0 -1
package/src/divider/_divider.scss +40 -51
package/src/draggable/useDraggable.ts +26 -25
package/src/draggable/utils.ts +16 -50
package/src/expansion-panel/__tests__/ExpansionPanel.tsx +2 -2
package/src/expansion-panel/_expansion-panel.scss +25 -16
package/src/expansion-panel/useExpansionPanels.ts +20 -16
package/src/form/Label.tsx +5 -5
package/src/form/MenuItemInputToggle.tsx +1 -1
package/src/form/Select.tsx +9 -1
package/src/form/TextArea.tsx +1 -1
package/src/form/TextFieldContainerStyles.ts +7 -7
package/src/form/_form.scss +240 -225
package/src/form/textAreaStyles.ts +2 -2
package/src/form/types.ts +0 -2
package/src/icon/IconRotator.tsx +1 -2
package/src/icon/_icon.scss +38 -49
package/src/index.ts +5 -0
package/src/interaction/_interaction.scss +59 -66
package/src/layout/__tests__/__snapshots__/LayoutAppBar.tsx.snap +4 -4
package/src/layout/__tests__/__snapshots__/useExpandableLayout.tsx.snap +1 -1
package/src/layout/__tests__/__snapshots__/useLayoutTree.tsx.snap +18 -18
package/src/layout/__tests__/__snapshots__/useResizableLayout.tsx.snap +1 -1
package/src/layout/__tests__/__snapshots__/useTemporaryLayout.tsx.snap +1 -1
package/src/layout/_layout.scss +14 -19
package/src/layout/useLayoutAppBarHeight.ts +5 -9
package/src/link/_link.scss +41 -35
package/src/list/ListItem.tsx +19 -12
package/src/list/ListItemAddon.tsx +5 -3
package/src/list/ListItemChildren.tsx +4 -2
package/src/list/ListItemLink.tsx +3 -3
package/src/list/__tests__/ListItem.tsx +1 -1
package/src/list/__tests__/__snapshots__/ListItem.tsx.snap +1 -1
package/src/list/_list.scss +75 -74
package/src/list/listItemStyles.ts +15 -5
package/src/list/types.ts +15 -4
package/src/menu/Menu.tsx +1 -1
package/src/menu/_menu.scss +19 -41
package/src/overlay/_overlay.scss +14 -19
package/src/portal/PortalContainerProvider.tsx +10 -2
package/src/portal/__tests__/PortalContainerProvider.tsx +23 -0
package/src/progress/_progress.scss +25 -30
package/src/segmented-button/_segmented-button.scss +32 -43
package/src/sheet/_sheet.scss +24 -42
package/src/sheet/styles.ts +14 -15
package/src/snackbar/DefaultToastRenderer.tsx +1 -1
package/src/snackbar/Snackbar.tsx +17 -25
package/src/snackbar/Toast.tsx +7 -2
package/src/snackbar/ToastManager.tsx +3 -2
package/src/snackbar/__tests__/Snackbar.tsx +12 -11
package/src/snackbar/__tests__/ToastManagerProvider.tsx +20 -42
package/src/snackbar/__tests__/__snapshots__/Snackbar.tsx.snap +127 -27
package/src/snackbar/__tests__/__snapshots__/ToastManagerProvider.tsx.snap +23 -8
package/src/snackbar/_snackbar.scss +15 -23
package/src/suspense/__tests__/CircularProgressSuspense.tsx +90 -0
package/src/suspense/__tests__/NullSuspense.tsx +46 -0
package/src/suspense/__tests__/__snapshots__/CircularProgressSuspense.tsx.snap +24 -0
package/src/table/TableCheckbox.tsx +4 -2
package/src/table/TableRadio.tsx +4 -2
package/src/table/_table.scss +55 -70
package/src/table/tableCellStyles.ts +1 -1
package/src/tabs/Tab.tsx +110 -70
package/src/tabs/__tests__/Tab.tsx +25 -2
package/src/tabs/__tests__/TabList.tsx +4 -4
package/src/tabs/__tests__/__snapshots__/TabList.tsx.snap +2 -2
package/src/tabs/_tabs.scss +54 -47
package/src/tabs/tabIndicatorStyles.ts +13 -3
package/src/tabs/tabListStyles.ts +1 -1
package/src/tabs/tabStyles.ts +16 -4
package/src/tabs/useTabList.ts +10 -8
package/src/theme/_theme.scss +31 -89
package/src/tooltip/_tooltip.scss +16 -25
package/src/tooltip/useTooltip.ts +23 -16
package/src/transition/SkeletonPlaceholder.tsx +18 -6
package/src/transition/__tests__/SkeletonPlaceholder.tsx +72 -0
package/src/transition/__tests__/__snapshots__/SkeletonPlaceholder.tsx.snap +24 -0
package/src/transition/_transition.scss +50 -44
package/src/transition/skeletonPlaceholderUtils.ts +105 -0
package/src/transition/useSkeletonPlaceholder.ts +62 -47
package/src/tree/DefaultTreeItemRenderer.tsx +6 -2
package/src/tree/Tree.tsx +8 -4
package/src/tree/TreeItem.tsx +3 -4
package/src/tree/__tests__/Tree.tsx +1 -1
package/src/tree/__tests__/__snapshots__/Tree.tsx.snap +124 -124
package/src/tree/_tree.scss +106 -106
package/src/tree/styles.ts +0 -9
package/src/types.ts +8 -0
package/src/typography/_typography.scss +30 -25
package/src/useElementSize.ts +83 -0
package/src/useResizeListener.ts +3 -1
package/src/useResizeObserver.ts +7 -44
package/src/useWindowSize.ts +29 -19
package/src/utils/__tests__/getMiddleOfRange.ts +12 -0
package/src/utils/__tests__/getRangeDefaultValue.ts +47 -0
package/src/utils/getMiddleOfRange.ts +26 -0
package/src/utils/getRangeDefaultValue.ts +8 -15
package/src/utils/getRangeSteps.ts +2 -2
package/src/utils/nearest.ts +1 -1
package/src/window-splitter/_window-splitter.scss +30 -61
package/src/window-splitter/useWindowSplitter.ts +12 -28
package/dist/divider/VerticalDivider.d.ts +0 -32
package/dist/divider/useVerticalDividerHeight.d.ts +0 -37
package/dist/icon/MaterialIconsProvider.d.ts +0 -12
package/dist/icon/MaterialIconsProvider.js +0 -17
package/dist/icon/MaterialIconsProvider.js.map +0 -1
package/dist/icon/MaterialSymbolsProvider.d.ts +0 -145
package/dist/icon/MaterialSymbolsProvider.js +0 -60
package/dist/icon/MaterialSymbolsProvider.js.map +0 -1
package/dist/link/LinkProvider.d.ts +0 -29
package/dist/menu/menuConfig.d.ts +0 -60
package/dist/tooltip/useOverflowTooltip.d.ts +0 -61

package/coverage/lcov-report/typography/Typography.tsx.html CHANGED Viewed

@@ -23,16 +23,16 @@
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">96.81% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>412/412</span>
+                <span class='fraction'>304/314</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">90.32% </span>
+                <span class="strong">21.42% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>28/31</span>
+                <span class='fraction'>3/14</span>
             </div>
@@ -44,9 +44,9 @@
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">96.81% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>412/412</span>
+                <span class='fraction'>304/314</span>
             </div>
@@ -377,164 +377,7 @@
 <a name='L312'></a><a href='#L312'>312</a>
 <a name='L313'></a><a href='#L313'>313</a>
 <a name='L314'></a><a href='#L314'>314</a>
-<a name='L315'></a><a href='#L315'>315</a>
-<a name='L316'></a><a href='#L316'>316</a>
-<a name='L317'></a><a href='#L317'>317</a>
-<a name='L318'></a><a href='#L318'>318</a>
-<a name='L319'></a><a href='#L319'>319</a>
-<a name='L320'></a><a href='#L320'>320</a>
-<a name='L321'></a><a href='#L321'>321</a>
-<a name='L322'></a><a href='#L322'>322</a>
-<a name='L323'></a><a href='#L323'>323</a>
-<a name='L324'></a><a href='#L324'>324</a>
-<a name='L325'></a><a href='#L325'>325</a>
-<a name='L326'></a><a href='#L326'>326</a>
-<a name='L327'></a><a href='#L327'>327</a>
-<a name='L328'></a><a href='#L328'>328</a>
-<a name='L329'></a><a href='#L329'>329</a>
-<a name='L330'></a><a href='#L330'>330</a>
-<a name='L331'></a><a href='#L331'>331</a>
-<a name='L332'></a><a href='#L332'>332</a>
-<a name='L333'></a><a href='#L333'>333</a>
-<a name='L334'></a><a href='#L334'>334</a>
-<a name='L335'></a><a href='#L335'>335</a>
-<a name='L336'></a><a href='#L336'>336</a>
-<a name='L337'></a><a href='#L337'>337</a>
-<a name='L338'></a><a href='#L338'>338</a>
-<a name='L339'></a><a href='#L339'>339</a>
-<a name='L340'></a><a href='#L340'>340</a>
-<a name='L341'></a><a href='#L341'>341</a>
-<a name='L342'></a><a href='#L342'>342</a>
-<a name='L343'></a><a href='#L343'>343</a>
-<a name='L344'></a><a href='#L344'>344</a>
-<a name='L345'></a><a href='#L345'>345</a>
-<a name='L346'></a><a href='#L346'>346</a>
-<a name='L347'></a><a href='#L347'>347</a>
-<a name='L348'></a><a href='#L348'>348</a>
-<a name='L349'></a><a href='#L349'>349</a>
-<a name='L350'></a><a href='#L350'>350</a>
-<a name='L351'></a><a href='#L351'>351</a>
-<a name='L352'></a><a href='#L352'>352</a>
-<a name='L353'></a><a href='#L353'>353</a>
-<a name='L354'></a><a href='#L354'>354</a>
-<a name='L355'></a><a href='#L355'>355</a>
-<a name='L356'></a><a href='#L356'>356</a>
-<a name='L357'></a><a href='#L357'>357</a>
-<a name='L358'></a><a href='#L358'>358</a>
-<a name='L359'></a><a href='#L359'>359</a>
-<a name='L360'></a><a href='#L360'>360</a>
-<a name='L361'></a><a href='#L361'>361</a>
-<a name='L362'></a><a href='#L362'>362</a>
-<a name='L363'></a><a href='#L363'>363</a>
-<a name='L364'></a><a href='#L364'>364</a>
-<a name='L365'></a><a href='#L365'>365</a>
-<a name='L366'></a><a href='#L366'>366</a>
-<a name='L367'></a><a href='#L367'>367</a>
-<a name='L368'></a><a href='#L368'>368</a>
-<a name='L369'></a><a href='#L369'>369</a>
-<a name='L370'></a><a href='#L370'>370</a>
-<a name='L371'></a><a href='#L371'>371</a>
-<a name='L372'></a><a href='#L372'>372</a>
-<a name='L373'></a><a href='#L373'>373</a>
-<a name='L374'></a><a href='#L374'>374</a>
-<a name='L375'></a><a href='#L375'>375</a>
-<a name='L376'></a><a href='#L376'>376</a>
-<a name='L377'></a><a href='#L377'>377</a>
-<a name='L378'></a><a href='#L378'>378</a>
-<a name='L379'></a><a href='#L379'>379</a>
-<a name='L380'></a><a href='#L380'>380</a>
-<a name='L381'></a><a href='#L381'>381</a>
-<a name='L382'></a><a href='#L382'>382</a>
-<a name='L383'></a><a href='#L383'>383</a>
-<a name='L384'></a><a href='#L384'>384</a>
-<a name='L385'></a><a href='#L385'>385</a>
-<a name='L386'></a><a href='#L386'>386</a>
-<a name='L387'></a><a href='#L387'>387</a>
-<a name='L388'></a><a href='#L388'>388</a>
-<a name='L389'></a><a href='#L389'>389</a>
-<a name='L390'></a><a href='#L390'>390</a>
-<a name='L391'></a><a href='#L391'>391</a>
-<a name='L392'></a><a href='#L392'>392</a>
-<a name='L393'></a><a href='#L393'>393</a>
-<a name='L394'></a><a href='#L394'>394</a>
-<a name='L395'></a><a href='#L395'>395</a>
-<a name='L396'></a><a href='#L396'>396</a>
-<a name='L397'></a><a href='#L397'>397</a>
-<a name='L398'></a><a href='#L398'>398</a>
-<a name='L399'></a><a href='#L399'>399</a>
-<a name='L400'></a><a href='#L400'>400</a>
-<a name='L401'></a><a href='#L401'>401</a>
-<a name='L402'></a><a href='#L402'>402</a>
-<a name='L403'></a><a href='#L403'>403</a>
-<a name='L404'></a><a href='#L404'>404</a>
-<a name='L405'></a><a href='#L405'>405</a>
-<a name='L406'></a><a href='#L406'>406</a>
-<a name='L407'></a><a href='#L407'>407</a>
-<a name='L408'></a><a href='#L408'>408</a>
-<a name='L409'></a><a href='#L409'>409</a>
-<a name='L410'></a><a href='#L410'>410</a>
-<a name='L411'></a><a href='#L411'>411</a>
-<a name='L412'></a><a href='#L412'>412</a>
-<a name='L413'></a><a href='#L413'>413</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
+<a name='L315'></a><a href='#L315'>315</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -673,6 +516,18 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -688,42 +543,6 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
-<span class="cline-any cline-yes">126x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -732,6 +551,38 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -747,38 +598,12 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">16x</span>
-<span class="cline-any cline-yes">16x</span>
-<span class="cline-any cline-yes">108x</span>
-<span class="cline-any cline-yes">108x</span>
-<span class="cline-any cline-yes">109x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">124x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">124x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">124x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">90x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">10x</span>
-<span class="cline-any cline-yes">124x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">124x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -827,70 +652,53 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
-<span class="cline-any cline-yes">124x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { cnb } from "cnbuilder";
-import type { ElementType, HTMLAttributes, ReactElement } from "react";
-import { forwardRef } from "react";
-import type { ThemeOrTextColor } from "../theme";
+import {
+  forwardRef,
+  type ElementType,
+  type HTMLAttributes,
+  type ReactElement,
+} from "react";
+import { cssUtils, type TextCssUtilsOptions } from "../cssUtils.js";
 &nbsp;
 /**
  * A union of all the material design provided typography styles. When used with
@@ -913,63 +721,8 @@ export type TypographyType =
   | "caption"
   | "overline";
 &nbsp;
-/**
- * The supported css `text-align` values.
- */
-export type TextAlign = "left" | "center" | "right";
-&nbsp;
-/**
- * The supported css `text-decoration` values.
- */
-export type TextDecoration = "underline" | "overline" | "line-through";
-&nbsp;
-/**
- * The supported css `text-transform` values.
- */
-export type TextTransform = "capitalize" | "uppercase" | "lowercase";
-&nbsp;
-/**
- * The supported css `font-weight` values.
- *
- * Note: You will need to ensure that you are using a web safe font for all the
- * font weights to work, use variable fonts, or load all font weights for your
- * custom font.
- *
- * @see {@link https://www.google.com/search?q=web+safe+fonts | Web Safe Fonts}
- * @see {@link https://www.google.com/search?q=variable+fonts | Variable FOnts}
- * @remarks \@since 6.0.0 This was `TextWeight` beforehand.
- */
-export type FontWeight =
-  | "thin"
-  | "light"
-  | "regular"
-  | "medium"
-  | "bold"
-  | "semi-bold"
-  | "black";
-&nbsp;
-/**
- * Since the typography within react-md tries to not modify base elements, the
- * default margin applied to heading tags (h1-h6) and paragraph (p) might have
- * large margin that you don't want applied when using this component. You can
- * disable:
- *
- * - only the top margin by setting this prop to `"bottom"`
- * - only the bottom margin by setting this prop to `"top"`
- * - top and bottom margin by setting this prop to `"none"`
- * - or keep the initial behavior: `"initial"`
- *
- * @remarks \@since 6.0.0
- */
-export type TypographyMargin = "initial" | "none" | "top" | "bottom";
-&nbsp;
-/**
- * The supported css `font-style` values.
- */
-export type FontStyle = "italic" | "oblique" | "normal";
-&nbsp;
 /** @remarks \@since 6.0.0 */
-export interface TypographyClassNameOptions {
+export interface TypographyClassNameOptions extends TextCssUtilsOptions {
   className?: string;
 &nbsp;
   /**
@@ -977,29 +730,6 @@ export interface TypographyClassNameOptions {
    * @defaultValue `"body-1"`
    */
   type?: TypographyType;
-&nbsp;
-  /** {@inheritDoc TextAlign} */
-  align?: TextAlign;
-  /** {@inheritDoc ThemeOrTextColor} */
-  textColor?: ThemeOrTextColor;
-  /** {@inheritDoc TextDecoration} */
-  decoration?: TextDecoration;
-  /** {@inheritDoc TextTransform} */
-  transform?: TextTransform;
-  /** {@inheritDoc FontWeight} */
-  weight?: FontWeight;
-  /** {@inheritDoc FontStyle} */
-  fontStyle?: FontStyle;
-  /**
-   * @see {@link TypographyMargin}
-   * @defaultValue `"initial"`
-   */
-  margin?: TypographyMargin;
-&nbsp;
-  /**
-   * @defaultValue `false`
-   */
-  disableLineWrap?: boolean;
 }
 &nbsp;
 /** @remarks \@since 6.0.0 */
@@ -1102,38 +832,14 @@ export type NullableTypographyClassNameOptions = Omit&lt;
 export function typography(
   options: NullableTypographyClassNameOptions = {}
 ): string {
-  const {
-    type = "body-1",
-    align,
-    textColor,
-    decoration,
-    transform,
-    weight,
-    fontStyle,
-    margin = "initial",
-    className,
-    disableLineWrap,
-  } = options;
+  const { type = "body-1" } = options;
 &nbsp;
   // using `&amp;&amp;` instead of `bem` since the latest version of typescript does not
   // support setting the same object key (empty string)
-  const p = "rmd-typography--";
   return cnb(
     "rmd-typography",
-    type &amp;&amp; `${p}${type}`,
-    margin === "none" &amp;&amp; `${p}no-margin`,
-    margin === "bottom" &amp;&amp; `${p}no-margin-top`,
-    margin === <span class="branch-0 cbranch-no" title="branch not covered" >"top" &amp;&amp; `${p}no-margin-bottom`,</span>
-    align &amp;&amp; `${p}${align}`,
-    // TODO: Implement text colors
-    textColor &amp;&amp; `${p}${textColor}`,
-    decoration === "overline" &amp;&amp; `${p}overline-decoration`,
-    decoration &amp;&amp; decoration !== <span class="branch-0 cbranch-no" title="branch not covered" >"overline" &amp;&amp; `${p}${decoration}`,</span>
-    transform &amp;&amp; `${p}${transform}`,
-    weight &amp;&amp; `${p}${weight}`,
-    fontStyle &amp;&amp; `${p}${fontStyle}`,
-<span class="branch-0 cbranch-no" title="branch not covered" >    disableLineWrap &amp;&amp; `${p}no-wrap`,</span>
-    className
+    type &amp;&amp; `rmd-typography--${type}`,
+    cssUtils(options)
   );
 }
 &nbsp;
@@ -1163,32 +869,32 @@ function getComponent(
   as: CustomTypographyComponent | undefined,
   type: TypographyType
 ): ElementType {
-  if (as) {
-    return as;
-  }
+  if (as) <span class="branch-0 cbranch-no" title="branch not covered" >{</span>
+<span class="cstat-no" title="statement not covered" >    return as;</span>
+<span class="cstat-no" title="statement not covered" >  }</span>
 &nbsp;
   switch (type) {
-    case "headline-1":
-      return "h1";
-    case "headline-2":
-      return "h2";
-    case "headline-3":
-      return "h3";
-    case "headline-4":
-      return "h4";
-    case "headline-5":
-      return "h5";
-    case "headline-6":
-    case "subtitle-1":
-    case "subtitle-2":
-      return "h6";
+<span class="branch-0 cbranch-no" title="branch not covered" >    case "headline-1":</span>
+<span class="cstat-no" title="statement not covered" >      return "h1";</span>
+<span class="branch-0 cbranch-no" title="branch not covered" >    case "headline-2":</span>
+<span class="cstat-no" title="statement not covered" >      return "h2";</span>
+<span class="branch-0 cbranch-no" title="branch not covered" >    case "headline-3":</span>
+<span class="cstat-no" title="statement not covered" >      return "h3";</span>
+<span class="branch-0 cbranch-no" title="branch not covered" >    case "headline-4":</span>
+<span class="cstat-no" title="statement not covered" >      return "h4";</span>
+<span class="branch-0 cbranch-no" title="branch not covered" >    case "headline-5":</span>
+<span class="cstat-no" title="statement not covered" >      return "h5";</span>
+<span class="branch-0 cbranch-no" title="branch not covered" >    case "headline-6":</span>
+<span class="branch-0 cbranch-no" title="branch not covered" >    case "subtitle-1":</span>
+<span class="branch-0 cbranch-no" title="branch not covered" >    case "subtitle-2":</span>
+<span class="cstat-no" title="statement not covered" >      return "h6";</span>
     case "body-1":
     case "body-2":
       return "p";
-    case "caption":
-      return "caption";
-    default:
-      return "span";
+<span class="branch-0 cbranch-no" title="branch not covered" >    case "caption":</span>
+<span class="cstat-no" title="statement not covered" >      return "caption";</span>
+<span class="branch-0 cbranch-no" title="branch not covered" >    default:</span>
+<span class="cstat-no" title="statement not covered" >      return "span";</span>
   }
 }
 &nbsp;
@@ -1261,18 +967,18 @@ export interface TypographyProps
 export const Typography = forwardRef&lt;TypographyHTMLElement, TypographyProps&gt;(
   function Typography(props, ref): ReactElement {
     const {
+      as,
       type = "body-1",
-      align,
-      textColor,
-      decoration,
-      transform,
-      weight,
-      fontStyle,
-      margin = "initial",
       className,
-      as,
+      margin,
+      fontStyle,
+      fontWeight,
+      textAlign,
+      textColor,
+      textDecoration,
+      textTransform,
+      textOverflow,
       children,
-      disableLineWrap,
       ...remaining
     } = props;
 &nbsp;
@@ -1283,14 +989,14 @@ export const Typography = forwardRef&lt;TypographyHTMLElement, TypographyProps&g
         ref={ref}
         className={typography({
           type,
-          align,
-          textColor,
-          decoration,
-          transform,
-          weight,
-          fontStyle,
           margin,
-          disableLineWrap,
+          fontStyle,
+          fontWeight,
+          textAlign,
+          textColor,
+          textDecoration,
+          textTransform,
+          textOverflow,
           className,
         })}
       &gt;
@@ -1306,7 +1012,7 @@ export const Typography = forwardRef&lt;TypographyHTMLElement, TypographyProps&g
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-07-29T22:34:25.923Z
+                at 2024-01-11T20:09:31.575Z
             </div>
         <script src="../prettify.js"></script>
         <script>