@react-md/core 1.0.0-next.7 → 1.0.0-next.8

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 (60) hide show
  1. package/.turbo/turbo-build.log +6 -6
  2. package/CHANGELOG.md +6 -0
  3. package/coverage/clover.xml +264 -389
  4. package/coverage/coverage-final.json +2 -3
  5. package/coverage/lcov-report/MenuItemCheckbox.tsx.html +223 -0
  6. package/coverage/lcov-report/MenuItemInputToggle.tsx.html +178 -232
  7. package/coverage/lcov-report/MenuItemRadio.tsx.html +436 -0
  8. package/coverage/lcov-report/SrOnly.tsx.html +328 -0
  9. package/coverage/lcov-report/Typography.tsx.html +1027 -0
  10. package/coverage/lcov-report/index.html +15 -30
  11. package/coverage/lcov-report/menuItemInputToggleStyles.ts.html +319 -0
  12. package/coverage/lcov.info +304 -436
  13. package/dist/_core.scss +49 -43
  14. package/dist/badge/_badge.scss +23 -19
  15. package/dist/form/MenuItemInputToggle.d.ts +2 -15
  16. package/dist/form/MenuItemInputToggle.js +26 -37
  17. package/dist/form/MenuItemInputToggle.js.map +1 -1
  18. package/dist/form/_form.scss +39 -16
  19. package/dist/form/menuItemInputToggleStyles.d.ts +39 -0
  20. package/dist/form/menuItemInputToggleStyles.js +31 -0
  21. package/dist/form/menuItemInputToggleStyles.js.map +1 -0
  22. package/dist/icon/_icon.scss +7 -5
  23. package/dist/index.d.ts +1 -0
  24. package/dist/index.js +1 -0
  25. package/dist/index.js.map +1 -1
  26. package/dist/interaction/_interaction.scss +56 -44
  27. package/dist/list/types.d.ts +10 -1
  28. package/dist/list/types.js.map +1 -1
  29. package/dist/menu/_menu.scss +1 -0
  30. package/dist/theme/_theme.scss +192 -34
  31. package/dist/typography/SrOnly.d.ts +3 -3
  32. package/dist/typography/SrOnly.js +4 -4
  33. package/dist/typography/SrOnly.js.map +1 -1
  34. package/dist/typography/Typography.d.ts +19 -19
  35. package/dist/typography/Typography.js +19 -19
  36. package/dist/typography/Typography.js.map +1 -1
  37. package/dist/typography/_typography.scss +65 -25
  38. package/package.json +11 -11
  39. package/src/_core.scss +49 -43
  40. package/src/badge/_badge.scss +23 -19
  41. package/src/button/__tests__/__snapshots__/Button.tsx.snap +1 -1
  42. package/src/form/MenuItemInputToggle.tsx +46 -64
  43. package/src/form/__tests__/MenuItemCheckbox.tsx +53 -0
  44. package/src/form/__tests__/MenuItemRadio.tsx +53 -0
  45. package/src/form/__tests__/__snapshots__/FileInput.tsx.snap +23 -23
  46. package/src/form/__tests__/__snapshots__/MenuItemCheckbox.tsx.snap +96 -0
  47. package/src/form/__tests__/__snapshots__/MenuItemRadio.tsx.snap +96 -0
  48. package/src/form/_form.scss +39 -16
  49. package/src/form/menuItemInputToggleStyles.ts +78 -0
  50. package/src/icon/_icon.scss +7 -5
  51. package/src/index.ts +1 -0
  52. package/src/interaction/_interaction.scss +56 -44
  53. package/src/list/types.ts +12 -1
  54. package/src/menu/_menu.scss +1 -0
  55. package/src/theme/_theme.scss +192 -34
  56. package/src/typography/SrOnly.tsx +9 -9
  57. package/src/typography/Typography.tsx +19 -19
  58. package/src/typography/__tests__/__snapshots__/SrOnly.tsx.snap +5 -5
  59. package/src/typography/_typography.scss +65 -25
  60. package/.turbo/turbo-lint.log +0 -12
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { nanoid } from \"nanoid\";\nexport * from \"./CoreProviders.js\";\nexport * from \"./NoSsr.js\";\nexport * from \"./SsrProvider.js\";\nexport * from \"./app-bar/AppBar.js\";\nexport * from \"./app-bar/AppBarTitle.js\";\nexport * from \"./avatar/Avatar.js\";\nexport * from \"./avatar/styles.js\";\nexport * from \"./badge/Badge.js\";\nexport * from \"./box/Box.js\";\nexport * from \"./box/styles.js\";\nexport * from \"./button/AsyncButton.js\";\nexport * from \"./button/Button.js\";\nexport * from \"./button/ButtonUnstyled.js\";\nexport * from \"./button/FloatingActionButton.js\";\nexport * from \"./button/TooltippedButton.js\";\nexport * from \"./button/buttonStyles.js\";\nexport * from \"./button/buttonUnstyledStyles.js\";\nexport * from \"./card/Card.js\";\nexport * from \"./card/CardContent.js\";\nexport * from \"./card/CardFooter.js\";\nexport * from \"./card/CardHeader.js\";\nexport * from \"./card/CardSubtitle.js\";\nexport * from \"./card/CardTitle.js\";\nexport * from \"./card/ClickableCard.js\";\nexport * from \"./card/styles.js\";\nexport * from \"./chip/Chip.js\";\nexport * from \"./chip/styles.js\";\nexport * from \"./cssUtils.js\";\nexport * from \"./delegateEvent.js\";\nexport * from \"./dialog/Dialog.js\";\nexport * from \"./dialog/DialogContainer.js\";\nexport * from \"./dialog/DialogContent.js\";\nexport * from \"./dialog/DialogFooter.js\";\nexport * from \"./dialog/DialogHeader.js\";\nexport * from \"./dialog/DialogTitle.js\";\nexport * from \"./dialog/FixedDialog.js\";\nexport * from \"./dialog/NestedDialogProvider.js\";\nexport * from \"./dialog/styles.js\";\nexport * from \"./divider/Divider.js\";\nexport * from \"./divider/styles.js\";\nexport * from \"./draggable/useDraggable.js\";\nexport * from \"./expansion-panel/ExpansionList.js\";\nexport * from \"./expansion-panel/ExpansionPanel.js\";\nexport * from \"./expansion-panel/ExpansionPanelHeader.js\";\nexport * from \"./expansion-panel/useExpansionList.js\";\nexport * from \"./expansion-panel/useExpansionPanels.js\";\nexport * from \"./focus/useFocusContainer.js\";\nexport * from \"./focus/utils.js\";\nexport * from \"./form/Checkbox.js\";\nexport * from \"./form/Fieldset.js\";\nexport * from \"./form/FileInput.js\";\nexport * from \"./form/Form.js\";\nexport * from \"./form/FormMessage.js\";\nexport * from \"./form/FormMessageContainer.js\";\nexport * from \"./form/FormMessageCounter.js\";\nexport * from \"./form/InputToggle.js\";\nexport * from \"./form/Label.js\";\nexport * from \"./form/Legend.js\";\nexport * from \"./form/MenuItemCheckbox.js\";\nexport * from \"./form/MenuItemFileInput.js\";\nexport * from \"./form/MenuItemInputToggle.js\";\nexport * from \"./form/MenuItemRadio.js\";\nexport * from \"./form/MenuItemSwitch.js\";\nexport * from \"./form/MenuItemTextField.js\";\nexport * from \"./form/NativeSelect.js\";\nexport * from \"./form/OptGroup.js\";\nexport * from \"./form/Option.js\";\nexport * from \"./form/Password.js\";\nexport * from \"./form/Radio.js\";\nexport * from \"./form/Select.js\";\nexport * from \"./form/Slider.js\";\nexport * from \"./form/SliderContainer.js\";\nexport * from \"./form/SliderMark.js\";\nexport * from \"./form/SliderMarkLabel.js\";\nexport * from \"./form/SliderThumb.js\";\nexport * from \"./form/SliderTrack.js\";\nexport * from \"./form/SliderValueMarks.js\";\nexport * from \"./form/SliderValueTooltip.js\";\nexport * from \"./form/Switch.js\";\nexport * from \"./form/TextArea.js\";\nexport * from \"./form/TextField.js\";\nexport * from \"./form/TextFieldAddon.js\";\nexport * from \"./form/TextFieldContainer.js\";\nexport * from \"./form/TextFieldContainerStyles.js\";\nexport * from \"./form/fileUtils.js\";\nexport * from \"./form/formConfig.js\";\nexport * from \"./form/formMessageStyles.js\";\nexport * from \"./form/nativeSelectStyles.js\";\nexport * from \"./form/optionStyles.js\";\nexport * from \"./form/passwordStyles.js\";\nexport * from \"./form/selectStyles.js\";\nexport * from \"./form/switchStyles.js\";\nexport * from \"./form/textFieldStyles.js\";\nexport * from \"./form/types.js\";\nexport * from \"./form/useCheckboxGroup.js\";\nexport * from \"./form/useFileUpload.js\";\nexport * from \"./form/useNumberField.js\";\nexport * from \"./form/useRadioGroup.js\";\nexport * from \"./form/useRangeSlider.js\";\nexport * from \"./form/useSlider.js\";\nexport * from \"./form/useTextField.js\";\nexport * from \"./form/validation.js\";\nexport * from \"./hoverMode/useHoverMode.js\";\nexport * from \"./hoverMode/useHoverModeProvider.js\";\nexport * from \"./icon/FontIcon.js\";\nexport * from \"./icon/IconRotator.js\";\nexport * from \"./icon/MaterialIcon.js\";\nexport * from \"./icon/MaterialSymbol.js\";\nexport * from \"./icon/SVGIcon.js\";\nexport * from \"./icon/TextIconSpacing.js\";\nexport * from \"./icon/iconConfig.js\";\nexport * from \"./icon/material.js\";\nexport * from \"./icon/materialConfig.js\";\nexport * from \"./icon/styles.js\";\nexport * from \"./interaction/Ripple.js\";\nexport * from \"./interaction/RippleContainer.js\";\nexport * from \"./interaction/UserInteractionModeProvider.js\";\nexport * from \"./interaction/config.js\";\nexport * from \"./interaction/types.js\";\nexport * from \"./interaction/useElementInteraction.js\";\nexport * from \"./interaction/useHigherContrastChildren.js\";\nexport * from \"./layout/LayoutAppBar.js\";\nexport * from \"./layout/LayoutNav.js\";\nexport * from \"./layout/LayoutWindowSplitter.js\";\nexport * from \"./layout/Main.js\";\nexport * from \"./layout/layoutNavStyles.js\";\nexport * from \"./layout/layoutWindowSplitterStyles.js\";\nexport * from \"./layout/mainStyles.js\";\nexport * from \"./layout/useExpandableLayout.js\";\nexport * from \"./layout/useHorizontalLayoutTransition.js\";\nexport * from \"./layout/useLayoutAppBarHeight.js\";\nexport * from \"./layout/useLayoutTree.js\";\nexport * from \"./layout/useLayoutWindowSplitter.js\";\nexport * from \"./layout/useMainTabIndex.js\";\nexport * from \"./layout/useResizableLayout.js\";\nexport * from \"./layout/useTemporaryLayout.js\";\nexport * from \"./link/Link.js\";\nexport * from \"./link/SkipToMainContent.js\";\nexport * from \"./link/styles.js\";\nexport * from \"./list/List.js\";\nexport * from \"./list/ListItem.js\";\nexport * from \"./list/ListItemAddon.js\";\nexport * from \"./list/ListItemChildren.js\";\nexport * from \"./list/ListItemLink.js\";\nexport * from \"./list/ListItemText.js\";\nexport * from \"./list/ListSubheader.js\";\nexport * from \"./list/getListItemHeight.js\";\nexport * from \"./list/listItemStyles.js\";\nexport * from \"./list/types.js\";\nexport * from \"./media-queries/AppSizeProvider.js\";\nexport * from \"./media-queries/appSize.js\";\nexport * from \"./media-queries/useMediaQuery.js\";\nexport * from \"./menu/DropdownMenu.js\";\nexport * from \"./menu/Menu.js\";\nexport * from \"./menu/MenuBar.js\";\nexport * from \"./menu/MenuButton.js\";\nexport * from \"./menu/MenuConfigurationProvider.js\";\nexport * from \"./menu/MenuItem.js\";\nexport * from \"./menu/MenuItemButton.js\";\nexport * from \"./menu/MenuItemGroup.js\";\nexport * from \"./menu/MenuItemSeparator.js\";\nexport * from \"./menu/MenuSheet.js\";\nexport * from \"./menu/MenuVisibilityProvider.js\";\nexport * from \"./menu/MenuWidget.js\";\nexport * from \"./menu/useContextMenu.js\";\nexport * from \"./menu/useMenuBarProvider.js\";\nexport * from \"./movement/constants.js\";\nexport * from \"./movement/findMatchIndex.js\";\nexport * from \"./movement/types.js\";\nexport * from \"./movement/useKeyboardMovementProvider.js\";\nexport * from \"./movement/utils.js\";\nexport * from \"./overlay/Overlay.js\";\nexport * from \"./overlay/overlayStyles.js\";\nexport * from \"./portal/Portal.js\";\nexport * from \"./portal/PortalContainerProvider.js\";\nexport * from \"./positioning/constants.js\";\nexport * from \"./positioning/types.js\";\nexport * from \"./positioning/useFixedPositioning.js\";\nexport * from \"./progress/CircularProgress.js\";\nexport * from \"./progress/LinearProgress.js\";\nexport * from \"./progress/getProgressA11y.js\";\nexport * from \"./progress/types.js\";\nexport * from \"./responsive-item/ResponsiveItemContainer.js\";\nexport * from \"./responsive-item/ResponsiveItemOverlay.js\";\nexport * from \"./responsive-item/styles.js\";\nexport * from \"./scroll/ScrollLock.js\";\nexport * from \"./scroll/getScrollbarWidth.js\";\nexport * from \"./scroll/useScrollLock.js\";\nexport * from \"./segmented-button/SegmentedButton.js\";\nexport * from \"./segmented-button/SegmentedButtonContainer.js\";\nexport * from \"./segmented-button/segmentedButtonContainerStyles.js\";\nexport * from \"./segmented-button/segmentedButtonStyles.js\";\nexport * from \"./sheet/Sheet.js\";\nexport * from \"./sheet/styles.js\";\nexport * from \"./snackbar/DefaultToastRenderer.js\";\nexport * from \"./snackbar/Snackbar.js\";\nexport * from \"./snackbar/Toast.js\";\nexport * from \"./snackbar/ToastActionButton.js\";\nexport * from \"./snackbar/ToastCloseButton.js\";\nexport * from \"./snackbar/ToastContent.js\";\nexport * from \"./snackbar/ToastManager.js\";\nexport * from \"./snackbar/ToastManagerProvider.js\";\nexport * from \"./snackbar/snackbarStyles.js\";\nexport * from \"./snackbar/toastContentStyles.js\";\nexport * from \"./snackbar/toastStyles.js\";\nexport * from \"./snackbar/useCurrentToastActions.js\";\nexport * from \"./suspense/CircularProgressSuspense.js\";\nexport * from \"./suspense/NullSuspense.js\";\nexport * from \"./table/Table.js\";\nexport * from \"./table/TableBody.js\";\nexport * from \"./table/TableCell.js\";\nexport * from \"./table/TableCellContent.js\";\nexport * from \"./table/TableCheckbox.js\";\nexport * from \"./table/TableConfigurationProvider.js\";\nexport * from \"./table/TableContainer.js\";\nexport * from \"./table/TableContainerProvider.js\";\nexport * from \"./table/TableFooter.js\";\nexport * from \"./table/TableHeader.js\";\nexport * from \"./table/TableRadio.js\";\nexport * from \"./table/TableRow.js\";\nexport * from \"./table/tableCellStyles.js\";\nexport * from \"./table/tableFooterStyles.js\";\nexport * from \"./table/tableHeaderStyles.js\";\nexport * from \"./table/tableRowStyles.js\";\nexport * from \"./table/tableStyles.js\";\nexport * from \"./table/types.js\";\nexport * from \"./tabs/Tab.js\";\nexport * from \"./tabs/TabList.js\";\nexport * from \"./tabs/TabListScrollButton.js\";\nexport * from \"./tabs/tabIndicatorStyles.js\";\nexport * from \"./tabs/tabListScrollButtonStyles.js\";\nexport * from \"./tabs/tabListStyles.js\";\nexport * from \"./tabs/tabStyles.js\";\nexport * from \"./tabs/useTabs.js\";\nexport { getTabListScrollToOptions } from \"./tabs/utils.js\";\nexport type {\n GetTabListScrollToOptions,\n TabListScrollToOptions,\n} from \"./tabs/utils.js\";\nexport * from \"./theme/LocalStorageColorSchemeProvider.js\";\nexport * from \"./theme/ThemeProvider.js\";\nexport * from \"./theme/colors.js\";\nexport * from \"./theme/cssVars.js\";\nexport * from \"./theme/types.js\";\nexport * from \"./theme/useCSSVariables.js\";\nexport * from \"./theme/useColorScheme.js\";\nexport * from \"./theme/useColorSchemeMetaTag.js\";\nexport * from \"./theme/useColorSchemeProvider.js\";\nexport * from \"./theme/usePrefersColorScheme.js\";\nexport * from \"./theme/utils.js\";\nexport * from \"./tooltip/Tooltip.js\";\nexport * from \"./tooltip/TooltipHoverModeProvider.js\";\nexport * from \"./tooltip/constants.js\";\nexport * from \"./tooltip/useTooltip.js\";\nexport * from \"./transition/CSSTransition.js\";\nexport * from \"./transition/Collapse.js\";\nexport * from \"./transition/CrossFade.js\";\nexport * from \"./transition/ScaleTransition.js\";\nexport * from \"./transition/SkeletonPlaceholder.js\";\nexport * from \"./transition/Slide.js\";\nexport * from \"./transition/SlideContainer.js\";\nexport * from \"./transition/config.js\";\nexport * from \"./transition/maxWidthTransition.js\";\nexport * from \"./transition/skeletonPlaceholderUtils.js\";\nexport * from \"./transition/types.js\";\nexport * from \"./transition/useCSSTransition.js\";\nexport * from \"./transition/useCarousel.js\";\nexport * from \"./transition/useCollapseTransition.js\";\nexport * from \"./transition/useCrossFadeTransition.js\";\nexport * from \"./transition/useMaxWidthTransition.js\";\nexport * from \"./transition/useScaleTransition.js\";\nexport * from \"./transition/useSkeletonPlaceholder.js\";\nexport * from \"./transition/useSlideTransition.js\";\nexport * from \"./transition/useTransition.js\";\nexport * from \"./tree/DefaultTreeItemRenderer.js\";\nexport * from \"./tree/Tree.js\";\nexport * from \"./tree/TreeGroup.js\";\nexport * from \"./tree/TreeItem.js\";\nexport * from \"./tree/TreeItemExpander.js\";\nexport * from \"./tree/TreeProvider.js\";\nexport * from \"./tree/styles.js\";\nexport * from \"./tree/types.js\";\nexport * from \"./tree/useTree.js\";\nexport * from \"./tree/useTreeExpansion.js\";\nexport * from \"./tree/useTreeItems.js\";\nexport * from \"./tree/useTreeSelection.js\";\nexport * from \"./tree/utils.js\";\nexport * from \"./types.js\";\nexport * from \"./typography/SrOnly.js\";\nexport * from \"./typography/TextContainer.js\";\nexport * from \"./typography/Typography.js\";\nexport * from \"./typography/WritingDirectionProvider.js\";\nexport * from \"./useAsyncAction.js\";\nexport * from \"./useDebouncedFunction.js\";\nexport * from \"./useDropzone.js\";\nexport * from \"./useElementSize.js\";\nexport * from \"./useEnsuredId.js\";\nexport * from \"./useEnsuredRef.js\";\nexport * from \"./useHtmlClassName.js\";\nexport * from \"./useIntersectionObserver.js\";\nexport * from \"./useIsomorphicLayoutEffect.js\";\nexport * from \"./useLocalStorage.js\";\nexport * from \"./useOrientation.js\";\nexport * from \"./usePageInactive.js\";\nexport * from \"./useResizeListener.js\";\nexport * from \"./useResizeObserver.js\";\nexport * from \"./useThrottledFunction.js\";\nexport * from \"./useToggle.js\";\nexport * from \"./useUnmounted.js\";\nexport * from \"./useWindowSize.js\";\nexport * from \"./utils/RenderRecursively.js\";\nexport * from \"./utils/alphaNumericSort.js\";\nexport * from \"./utils/applyRef.js\";\nexport * from \"./utils/bem.js\";\nexport * from \"./utils/filters.js\";\nexport * from \"./utils/getClientPosition.js\";\nexport * from \"./utils/getMiddleOfRange.js\";\nexport * from \"./utils/getPercentage.js\";\nexport * from \"./utils/getRangeDefaultValue.js\";\nexport * from \"./utils/getRangeSteps.js\";\nexport * from \"./utils/identity.js\";\nexport * from \"./utils/isElementVisible.js\";\nexport * from \"./utils/loop.js\";\nexport * from \"./utils/nearest.js\";\nexport * from \"./utils/parseCssLengthUnit.js\";\nexport * from \"./utils/randomInt.js\";\nexport * from \"./utils/wait.js\";\nexport * from \"./utils/withinRange.js\";\nexport * from \"./window-splitter/WindowSplitter.js\";\nexport * from \"./window-splitter/useWindowSplitter.js\";\n"],"names":["nanoid","getTabListScrollToOptions"],"mappings":"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"}
1
+ {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { nanoid } from \"nanoid\";\nexport * from \"./CoreProviders.js\";\nexport * from \"./NoSsr.js\";\nexport * from \"./SsrProvider.js\";\nexport * from \"./app-bar/AppBar.js\";\nexport * from \"./app-bar/AppBarTitle.js\";\nexport * from \"./avatar/Avatar.js\";\nexport * from \"./avatar/styles.js\";\nexport * from \"./badge/Badge.js\";\nexport * from \"./box/Box.js\";\nexport * from \"./box/styles.js\";\nexport * from \"./button/AsyncButton.js\";\nexport * from \"./button/Button.js\";\nexport * from \"./button/ButtonUnstyled.js\";\nexport * from \"./button/FloatingActionButton.js\";\nexport * from \"./button/TooltippedButton.js\";\nexport * from \"./button/buttonStyles.js\";\nexport * from \"./button/buttonUnstyledStyles.js\";\nexport * from \"./card/Card.js\";\nexport * from \"./card/CardContent.js\";\nexport * from \"./card/CardFooter.js\";\nexport * from \"./card/CardHeader.js\";\nexport * from \"./card/CardSubtitle.js\";\nexport * from \"./card/CardTitle.js\";\nexport * from \"./card/ClickableCard.js\";\nexport * from \"./card/styles.js\";\nexport * from \"./chip/Chip.js\";\nexport * from \"./chip/styles.js\";\nexport * from \"./cssUtils.js\";\nexport * from \"./delegateEvent.js\";\nexport * from \"./dialog/Dialog.js\";\nexport * from \"./dialog/DialogContainer.js\";\nexport * from \"./dialog/DialogContent.js\";\nexport * from \"./dialog/DialogFooter.js\";\nexport * from \"./dialog/DialogHeader.js\";\nexport * from \"./dialog/DialogTitle.js\";\nexport * from \"./dialog/FixedDialog.js\";\nexport * from \"./dialog/NestedDialogProvider.js\";\nexport * from \"./dialog/styles.js\";\nexport * from \"./divider/Divider.js\";\nexport * from \"./divider/styles.js\";\nexport * from \"./draggable/useDraggable.js\";\nexport * from \"./expansion-panel/ExpansionList.js\";\nexport * from \"./expansion-panel/ExpansionPanel.js\";\nexport * from \"./expansion-panel/ExpansionPanelHeader.js\";\nexport * from \"./expansion-panel/useExpansionList.js\";\nexport * from \"./expansion-panel/useExpansionPanels.js\";\nexport * from \"./focus/useFocusContainer.js\";\nexport * from \"./focus/utils.js\";\nexport * from \"./form/Checkbox.js\";\nexport * from \"./form/Fieldset.js\";\nexport * from \"./form/FileInput.js\";\nexport * from \"./form/Form.js\";\nexport * from \"./form/FormMessage.js\";\nexport * from \"./form/FormMessageContainer.js\";\nexport * from \"./form/FormMessageCounter.js\";\nexport * from \"./form/InputToggle.js\";\nexport * from \"./form/Label.js\";\nexport * from \"./form/Legend.js\";\nexport * from \"./form/MenuItemCheckbox.js\";\nexport * from \"./form/MenuItemFileInput.js\";\nexport * from \"./form/MenuItemInputToggle.js\";\nexport * from \"./form/MenuItemRadio.js\";\nexport * from \"./form/MenuItemSwitch.js\";\nexport * from \"./form/MenuItemTextField.js\";\nexport * from \"./form/NativeSelect.js\";\nexport * from \"./form/OptGroup.js\";\nexport * from \"./form/Option.js\";\nexport * from \"./form/Password.js\";\nexport * from \"./form/Radio.js\";\nexport * from \"./form/Select.js\";\nexport * from \"./form/Slider.js\";\nexport * from \"./form/SliderContainer.js\";\nexport * from \"./form/SliderMark.js\";\nexport * from \"./form/SliderMarkLabel.js\";\nexport * from \"./form/SliderThumb.js\";\nexport * from \"./form/SliderTrack.js\";\nexport * from \"./form/SliderValueMarks.js\";\nexport * from \"./form/SliderValueTooltip.js\";\nexport * from \"./form/Switch.js\";\nexport * from \"./form/TextArea.js\";\nexport * from \"./form/TextField.js\";\nexport * from \"./form/TextFieldAddon.js\";\nexport * from \"./form/TextFieldContainer.js\";\nexport * from \"./form/TextFieldContainerStyles.js\";\nexport * from \"./form/fileUtils.js\";\nexport * from \"./form/formConfig.js\";\nexport * from \"./form/formMessageStyles.js\";\nexport * from \"./form/menuItemInputToggleStyles.js\";\nexport * from \"./form/nativeSelectStyles.js\";\nexport * from \"./form/optionStyles.js\";\nexport * from \"./form/passwordStyles.js\";\nexport * from \"./form/selectStyles.js\";\nexport * from \"./form/switchStyles.js\";\nexport * from \"./form/textFieldStyles.js\";\nexport * from \"./form/types.js\";\nexport * from \"./form/useCheckboxGroup.js\";\nexport * from \"./form/useFileUpload.js\";\nexport * from \"./form/useNumberField.js\";\nexport * from \"./form/useRadioGroup.js\";\nexport * from \"./form/useRangeSlider.js\";\nexport * from \"./form/useSlider.js\";\nexport * from \"./form/useTextField.js\";\nexport * from \"./form/validation.js\";\nexport * from \"./hoverMode/useHoverMode.js\";\nexport * from \"./hoverMode/useHoverModeProvider.js\";\nexport * from \"./icon/FontIcon.js\";\nexport * from \"./icon/IconRotator.js\";\nexport * from \"./icon/MaterialIcon.js\";\nexport * from \"./icon/MaterialSymbol.js\";\nexport * from \"./icon/SVGIcon.js\";\nexport * from \"./icon/TextIconSpacing.js\";\nexport * from \"./icon/iconConfig.js\";\nexport * from \"./icon/material.js\";\nexport * from \"./icon/materialConfig.js\";\nexport * from \"./icon/styles.js\";\nexport * from \"./interaction/Ripple.js\";\nexport * from \"./interaction/RippleContainer.js\";\nexport * from \"./interaction/UserInteractionModeProvider.js\";\nexport * from \"./interaction/config.js\";\nexport * from \"./interaction/types.js\";\nexport * from \"./interaction/useElementInteraction.js\";\nexport * from \"./interaction/useHigherContrastChildren.js\";\nexport * from \"./layout/LayoutAppBar.js\";\nexport * from \"./layout/LayoutNav.js\";\nexport * from \"./layout/LayoutWindowSplitter.js\";\nexport * from \"./layout/Main.js\";\nexport * from \"./layout/layoutNavStyles.js\";\nexport * from \"./layout/layoutWindowSplitterStyles.js\";\nexport * from \"./layout/mainStyles.js\";\nexport * from \"./layout/useExpandableLayout.js\";\nexport * from \"./layout/useHorizontalLayoutTransition.js\";\nexport * from \"./layout/useLayoutAppBarHeight.js\";\nexport * from \"./layout/useLayoutTree.js\";\nexport * from \"./layout/useLayoutWindowSplitter.js\";\nexport * from \"./layout/useMainTabIndex.js\";\nexport * from \"./layout/useResizableLayout.js\";\nexport * from \"./layout/useTemporaryLayout.js\";\nexport * from \"./link/Link.js\";\nexport * from \"./link/SkipToMainContent.js\";\nexport * from \"./link/styles.js\";\nexport * from \"./list/List.js\";\nexport * from \"./list/ListItem.js\";\nexport * from \"./list/ListItemAddon.js\";\nexport * from \"./list/ListItemChildren.js\";\nexport * from \"./list/ListItemLink.js\";\nexport * from \"./list/ListItemText.js\";\nexport * from \"./list/ListSubheader.js\";\nexport * from \"./list/getListItemHeight.js\";\nexport * from \"./list/listItemStyles.js\";\nexport * from \"./list/types.js\";\nexport * from \"./media-queries/AppSizeProvider.js\";\nexport * from \"./media-queries/appSize.js\";\nexport * from \"./media-queries/useMediaQuery.js\";\nexport * from \"./menu/DropdownMenu.js\";\nexport * from \"./menu/Menu.js\";\nexport * from \"./menu/MenuBar.js\";\nexport * from \"./menu/MenuButton.js\";\nexport * from \"./menu/MenuConfigurationProvider.js\";\nexport * from \"./menu/MenuItem.js\";\nexport * from \"./menu/MenuItemButton.js\";\nexport * from \"./menu/MenuItemGroup.js\";\nexport * from \"./menu/MenuItemSeparator.js\";\nexport * from \"./menu/MenuSheet.js\";\nexport * from \"./menu/MenuVisibilityProvider.js\";\nexport * from \"./menu/MenuWidget.js\";\nexport * from \"./menu/useContextMenu.js\";\nexport * from \"./menu/useMenuBarProvider.js\";\nexport * from \"./movement/constants.js\";\nexport * from \"./movement/findMatchIndex.js\";\nexport * from \"./movement/types.js\";\nexport * from \"./movement/useKeyboardMovementProvider.js\";\nexport * from \"./movement/utils.js\";\nexport * from \"./overlay/Overlay.js\";\nexport * from \"./overlay/overlayStyles.js\";\nexport * from \"./portal/Portal.js\";\nexport * from \"./portal/PortalContainerProvider.js\";\nexport * from \"./positioning/constants.js\";\nexport * from \"./positioning/types.js\";\nexport * from \"./positioning/useFixedPositioning.js\";\nexport * from \"./progress/CircularProgress.js\";\nexport * from \"./progress/LinearProgress.js\";\nexport * from \"./progress/getProgressA11y.js\";\nexport * from \"./progress/types.js\";\nexport * from \"./responsive-item/ResponsiveItemContainer.js\";\nexport * from \"./responsive-item/ResponsiveItemOverlay.js\";\nexport * from \"./responsive-item/styles.js\";\nexport * from \"./scroll/ScrollLock.js\";\nexport * from \"./scroll/getScrollbarWidth.js\";\nexport * from \"./scroll/useScrollLock.js\";\nexport * from \"./segmented-button/SegmentedButton.js\";\nexport * from \"./segmented-button/SegmentedButtonContainer.js\";\nexport * from \"./segmented-button/segmentedButtonContainerStyles.js\";\nexport * from \"./segmented-button/segmentedButtonStyles.js\";\nexport * from \"./sheet/Sheet.js\";\nexport * from \"./sheet/styles.js\";\nexport * from \"./snackbar/DefaultToastRenderer.js\";\nexport * from \"./snackbar/Snackbar.js\";\nexport * from \"./snackbar/Toast.js\";\nexport * from \"./snackbar/ToastActionButton.js\";\nexport * from \"./snackbar/ToastCloseButton.js\";\nexport * from \"./snackbar/ToastContent.js\";\nexport * from \"./snackbar/ToastManager.js\";\nexport * from \"./snackbar/ToastManagerProvider.js\";\nexport * from \"./snackbar/snackbarStyles.js\";\nexport * from \"./snackbar/toastContentStyles.js\";\nexport * from \"./snackbar/toastStyles.js\";\nexport * from \"./snackbar/useCurrentToastActions.js\";\nexport * from \"./suspense/CircularProgressSuspense.js\";\nexport * from \"./suspense/NullSuspense.js\";\nexport * from \"./table/Table.js\";\nexport * from \"./table/TableBody.js\";\nexport * from \"./table/TableCell.js\";\nexport * from \"./table/TableCellContent.js\";\nexport * from \"./table/TableCheckbox.js\";\nexport * from \"./table/TableConfigurationProvider.js\";\nexport * from \"./table/TableContainer.js\";\nexport * from \"./table/TableContainerProvider.js\";\nexport * from \"./table/TableFooter.js\";\nexport * from \"./table/TableHeader.js\";\nexport * from \"./table/TableRadio.js\";\nexport * from \"./table/TableRow.js\";\nexport * from \"./table/tableCellStyles.js\";\nexport * from \"./table/tableFooterStyles.js\";\nexport * from \"./table/tableHeaderStyles.js\";\nexport * from \"./table/tableRowStyles.js\";\nexport * from \"./table/tableStyles.js\";\nexport * from \"./table/types.js\";\nexport * from \"./tabs/Tab.js\";\nexport * from \"./tabs/TabList.js\";\nexport * from \"./tabs/TabListScrollButton.js\";\nexport * from \"./tabs/tabIndicatorStyles.js\";\nexport * from \"./tabs/tabListScrollButtonStyles.js\";\nexport * from \"./tabs/tabListStyles.js\";\nexport * from \"./tabs/tabStyles.js\";\nexport * from \"./tabs/useTabs.js\";\nexport { getTabListScrollToOptions } from \"./tabs/utils.js\";\nexport type {\n GetTabListScrollToOptions,\n TabListScrollToOptions,\n} from \"./tabs/utils.js\";\nexport * from \"./theme/LocalStorageColorSchemeProvider.js\";\nexport * from \"./theme/ThemeProvider.js\";\nexport * from \"./theme/colors.js\";\nexport * from \"./theme/cssVars.js\";\nexport * from \"./theme/types.js\";\nexport * from \"./theme/useCSSVariables.js\";\nexport * from \"./theme/useColorScheme.js\";\nexport * from \"./theme/useColorSchemeMetaTag.js\";\nexport * from \"./theme/useColorSchemeProvider.js\";\nexport * from \"./theme/usePrefersColorScheme.js\";\nexport * from \"./theme/utils.js\";\nexport * from \"./tooltip/Tooltip.js\";\nexport * from \"./tooltip/TooltipHoverModeProvider.js\";\nexport * from \"./tooltip/constants.js\";\nexport * from \"./tooltip/useTooltip.js\";\nexport * from \"./transition/CSSTransition.js\";\nexport * from \"./transition/Collapse.js\";\nexport * from \"./transition/CrossFade.js\";\nexport * from \"./transition/ScaleTransition.js\";\nexport * from \"./transition/SkeletonPlaceholder.js\";\nexport * from \"./transition/Slide.js\";\nexport * from \"./transition/SlideContainer.js\";\nexport * from \"./transition/config.js\";\nexport * from \"./transition/maxWidthTransition.js\";\nexport * from \"./transition/skeletonPlaceholderUtils.js\";\nexport * from \"./transition/types.js\";\nexport * from \"./transition/useCSSTransition.js\";\nexport * from \"./transition/useCarousel.js\";\nexport * from \"./transition/useCollapseTransition.js\";\nexport * from \"./transition/useCrossFadeTransition.js\";\nexport * from \"./transition/useMaxWidthTransition.js\";\nexport * from \"./transition/useScaleTransition.js\";\nexport * from \"./transition/useSkeletonPlaceholder.js\";\nexport * from \"./transition/useSlideTransition.js\";\nexport * from \"./transition/useTransition.js\";\nexport * from \"./tree/DefaultTreeItemRenderer.js\";\nexport * from \"./tree/Tree.js\";\nexport * from \"./tree/TreeGroup.js\";\nexport * from \"./tree/TreeItem.js\";\nexport * from \"./tree/TreeItemExpander.js\";\nexport * from \"./tree/TreeProvider.js\";\nexport * from \"./tree/styles.js\";\nexport * from \"./tree/types.js\";\nexport * from \"./tree/useTree.js\";\nexport * from \"./tree/useTreeExpansion.js\";\nexport * from \"./tree/useTreeItems.js\";\nexport * from \"./tree/useTreeSelection.js\";\nexport * from \"./tree/utils.js\";\nexport * from \"./types.js\";\nexport * from \"./typography/SrOnly.js\";\nexport * from \"./typography/TextContainer.js\";\nexport * from \"./typography/Typography.js\";\nexport * from \"./typography/WritingDirectionProvider.js\";\nexport * from \"./useAsyncAction.js\";\nexport * from \"./useDebouncedFunction.js\";\nexport * from \"./useDropzone.js\";\nexport * from \"./useElementSize.js\";\nexport * from \"./useEnsuredId.js\";\nexport * from \"./useEnsuredRef.js\";\nexport * from \"./useHtmlClassName.js\";\nexport * from \"./useIntersectionObserver.js\";\nexport * from \"./useIsomorphicLayoutEffect.js\";\nexport * from \"./useLocalStorage.js\";\nexport * from \"./useOrientation.js\";\nexport * from \"./usePageInactive.js\";\nexport * from \"./useResizeListener.js\";\nexport * from \"./useResizeObserver.js\";\nexport * from \"./useThrottledFunction.js\";\nexport * from \"./useToggle.js\";\nexport * from \"./useUnmounted.js\";\nexport * from \"./useWindowSize.js\";\nexport * from \"./utils/RenderRecursively.js\";\nexport * from \"./utils/alphaNumericSort.js\";\nexport * from \"./utils/applyRef.js\";\nexport * from \"./utils/bem.js\";\nexport * from \"./utils/filters.js\";\nexport * from \"./utils/getClientPosition.js\";\nexport * from \"./utils/getMiddleOfRange.js\";\nexport * from \"./utils/getPercentage.js\";\nexport * from \"./utils/getRangeDefaultValue.js\";\nexport * from \"./utils/getRangeSteps.js\";\nexport * from \"./utils/identity.js\";\nexport * from \"./utils/isElementVisible.js\";\nexport * from \"./utils/loop.js\";\nexport * from \"./utils/nearest.js\";\nexport * from \"./utils/parseCssLengthUnit.js\";\nexport * from \"./utils/randomInt.js\";\nexport * from \"./utils/wait.js\";\nexport * from \"./utils/withinRange.js\";\nexport * from \"./window-splitter/WindowSplitter.js\";\nexport * from \"./window-splitter/useWindowSplitter.js\";\n"],"names":["nanoid","getTabListScrollToOptions"],"mappings":"AAAA,SAASA,MAAM,QAAQ,SAAS;AAChC,cAAc,qBAAqB;AACnC,cAAc,aAAa;AAC3B,cAAc,mBAAmB;AACjC,cAAc,sBAAsB;AACpC,cAAc,2BAA2B;AACzC,cAAc,qBAAqB;AACnC,cAAc,qBAAqB;AACnC,cAAc,mBAAmB;AACjC,cAAc,eAAe;AAC7B,cAAc,kBAAkB;AAChC,cAAc,0BAA0B;AACxC,cAAc,qBAAqB;AACnC,cAAc,6BAA6B;AAC3C,cAAc,mCAAmC;AACjD,cAAc,+BAA+B;AAC7C,cAAc,2BAA2B;AACzC,cAAc,mCAAmC;AACjD,cAAc,iBAAiB;AAC/B,cAAc,wBAAwB;AACtC,cAAc,uBAAuB;AACrC,cAAc,uBAAuB;AACrC,cAAc,yBAAyB;AACvC,cAAc,sBAAsB;AACpC,cAAc,0BAA0B;AACxC,cAAc,mBAAmB;AACjC,cAAc,iBAAiB;AAC/B,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,qBAAqB;AACnC,cAAc,qBAAqB;AACnC,cAAc,8BAA8B;AAC5C,cAAc,4BAA4B;AAC1C,cAAc,2BAA2B;AACzC,cAAc,2BAA2B;AACzC,cAAc,0BAA0B;AACxC,cAAc,0BAA0B;AACxC,cAAc,mCAAmC;AACjD,cAAc,qBAAqB;AACnC,cAAc,uBAAuB;AACrC,cAAc,sBAAsB;AACpC,cAAc,8BAA8B;AAC5C,cAAc,qCAAqC;AACnD,cAAc,sCAAsC;AACpD,cAAc,4CAA4C;AAC1D,cAAc,wCAAwC;AACtD,cAAc,0CAA0C;AACxD,cAAc,+BAA+B;AAC7C,cAAc,mBAAmB;AACjC,cAAc,qBAAqB;AACnC,cAAc,qBAAqB;AACnC,cAAc,sBAAsB;AACpC,cAAc,iBAAiB;AAC/B,cAAc,wBAAwB;AACtC,cAAc,iCAAiC;AAC/C,cAAc,+BAA+B;AAC7C,cAAc,wBAAwB;AACtC,cAAc,kBAAkB;AAChC,cAAc,mBAAmB;AACjC,cAAc,6BAA6B;AAC3C,cAAc,8BAA8B;AAC5C,cAAc,gCAAgC;AAC9C,cAAc,0BAA0B;AACxC,cAAc,2BAA2B;AACzC,cAAc,8BAA8B;AAC5C,cAAc,yBAAyB;AACvC,cAAc,qBAAqB;AACnC,cAAc,mBAAmB;AACjC,cAAc,qBAAqB;AACnC,cAAc,kBAAkB;AAChC,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,4BAA4B;AAC1C,cAAc,uBAAuB;AACrC,cAAc,4BAA4B;AAC1C,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,6BAA6B;AAC3C,cAAc,+BAA+B;AAC7C,cAAc,mBAAmB;AACjC,cAAc,qBAAqB;AACnC,cAAc,sBAAsB;AACpC,cAAc,2BAA2B;AACzC,cAAc,+BAA+B;AAC7C,cAAc,qCAAqC;AACnD,cAAc,sBAAsB;AACpC,cAAc,uBAAuB;AACrC,cAAc,8BAA8B;AAC5C,cAAc,sCAAsC;AACpD,cAAc,+BAA+B;AAC7C,cAAc,yBAAyB;AACvC,cAAc,2BAA2B;AACzC,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,4BAA4B;AAC1C,cAAc,kBAAkB;AAChC,cAAc,6BAA6B;AAC3C,cAAc,0BAA0B;AACxC,cAAc,2BAA2B;AACzC,cAAc,0BAA0B;AACxC,cAAc,2BAA2B;AACzC,cAAc,sBAAsB;AACpC,cAAc,yBAAyB;AACvC,cAAc,uBAAuB;AACrC,cAAc,8BAA8B;AAC5C,cAAc,sCAAsC;AACpD,cAAc,qBAAqB;AACnC,cAAc,wBAAwB;AACtC,cAAc,yBAAyB;AACvC,cAAc,2BAA2B;AACzC,cAAc,oBAAoB;AAClC,cAAc,4BAA4B;AAC1C,cAAc,uBAAuB;AACrC,cAAc,qBAAqB;AACnC,cAAc,2BAA2B;AACzC,cAAc,mBAAmB;AACjC,cAAc,0BAA0B;AACxC,cAAc,mCAAmC;AACjD,cAAc,+CAA+C;AAC7D,cAAc,0BAA0B;AACxC,cAAc,yBAAyB;AACvC,cAAc,yCAAyC;AACvD,cAAc,6CAA6C;AAC3D,cAAc,2BAA2B;AACzC,cAAc,wBAAwB;AACtC,cAAc,mCAAmC;AACjD,cAAc,mBAAmB;AACjC,cAAc,8BAA8B;AAC5C,cAAc,yCAAyC;AACvD,cAAc,yBAAyB;AACvC,cAAc,kCAAkC;AAChD,cAAc,4CAA4C;AAC1D,cAAc,oCAAoC;AAClD,cAAc,4BAA4B;AAC1C,cAAc,sCAAsC;AACpD,cAAc,8BAA8B;AAC5C,cAAc,iCAAiC;AAC/C,cAAc,iCAAiC;AAC/C,cAAc,iBAAiB;AAC/B,cAAc,8BAA8B;AAC5C,cAAc,mBAAmB;AACjC,cAAc,iBAAiB;AAC/B,cAAc,qBAAqB;AACnC,cAAc,0BAA0B;AACxC,cAAc,6BAA6B;AAC3C,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,0BAA0B;AACxC,cAAc,8BAA8B;AAC5C,cAAc,2BAA2B;AACzC,cAAc,kBAAkB;AAChC,cAAc,qCAAqC;AACnD,cAAc,6BAA6B;AAC3C,cAAc,mCAAmC;AACjD,cAAc,yBAAyB;AACvC,cAAc,iBAAiB;AAC/B,cAAc,oBAAoB;AAClC,cAAc,uBAAuB;AACrC,cAAc,sCAAsC;AACpD,cAAc,qBAAqB;AACnC,cAAc,2BAA2B;AACzC,cAAc,0BAA0B;AACxC,cAAc,8BAA8B;AAC5C,cAAc,sBAAsB;AACpC,cAAc,mCAAmC;AACjD,cAAc,uBAAuB;AACrC,cAAc,2BAA2B;AACzC,cAAc,+BAA+B;AAC7C,cAAc,0BAA0B;AACxC,cAAc,+BAA+B;AAC7C,cAAc,sBAAsB;AACpC,cAAc,4CAA4C;AAC1D,cAAc,sBAAsB;AACpC,cAAc,uBAAuB;AACrC,cAAc,6BAA6B;AAC3C,cAAc,qBAAqB;AACnC,cAAc,sCAAsC;AACpD,cAAc,6BAA6B;AAC3C,cAAc,yBAAyB;AACvC,cAAc,uCAAuC;AACrD,cAAc,iCAAiC;AAC/C,cAAc,+BAA+B;AAC7C,cAAc,gCAAgC;AAC9C,cAAc,sBAAsB;AACpC,cAAc,+CAA+C;AAC7D,cAAc,6CAA6C;AAC3D,cAAc,8BAA8B;AAC5C,cAAc,yBAAyB;AACvC,cAAc,gCAAgC;AAC9C,cAAc,4BAA4B;AAC1C,cAAc,wCAAwC;AACtD,cAAc,iDAAiD;AAC/D,cAAc,uDAAuD;AACrE,cAAc,8CAA8C;AAC5D,cAAc,mBAAmB;AACjC,cAAc,oBAAoB;AAClC,cAAc,qCAAqC;AACnD,cAAc,yBAAyB;AACvC,cAAc,sBAAsB;AACpC,cAAc,kCAAkC;AAChD,cAAc,iCAAiC;AAC/C,cAAc,6BAA6B;AAC3C,cAAc,6BAA6B;AAC3C,cAAc,qCAAqC;AACnD,cAAc,+BAA+B;AAC7C,cAAc,mCAAmC;AACjD,cAAc,4BAA4B;AAC1C,cAAc,uCAAuC;AACrD,cAAc,yCAAyC;AACvD,cAAc,6BAA6B;AAC3C,cAAc,mBAAmB;AACjC,cAAc,uBAAuB;AACrC,cAAc,uBAAuB;AACrC,cAAc,8BAA8B;AAC5C,cAAc,2BAA2B;AACzC,cAAc,wCAAwC;AACtD,cAAc,4BAA4B;AAC1C,cAAc,oCAAoC;AAClD,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,wBAAwB;AACtC,cAAc,sBAAsB;AACpC,cAAc,6BAA6B;AAC3C,cAAc,+BAA+B;AAC7C,cAAc,+BAA+B;AAC7C,cAAc,4BAA4B;AAC1C,cAAc,yBAAyB;AACvC,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,oBAAoB;AAClC,cAAc,gCAAgC;AAC9C,cAAc,+BAA+B;AAC7C,cAAc,sCAAsC;AACpD,cAAc,0BAA0B;AACxC,cAAc,sBAAsB;AACpC,cAAc,oBAAoB;AAClC,SAASC,yBAAyB,QAAQ,kBAAkB;AAK5D,cAAc,6CAA6C;AAC3D,cAAc,2BAA2B;AACzC,cAAc,oBAAoB;AAClC,cAAc,qBAAqB;AACnC,cAAc,mBAAmB;AACjC,cAAc,6BAA6B;AAC3C,cAAc,4BAA4B;AAC1C,cAAc,mCAAmC;AACjD,cAAc,oCAAoC;AAClD,cAAc,mCAAmC;AACjD,cAAc,mBAAmB;AACjC,cAAc,uBAAuB;AACrC,cAAc,wCAAwC;AACtD,cAAc,yBAAyB;AACvC,cAAc,0BAA0B;AACxC,cAAc,gCAAgC;AAC9C,cAAc,2BAA2B;AACzC,cAAc,4BAA4B;AAC1C,cAAc,kCAAkC;AAChD,cAAc,sCAAsC;AACpD,cAAc,wBAAwB;AACtC,cAAc,iCAAiC;AAC/C,cAAc,yBAAyB;AACvC,cAAc,qCAAqC;AACnD,cAAc,2CAA2C;AACzD,cAAc,wBAAwB;AACtC,cAAc,mCAAmC;AACjD,cAAc,8BAA8B;AAC5C,cAAc,wCAAwC;AACtD,cAAc,yCAAyC;AACvD,cAAc,wCAAwC;AACtD,cAAc,qCAAqC;AACnD,cAAc,yCAAyC;AACvD,cAAc,qCAAqC;AACnD,cAAc,gCAAgC;AAC9C,cAAc,oCAAoC;AAClD,cAAc,iBAAiB;AAC/B,cAAc,sBAAsB;AACpC,cAAc,qBAAqB;AACnC,cAAc,6BAA6B;AAC3C,cAAc,yBAAyB;AACvC,cAAc,mBAAmB;AACjC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,6BAA6B;AAC3C,cAAc,yBAAyB;AACvC,cAAc,6BAA6B;AAC3C,cAAc,kBAAkB;AAChC,cAAc,aAAa;AAC3B,cAAc,yBAAyB;AACvC,cAAc,gCAAgC;AAC9C,cAAc,6BAA6B;AAC3C,cAAc,2CAA2C;AACzD,cAAc,sBAAsB;AACpC,cAAc,4BAA4B;AAC1C,cAAc,mBAAmB;AACjC,cAAc,sBAAsB;AACpC,cAAc,oBAAoB;AAClC,cAAc,qBAAqB;AACnC,cAAc,wBAAwB;AACtC,cAAc,+BAA+B;AAC7C,cAAc,iCAAiC;AAC/C,cAAc,uBAAuB;AACrC,cAAc,sBAAsB;AACpC,cAAc,uBAAuB;AACrC,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,4BAA4B;AAC1C,cAAc,iBAAiB;AAC/B,cAAc,oBAAoB;AAClC,cAAc,qBAAqB;AACnC,cAAc,+BAA+B;AAC7C,cAAc,8BAA8B;AAC5C,cAAc,sBAAsB;AACpC,cAAc,iBAAiB;AAC/B,cAAc,qBAAqB;AACnC,cAAc,+BAA+B;AAC7C,cAAc,8BAA8B;AAC5C,cAAc,2BAA2B;AACzC,cAAc,kCAAkC;AAChD,cAAc,2BAA2B;AACzC,cAAc,sBAAsB;AACpC,cAAc,8BAA8B;AAC5C,cAAc,kBAAkB;AAChC,cAAc,qBAAqB;AACnC,cAAc,gCAAgC;AAC9C,cAAc,uBAAuB;AACrC,cAAc,kBAAkB;AAChC,cAAc,yBAAyB;AACvC,cAAc,sCAAsC;AACpD,cAAc,yCAAyC"}
@@ -5,19 +5,20 @@
5
5
  @use "../theme/theme";
