init: the first public commit for AFFiNE

libs/components/ui/src/checkbox/Checkbox.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+/* eslint-disable no-restricted-imports */
+import MuiCheckbox, { type CheckboxProps } from '@mui/material/Checkbox';
+import {
+    CheckBoxUncheckIcon,
+    CheckBoxCheckIcon,
+} from '@toeverything/components/icons';
+import { styled } from '../styled';
+
+export { CheckboxProps };
+
+export const Checkbox = (props: CheckboxProps) => {
+    return (
+        <StyledCheckbox
+            icon={<CheckBoxUncheckIcon />}
+            checkedIcon={<CheckBoxCheckIcon />}
+            {...props}
+        />
+    );
+};
+
+const StyledCheckbox = styled(MuiCheckbox)`
+    padding: 0;
+    color: #b9cad5;
+    &.Mui-checked {
+        color: #b9cad5;
+    }
+`;

libs/components/ui/src/checkbox/index.tsx

@@ -0,0 +1,2 @@
+export { Checkbox } from './Checkbox';
+export type { CheckboxProps } from './Checkbox';