diff --git a/docs/data/base/components/checkbox-group/UnstyledCheckboxGroupIntroduction/css/index.js b/docs/data/base/components/checkbox-group/UnstyledCheckboxGroupIntroduction/css/index.js new file mode 100644 index 0000000000..0baafd979a --- /dev/null +++ b/docs/data/base/components/checkbox-group/UnstyledCheckboxGroupIntroduction/css/index.js @@ -0,0 +1,158 @@ +import * as React from 'react'; +import { useTheme } from '@mui/system'; +import * as Checkbox from '@base_ui/react/Checkbox'; +import * as CheckboxGroup from '@base_ui/react/CheckboxGroup'; +import Check from '@mui/icons-material/Check'; + +export default function UnstyledCheckboxIndeterminateGroup() { + return ( +
+ + + Colors + +
+ + + +
+
+ +
+ ); +} + +const grey = { + 100: '#E5EAF2', + 300: '#C7D0DD', + 500: '#9DA8B7', + 600: '#6B7A90', + 800: '#303740', + 900: '#1C2025', +}; + +function useIsDarkMode() { + const theme = useTheme(); + return theme.palette.mode === 'dark'; +} + +function Label(props) { + // eslint-disable-next-line jsx-a11y/label-has-associated-control, jsx-a11y/no-noninteractive-element-interactions + return