6
6
  @use "../transition/transition";
7
7
 
8
- /// ripple | press | both | null
8
+ /// ripple | press | both | none
9
9
  $mode: ripple !default;
10
+ $disable-surface: false !default;
10
11
  $disable-outline-offset: false !default;
11
12
  $disable-focus-background: false !default;
12
13
  $disable-ripple-inset-var: false !default;
13
14
  $disable-ripple-border-radius-var: false !default;
14
- $disable-surface-inset-var: false !default;
15
- $disable-surface-border-radius-var: false !default;
15
+ $disable-surface-inset-var: $disable-surface !default;
16
+ $disable-surface-border-radius-var: $disable-surface !default;
16
17
 
17
18
  $_disable-ripple: not
18
19
  list.index(
19
20
  (ripple, both),
20
- utils.validate((ripple, press, both, null), $mode, "interaction mode")
21
+ utils.validate((ripple, press, both, none), $mode, "interaction mode")
21
22
  );
22
23
 
23
24
  $pressed-class-name: "rmd-pressed";
@@ -189,22 +190,25 @@ $variables: (
189
190
  }
190
191
 
191
192
  @mixin use-light-surface {
192
- @include set-var(
193
- hover-background-color,
194
- $light-surface-hover-background-color
195
- );
196
- @include set-var(
197
- focus-background-color,
198
- $light-surface-focus-background-color
199
- );
200
- @include set-var(
201
- press-background-color,
202
- $light-surface-press-background-color
203
- );
204
- @include set-var(
205
- selected-background-color,
206
- $light-surface-selected-background-color
207
- );
193
+ @if not $disable-surface {
194
+ @include set-var(
195
+ hover-background-color,
196
+ $light-surface-hover-background-color
197
+ );
198
+ @include set-var(
199
+ focus-background-color,
200
+ $light-surface-focus-background-color
201
+ );
202
+ @include set-var(
203
+ press-background-color,
204
+ $light-surface-press-background-color
205
+ );
206
+ @include set-var(
207
+ selected-background-color,
208
+ $light-surface-selected-background-color
209
+ );
210
+ }
211
+
208
212
  @if not $_disable-ripple {
209
213
  @include set-var(
210
214
  ripple-background-color,
@@ -214,22 +218,25 @@ $variables: (
214
218
  }
215
219
 
216
220
  @mixin use-dark-surface {
217
- @include set-var(
218
- hover-background-color,
219
- $dark-surface-hover-background-color
220
- );
221
- @include set-var(
222
- focus-background-color,
223
- $dark-surface-focus-background-color
224
- );
225
- @include set-var(
226
- press-background-color,
227
- $dark-surface-press-background-color
228
- );
229
- @include set-var(
230
- selected-background-color,
231
- $dark-surface-selected-background-color
232
- );
221
+ @if not $disable-surface {
222
+ @include set-var(
223
+ hover-background-color,
224
+ $dark-surface-hover-background-color
225
+ );
226
+ @include set-var(
227
+ focus-background-color,
228
+ $dark-surface-focus-background-color
229
+ );
230
+ @include set-var(
231
+ press-background-color,
232
+ $dark-surface-press-background-color
233
+ );
234
+ @include set-var(
235
+ selected-background-color,
236
+ $dark-surface-selected-background-color
237
+ );
238
+ }
239
+
233
240
  @if not $_disable-ripple {
234
241
  @include set-var(
235
242
  ripple-background-color,
@@ -360,10 +367,13 @@ $variables: (
360
367
  @mixin variables {
361
368
  @include set-var(focus-color, $focus-color);
362
369
  @include set-var(focus-width, $focus-width);
363
- @include set-var(hover-background-color, $hover-background-color);
364
- @include set-var(focus-background-color, $focus-background-color);
365
- @include set-var(press-background-color, $press-background-color);
366
- @include set-var(selected-background-color, $selected-background-color);
370
+
371
+ @if not $disable-surface {
372
+ @include set-var(hover-background-color, $hover-background-color);
373
+ @include set-var(focus-background-color, $focus-background-color);
374
+ @include set-var(press-background-color, $press-background-color);
375
+ @include set-var(selected-background-color, $selected-background-color);
376
+ }
367
377
 
368
378
  @if not $_disable-ripple {
369
379
  @include set-var(ripple-background-color, $ripple-background-color);
@@ -415,10 +425,12 @@ $variables: (
415
425
  }
416
426
  }
417
427
 
418
- .rmd-interaction-surface {
419
- @include surface(
420
- $disabled-selector: "&:disabled,&[aria-disabled='true']"
421
- );
428
+ @if not $disable-surface {
429
+ .rmd-interaction-surface {
430
+ @include surface(
431
+ $disabled-selector: "&:disabled,&[aria-disabled='true']"
432
+ );
433
+ }
422
434
  }
423
435
  }
424
436
  }
@@ -117,7 +117,14 @@ export interface ListItemChildrenAddonProps {
117
117
  */
118
118
  disableRightAddonCenteredMedia?: boolean;
119
119
  }
120
- export interface ListItemChildrenProps extends ListItemChildrenAddonProps {
120
+ /**
121
+ * Note: This interface was added since there are components that replace the
122
+ * {@link ListItemChildrenAddonProps} with renamed versions but should still
123
+ * support everything for rendering text.
124
+ *
125
+ * @remarks \@since 6.0.0
126
+ */
127
+ export interface ListItemChildrenTextProps {
121
128
  /**
122
129
  * The main content to display. When the `textChildren` prop is enabled and
123
130
  * there is child content, it will be treated as primary text and update the
@@ -182,3 +189,5 @@ export interface ListItemChildrenProps extends ListItemChildrenAddonProps {
182
189
  */
183
190
  multiline?: boolean;
184
191
  }
192
+ export interface ListItemChildrenProps extends ListItemChildrenTextProps, ListItemChildrenAddonProps {
193
+ }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/list/types.ts"],"sourcesContent":["import { type HTMLAttributes, type ReactNode } from \"react\";\nimport { type PropsWithRef } from \"../types.js\";\n\n/**\n * The height to apply to the list item.\n *\n * Conversions:\n *\n * - height !== undefined && height !== \"auto\" -&gt; height\n * - secondaryText or left/right addon is media/media-large -&gt; \"extra-large\"\n * - left/right addon is avatar -&gt; \"large\"\n * - left/right addon is icon -&gt; \"medium\"\n * - no addons and no secondary text -&gt; \"normal\"\n */\nexport type ListItemHeight =\n | \"auto\"\n | \"normal\"\n | \"medium\"\n | \"large\"\n | \"extra-large\";\n\nexport type ListItemAddonPosition = \"top\" | \"middle\" | \"bottom\";\nexport type ListItemAddonType = \"icon\" | \"avatar\" | \"media\" | \"large-media\";\n\n/** @remarks \\@since 6.0.0 */\nexport interface ListItemChildrenAddonProps {\n /**\n * An optional addon to display to the left of the `primaryText` or\n * `children` and should be used with the `leftAddonType` prop to adjust\n * spacing.\n */\n leftAddon?: ReactNode;\n\n /**\n * The type of the addon that appears to the left of the `primaryText` or\n * `children`.\n *\n * @defaultValue `\"icon\"`\n */\n leftAddonType?: ListItemAddonType;\n\n /**\n * The vertical position the left icon, avatar, media, or large media\n * should be placed.\n *\n * @defaultValue `\"middle\"`\n */\n leftAddonPosition?: ListItemAddonPosition;\n\n /**\n * @remarks \\@since 6.0.0\n */\n leftAddonClassName?: string;\n\n /**\n * Set this to `true` if your addon does not accept a `className` prop to\n * apply the correct styling.\n *\n * @defaultValue `leftAddonType === \"media\" || leftAddonType === \"large-media\"`\n * @remarks \\@since 6.0.0\n */\n leftAddonForceWrap?: boolean;\n\n /**\n * Set this to `true` to disable the additional spacing applied to the addons\n * that appear before the `children` and the normal `--rmd-text-icon-spacing`\n * value is used instead.\n *\n * @defaultValue `false`\n */\n disableLeftAddonSpacing?: boolean;\n\n /**\n * An optional addon to display to the right of the `primaryText` or\n * `children` and should be used with the `rightAddonType` prop to adjust\n * spacing.\n */\n rightAddon?: ReactNode;\n\n /**\n * The type of the addon that appears to the right of the `primaryText` or\n * `children`.\n *\n * @defaultValue `\"icon\"`\n */\n rightAddonType?: ListItemAddonType;\n\n /**\n * The vertical position the right icon, avatar, media, or large media\n * should be placed.\n *\n * @defaultValue `\"middle\"`\n */\n rightAddonPosition?: ListItemAddonPosition;\n\n /**\n * @remarks \\@since 6.0.0\n */\n rightAddonClassName?: string;\n\n /**\n * Set this to `true` if your addon does not accept a `className` prop to\n * apply the correct styling.\n *\n * @defaultValue `rightAddonType === \"media\" || rightAddonType === \"large-media\"`\n * @remarks \\@since 6.0.0\n */\n rightAddonForceWrap?: boolean;\n\n /**\n * The media items are centered by default using:\n * ```scss\n * align-items: center;\n * display: flex;\n * justify-content: center;\n * ```\n *\n * When this is set to `true`, the flex styles will not be applied.\n *\n * @defaultValue `false`\n * @remarks \\@since 6.0.0\n */\n disableLeftAddonCenteredMedia?: boolean;\n\n /**\n * The media items are centered by default using:\n * ```scss\n * align-items: center;\n * display: flex;\n * justify-content: center;\n * ```\n *\n * When this is set to `true`, the flex styles will not be applied.\n *\n * @defaultValue `false`\n * @remarks \\@since 6.0.0\n */\n disableRightAddonCenteredMedia?: boolean;\n}\n\nexport interface ListItemChildrenProps extends ListItemChildrenAddonProps {\n /**\n * The main content to display. When the `textChildren` prop is enabled and\n * there is child content, it will be treated as primary text and update the\n * styles automatically.\n */\n children?: ReactNode;\n\n /**\n * Any additional props that should be passed to the `<span>` surrounding\n * the {@link children}, {@link primaryText}, and {@link secondaryText}.\n *\n * @remarks \\@since 6.0.0\n */\n textProps?: PropsWithRef<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;\n\n /**\n * An optional className to apply to the `<span>` that surrounds the\n * `primaryText` and optionally `secondaryText` within the list item.\n */\n textClassName?: string;\n\n /**\n * An optional className to apply to the `<span>` that surrounds the\n * `secondaryText` within the list item.\n */\n secondaryTextClassName?: string;\n\n /**\n * Set this to `true` if the {@link children} should not automatically be\n * wrapped in the `ListItemText` component.\n *\n * @remarks \\@since 6.0.0 Renamed from `textChildren` since it was defaulted on.\n * @defaultValue `false`\n */\n disableTextChildren?: boolean;\n\n /**\n * An optional element that should be rendered as the `primaryText` within the\n * list item. It is most likely easier to use the `children` prop instead, but\n * this allows you to create more complex components with the `ListItem` since\n * you can provided `children` and have the styles for the `primaryText` still\n * applied. By default, this will only allow one line of text and add ellipsis\n * for any text overflow.\n */\n primaryText?: ReactNode;\n\n /**\n * An optional element that should be rendered as the `secondaryText` within\n * the list item. By default, this will only span one line and add ellipsis\n * for overflow.\n */\n secondaryText?: ReactNode;\n\n /**\n * Any additional props that should be passed to the `<span>` surrounding\n * the {@link secondaryText}.\n *\n * @remarks \\@since 6.0.0\n */\n secondaryTextProps?: PropsWithRef<\n HTMLAttributes<HTMLSpanElement>,\n HTMLSpanElement\n >;\n\n /**\n * Set this to `true` to allow the {@link secondaryText} to span multiple\n * lines and use the CSS clamp after two lines of text are visible. The number\n * of lines can be configured by `core.$list-item-multiline-clamp` or\n * `@include core.list-set-var(item-multiline-clamp, $new-value)`.\n *\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp}\n * @defaultValue `false`\n */\n multiline?: boolean;\n}\n"],"names":[],"mappings":"AA4IA,WA2EC"}
1
+ {"version":3,"sources":["../../src/list/types.ts"],"sourcesContent":["import { type HTMLAttributes, type ReactNode } from \"react\";\nimport { type PropsWithRef } from \"../types.js\";\n\n/**\n * The height to apply to the list item.\n *\n * Conversions:\n *\n * - height !== undefined && height !== \"auto\" -&gt; height\n * - secondaryText or left/right addon is media/media-large -&gt; \"extra-large\"\n * - left/right addon is avatar -&gt; \"large\"\n * - left/right addon is icon -&gt; \"medium\"\n * - no addons and no secondary text -&gt; \"normal\"\n */\nexport type ListItemHeight =\n | \"auto\"\n | \"normal\"\n | \"medium\"\n | \"large\"\n | \"extra-large\";\n\nexport type ListItemAddonPosition = \"top\" | \"middle\" | \"bottom\";\nexport type ListItemAddonType = \"icon\" | \"avatar\" | \"media\" | \"large-media\";\n\n/** @remarks \\@since 6.0.0 */\nexport interface ListItemChildrenAddonProps {\n /**\n * An optional addon to display to the left of the `primaryText` or\n * `children` and should be used with the `leftAddonType` prop to adjust\n * spacing.\n */\n leftAddon?: ReactNode;\n\n /**\n * The type of the addon that appears to the left of the `primaryText` or\n * `children`.\n *\n * @defaultValue `\"icon\"`\n */\n leftAddonType?: ListItemAddonType;\n\n /**\n * The vertical position the left icon, avatar, media, or large media\n * should be placed.\n *\n * @defaultValue `\"middle\"`\n */\n leftAddonPosition?: ListItemAddonPosition;\n\n /**\n * @remarks \\@since 6.0.0\n */\n leftAddonClassName?: string;\n\n /**\n * Set this to `true` if your addon does not accept a `className` prop to\n * apply the correct styling.\n *\n * @defaultValue `leftAddonType === \"media\" || leftAddonType === \"large-media\"`\n * @remarks \\@since 6.0.0\n */\n leftAddonForceWrap?: boolean;\n\n /**\n * Set this to `true` to disable the additional spacing applied to the addons\n * that appear before the `children` and the normal `--rmd-text-icon-spacing`\n * value is used instead.\n *\n * @defaultValue `false`\n */\n disableLeftAddonSpacing?: boolean;\n\n /**\n * An optional addon to display to the right of the `primaryText` or\n * `children` and should be used with the `rightAddonType` prop to adjust\n * spacing.\n */\n rightAddon?: ReactNode;\n\n /**\n * The type of the addon that appears to the right of the `primaryText` or\n * `children`.\n *\n * @defaultValue `\"icon\"`\n */\n rightAddonType?: ListItemAddonType;\n\n /**\n * The vertical position the right icon, avatar, media, or large media\n * should be placed.\n *\n * @defaultValue `\"middle\"`\n */\n rightAddonPosition?: ListItemAddonPosition;\n\n /**\n * @remarks \\@since 6.0.0\n */\n rightAddonClassName?: string;\n\n /**\n * Set this to `true` if your addon does not accept a `className` prop to\n * apply the correct styling.\n *\n * @defaultValue `rightAddonType === \"media\" || rightAddonType === \"large-media\"`\n * @remarks \\@since 6.0.0\n */\n rightAddonForceWrap?: boolean;\n\n /**\n * The media items are centered by default using:\n * ```scss\n * align-items: center;\n * display: flex;\n * justify-content: center;\n * ```\n *\n * When this is set to `true`, the flex styles will not be applied.\n *\n * @defaultValue `false`\n * @remarks \\@since 6.0.0\n */\n disableLeftAddonCenteredMedia?: boolean;\n\n /**\n * The media items are centered by default using:\n * ```scss\n * align-items: center;\n * display: flex;\n * justify-content: center;\n * ```\n *\n * When this is set to `true`, the flex styles will not be applied.\n *\n * @defaultValue `false`\n * @remarks \\@since 6.0.0\n */\n disableRightAddonCenteredMedia?: boolean;\n}\n\n/**\n * Note: This interface was added since there are components that replace the\n * {@link ListItemChildrenAddonProps} with renamed versions but should still\n * support everything for rendering text.\n *\n * @remarks \\@since 6.0.0\n */\nexport interface ListItemChildrenTextProps {\n /**\n * The main content to display. When the `textChildren` prop is enabled and\n * there is child content, it will be treated as primary text and update the\n * styles automatically.\n */\n children?: ReactNode;\n\n /**\n * Any additional props that should be passed to the `<span>` surrounding\n * the {@link children}, {@link primaryText}, and {@link secondaryText}.\n *\n * @remarks \\@since 6.0.0\n */\n textProps?: PropsWithRef<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;\n\n /**\n * An optional className to apply to the `<span>` that surrounds the\n * `primaryText` and optionally `secondaryText` within the list item.\n */\n textClassName?: string;\n\n /**\n * An optional className to apply to the `<span>` that surrounds the\n * `secondaryText` within the list item.\n */\n secondaryTextClassName?: string;\n\n /**\n * Set this to `true` if the {@link children} should not automatically be\n * wrapped in the `ListItemText` component.\n *\n * @remarks \\@since 6.0.0 Renamed from `textChildren` since it was defaulted on.\n * @defaultValue `false`\n */\n disableTextChildren?: boolean;\n\n /**\n * An optional element that should be rendered as the `primaryText` within the\n * list item. It is most likely easier to use the `children` prop instead, but\n * this allows you to create more complex components with the `ListItem` since\n * you can provided `children` and have the styles for the `primaryText` still\n * applied. By default, this will only allow one line of text and add ellipsis\n * for any text overflow.\n */\n primaryText?: ReactNode;\n\n /**\n * An optional element that should be rendered as the `secondaryText` within\n * the list item. By default, this will only span one line and add ellipsis\n * for overflow.\n */\n secondaryText?: ReactNode;\n\n /**\n * Any additional props that should be passed to the `<span>` surrounding\n * the {@link secondaryText}.\n *\n * @remarks \\@since 6.0.0\n */\n secondaryTextProps?: PropsWithRef<\n HTMLAttributes<HTMLSpanElement>,\n HTMLSpanElement\n >;\n\n /**\n * Set this to `true` to allow the {@link secondaryText} to span multiple\n * lines and use the CSS clamp after two lines of text are visible. The number\n * of lines can be configured by `core.$list-item-multiline-clamp` or\n * `@include core.list-set-var(item-multiline-clamp, $new-value)`.\n *\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp}\n * @defaultValue `false`\n */\n multiline?: boolean;\n}\n\nexport interface ListItemChildrenProps\n extends ListItemChildrenTextProps,\n ListItemChildrenAddonProps {}\n"],"names":[],"mappings":"AAgOA,WAEiC"}
@@ -44,6 +44,7 @@ $variables: (background-color, color, min-width, spacing);
44
44
  .rmd-menu {
45
45
  outline: none;
46
46
  overflow: auto;
47
+ overflow-wrap: anywhere;
47
48
 
48
49
  &--elevated {
49
50
  @include box-shadows.box-shadow(
@@ -37,6 +37,25 @@ $disable-dark-elevation: $color-scheme == light !default;
37
37
  $disable-default-system-theme: false !default;
38
38
  $disable-default-root-theme: false !default;
39
39
 
40
+ // this should only be used if your application does not use menu, dialog,
41
+ // sheet, card, expansion-panel, select, app-bar (theme="surface")
42
+ $disable-surface-color: false !default;
43
+ $disable-primary-color: false !default;
44
+ $disable-on-primary-color: $disable-primary-color !default;
45
+ $disable-secondary-color: false !default;
46
+ $disable-on-secondary-color: $disable-secondary-color !default;
47
+ $disable-warning-color: false !default;
48
+ $disable-on-warning-color: $disable-warning-color !default;
49
+ $disable-error-color: false !default;
50
+ $disable-on-error-color: $disable-error-color !default;
51
+ $disable-success-color: false !default;
52
+ $disable-on-success-color: $disable-success-color !default;
53
+ $disable-outline-grey-color: false !default;
54
+ $disable-text-primary-color: false !default;
55
+ $disable-text-secondary-color: false !default;
56
+ $disable-text-hint-color: false !default;
57
+ $disable-text-disabled-color: false !default;
58
+
40
59
  $primary-color: colors.$blue-500 !default;
41
60
  $on-primary-color: a11y.contrast-color($primary-color) !default;
42
61
  $secondary-color: colors.$orange-a-400 !default;
@@ -152,7 +171,79 @@ $theme-variables: (
152
171
  outline-grey-color
153
172
  );
154
173
 
174
+ @function _is-var-disabled($name) {
175
+ @if $name == surface-color {
176
+ @return $disable-surface-color;
177
+ }
178
+
179
+ @if $name == primary-color {
180
+ @return $disable-primary-color;
181
+ }
182
+
183
+ @if $name == on-primary-color {
184
+ @return $disable-on-primary-color;
185
+ }
186
+
187
+ @if $name == secondary-color {
188
+ @return $disable-secondary-color;
189
+ }
190
+
191
+ @if $name == on-secondary-color {
192
+ @return $disable-on-secondary-color;
193
+ }
194
+
195
+ @if $name == warning-color {
196
+ @return $disable-warning-color;
197
+ }
198
+
199
+ @if $name == on-warning-color {
200
+ @return $disable-on-warning-color;
201
+ }
202
+
203
+ @if $name == error-color {
204
+ @return $disable-error-color;
205
+ }
206
+
207
+ @if $name == on-error-color {
208
+ @return $disable-on-error-color;
209
+ }
210
+
211
+ @if $name == success-color {
212
+ @return $disable-success-color;
213
+ }
214
+
215
+ @if $name == on-success-color {
216
+ @return $disable-on-success-color;
217
+ }
218
+
219
+ @if $name == text-primary-color {
220
+ @return $disable-text-primary-color;
221
+ }
222
+
223
+ @if $name == text-secondary-color {
224
+ @return $disable-text-secondary-color;
225
+ }
226
+
227
+ @if $name == text-hint-color {
228
+ @return $disable-text-hint-color;
229
+ }
230
+
231
+ @if $name == text-disabled-color {
232
+ @return $disable-text-disabled-color;
233
+ }
234
+
235
+ @if $name == outline-grey-color {
236
+ @return $disable-outline-grey-color;
237
+ }
238
+
239
+ @return false;
240
+ }
241
+
155
242
  @function theme-get-var($name, $fallback: null) {
243
+ @if _is-var-disabled($name) {
244
+ @return $fallback;
245
+ }
246
+
156
247
  $var: utils.get-var-name($theme-variables, $name, "theme");
157
248
 
158
249
  @if $fallback {
@@ -175,6 +266,10 @@ $theme-variables: (
175
266
  }
176
267
 
177
268
  @mixin theme-set-var($name, $value-or-theme-name) {
269
+ @if _is-var-disabled($name) {
270
+ @error '"#{$name}" is currently disabled and cannot be changed. Set "$disable-#{$name}-var" to `true` or remove it from the Sass module overrides.';
271
+ }
272
+
178
273
  $var: utils.get-var-name($theme-variables, $name, "theme");
179
274
  $value: $value-or-theme-name;
180
275
  @if list.index($theme-variables, $value-or-theme-name) {
@@ -186,6 +281,10 @@ $theme-variables: (
186
281
  }
187
282
 
188
283
  @mixin theme-use-var($property, $name: $property, $fallback: null) {
284
+ @if _is-var-disabled($name) {
285
+ @error '"#{$name}" is currently disabled and cannot be changed. Set "$disable-#{$name}-var" to `true` or remove it from the Sass module overrides.';
286
+ }
287
+
189
288
  #{$property}: theme-get-var($name, $fallback);
190
289
  }
191
290
 
@@ -203,16 +302,27 @@ $theme-variables: (
203
302
 
204
303
  @mixin use-light-theme-colors {
205
304
  @include theme-set-var(background-color, $light-theme-background-color);
206
- @if $disable-dark-elevation {
305
+ @if $disable-dark-elevation and not $disable-surface-color {
207
306
  @include theme-set-var(surface-color, $light-theme-surface-color);
208
307
  }
209
- @include theme-set-var(text-primary-color, $light-theme-text-primary-color);
210
- @include theme-set-var(
211
- text-secondary-color,
212
- $light-theme-text-secondary-color
213
- );
214
- @include theme-set-var(text-hint-color, $light-theme-text-hint-color);
215
- @include theme-set-var(text-disabled-color, $light-theme-text-disabled-color);
308
+ @if not $disable-text-primary-color {
309
+ @include theme-set-var(text-primary-color, $light-theme-text-primary-color);
310
+ }
311
+ @if not $disable-text-secondary-color {
312
+ @include theme-set-var(
313
+ text-secondary-color,
314
+ $light-theme-text-secondary-color
315
+ );
316
+ }
317
+ @if not $disable-text-hint-color {
318
+ @include theme-set-var(text-hint-color, $light-theme-text-hint-color);
319
+ }
320
+ @if not $disable-text-disabled-color {
321
+ @include theme-set-var(
322
+ text-disabled-color,
323
+ $light-theme-text-disabled-color
324
+ );
325
+ }
216
326
 
217
327
  @if not $disable-dark-elevation and $color-scheme != light {
218
328
  @include use-light-theme-elevation-colors;
@@ -221,16 +331,27 @@ $theme-variables: (
221
331
 
222
332
  @mixin use-dark-theme-colors {
223
333
  @include theme-set-var(background-color, $dark-theme-background-color);
224
- @if $disable-dark-elevation {
334
+ @if $disable-dark-elevation and not $disable-surface-color {
225
335
  @include theme-set-var(surface-color, $dark-theme-surface-color);
226
336
  }
227
- @include theme-set-var(text-primary-color, $dark-theme-text-primary-color);
228
- @include theme-set-var(
229
- text-secondary-color,
230
- $dark-theme-text-secondary-color
231
- );
232
- @include theme-set-var(text-hint-color, $dark-theme-text-hint-color);
233
- @include theme-set-var(text-disabled-color, $dark-theme-text-disabled-color);
337
+ @if not $disable-text-primary-color {
338
+ @include theme-set-var(text-primary-color, $dark-theme-text-primary-color);
339
+ }
340
+ @if not $disable-text-secondary-color {
341
+ @include theme-set-var(
342
+ text-secondary-color,
343
+ $dark-theme-text-secondary-color
344
+ );
345
+ }
346
+ @if not $disable-text-hint-color {
347
+ @include theme-set-var(text-hint-color, $dark-theme-text-hint-color);
348
+ }
349
+ @if not $disable-text-disabled-color {
350
+ @include theme-set-var(
351
+ text-disabled-color,
352
+ $dark-theme-text-disabled-color
353
+ );
354
+ }
234
355
 
235
356
  @if not $disable-dark-elevation {
236
357
  @include use-dark-theme-elevation-colors;
@@ -239,24 +360,52 @@ $theme-variables: (
239
360
 
240
361
  @mixin theme-variables {
241
362
  @include theme-set-var(background-color, $background-color);
242
- @if $disable-dark-elevation {
363
+ @if $disable-dark-elevation and not $disable-surface-color {
243
364
  @include theme-set-var(surface-color, $surface-color);
244
365
  }
245
366
 
246
- @include theme-set-var(primary-color, $primary-color);
247
- @include theme-set-var(on-primary-color, $on-primary-color);
248
- @include theme-set-var(secondary-color, $secondary-color);
249
- @include theme-set-var(on-secondary-color, $on-secondary-color);
250
- @include theme-set-var(warning-color, $warning-color);
251
- @include theme-set-var(on-warning-color, $on-warning-color);
252
- @include theme-set-var(error-color, $error-color);
253
- @include theme-set-var(on-error-color, $on-error-color);
254
- @include theme-set-var(success-color, $success-color);
255
- @include theme-set-var(on-success-color, $on-success-color);
256
- @include theme-set-var(text-primary-color, $text-primary-color);
257
- @include theme-set-var(text-secondary-color, $text-secondary-color);
258
- @include theme-set-var(text-hint-color, $text-hint-color);
259
- @include theme-set-var(text-disabled-color, $text-disabled-color);
367
+ @if not $disable-primary-color {
368
+ @include theme-set-var(primary-color, $primary-color);
369
+ }
370
+ @if not $disable-on-primary-color {
371
+ @include theme-set-var(on-primary-color, $on-primary-color);
372
+ }
373
+ @if not $disable-secondary-color {
374
+ @include theme-set-var(secondary-color, $secondary-color);
375
+ }
376
+ @if not $disable-on-secondary-color {
377
+ @include theme-set-var(on-secondary-color, $on-secondary-color);
378
+ }
379
+ @if not $disable-warning-color {
380
+ @include theme-set-var(warning-color, $warning-color);
381
+ }
382
+ @if not $disable-on-warning-color {
383
+ @include theme-set-var(on-warning-color, $on-warning-color);
384
+ }
385
+ @if not $disable-error-color {
386
+ @include theme-set-var(error-color, $error-color);
387
+ }
388
+ @if not $disable-on-error-color {
389
+ @include theme-set-var(on-error-color, $on-error-color);
390
+ }
391
+ @if not $disable-success-color {
392
+ @include theme-set-var(success-color, $success-color);
393
+ }
394
+ @if not $disable-on-success-color {
395
+ @include theme-set-var(on-success-color, $on-success-color);
396
+ }
397
+ @if not $disable-text-primary-color {
398
+ @include theme-set-var(text-primary-color, $text-primary-color);
399
+ }
400
+ @if not $disable-text-secondary-color {
401
+ @include theme-set-var(text-secondary-color, $text-secondary-color);
402
+ }
403
+ @if not $disable-text-hint-color {
404
+ @include theme-set-var(text-hint-color, $text-hint-color);
405
+ }
406
+ @if not $disable-text-disabled-color {
407
+ @include theme-set-var(text-disabled-color, $text-disabled-color);
408
+ }
260
409
 
261
410
  @if not $disable-dark-elevation {
262
411
  @if $color-scheme == dark {
@@ -268,7 +417,9 @@ $theme-variables: (
268
417
 
269
418
  @include theme-set-var(outline-width, $outline-width);
270
419
  @include theme-set-var(outline-color, $outline-color);
271
- @include theme-set-var(outline-grey-color, $outline-grey-color);
420
+ @if not $disable-outline-grey-color {
421
+ @include theme-set-var(outline-grey-color, $outline-grey-color);
422
+ }
272
423
  }
273
424
 
274
425
  @mixin create-surface($z-value, $disable-colors: $disable-dark-elevation) {
@@ -278,7 +429,9 @@ $theme-variables: (
278
429
  @if not $disable-colors {
279
430
  @include theme-set-var(background-color, theme-get-var(surface-color));
280
431
  @include theme-use-var(background-color);
281
- @include theme-use-var(color, text-primary-color);
432
+ @if not $disable-text-primary-color {
433
+ @include theme-use-var(color, text-primary-color);
434
+ }
282
435
  }
283
436
  }
284
437
 
@@ -351,7 +504,12 @@ $theme-variables: (
351
504
  }
352
505
 
353
506
  @mixin default-system-theme {
354
- @if not $disable-default-system-theme and $color-scheme == system {
507
+ @if not
508
+ $disable-default-system-theme and
509
+ $disable-default-root-theme and
510
+ $color-scheme ==
511
+ system
512
+ {
355
513
  @media (prefers-color-scheme: dark) {
356
514
  :root {
357
515
  @content;
@@ -1,6 +1,6 @@
1
- /// <reference types="react" />
2
- import { type CustomTypographyComponent, type TypographyHTMLElement, type TypographyProps } from "./Typography.js";
3
- export interface SrOnlyProps extends TypographyProps {
1
+ import { type HTMLAttributes } from "react";
2
+ import { type CustomTypographyComponent, type TypographyHTMLElement } from "./Typography.js";
3
+ export interface SrOnlyProps extends HTMLAttributes<TypographyHTMLElement> {
4
4
  /** @defaultValue `"span"` */
5
5
  as?: CustomTypographyComponent;
6
6
  /**