chore: merge blocksuite source code (#9213)

blocksuite/affine/shared/src/styles/font.ts

@@ -0,0 +1,24 @@
+import { baseTheme } from '@toeverything/theme';
+import { unsafeCSS } from 'lit';
+
+export const FONT_BASE = unsafeCSS(`
+  font-family: ${baseTheme.fontSansFamily};
+  font-feature-settings:
+    'clig' off,
+    'liga' off;
+  font-style: normal;
+`);
+
+export const FONT_SM = unsafeCSS(`
+  ${FONT_BASE};
+  font-size: var(--affine-font-sm);
+  font-weight: 500;
+  line-height: 22px;
+`);
+
+export const FONT_XS = unsafeCSS(`
+  ${FONT_BASE};
+  font-size: var(--affine-font-xs);
+  font-weight: 500;
+  line-height: 20px;
+`);

blocksuite/affine/shared/src/styles/index.ts

@@ -0,0 +1,2 @@
+export { FONT_BASE, FONT_SM, FONT_XS } from './font.js';
+export { PANEL_BASE, PANEL_BASE_COLORS } from './panel.js';

blocksuite/affine/shared/src/styles/panel.ts

@@ -0,0 +1,23 @@
+import { cssVarV2 } from '@toeverything/theme/v2';
+import { unsafeCSS } from 'lit';
+
+import { FONT_SM } from './font.js';
+
+export const PANEL_BASE_COLORS = unsafeCSS(`
+  color: var(--affine-icon-color);
+  box-shadow: var(--affine-overlay-shadow);
+  background: ${cssVarV2('layer/background/overlayPanel')};
+`);
+
+export const PANEL_BASE = unsafeCSS(`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: max-content;
+  padding: 0 6px;
+  border-radius: 4px;
+  border: 0.5px solid ${cssVarV2('layer/insideBorder/border')};
+
+  ${PANEL_BASE_COLORS};
+  ${FONT_SM};
+`);