feat: revamp & make improvements to several components (#344)

* feat(design): move components to design

* feat(design): add ColorPicker & ConfigProvider

* feat(design): add `Radio`

* feat(design): add `RadioGroup`

* feat(design): add `Checkbox` & `CheckboxGroup`

* feat(base-ui): modify styling of `Slider`

* chore: add code owners of univer-design

.github/CODEOWNERS

@@ -10,6 +10,7 @@ packages/base-sheets @wzhudev @DR-Univer
 packages/base-slides @wzhudev @DR-Univer @jikkai
 
 # ui
+packages/design @jikkai @wzhudev
 packages/base-ui @jikkai @wzhudev
 packages/ui-plugin-docs @jikkai @wzhudev
 packages/ui-plugin-sheets @jikkai @wzhudev

examples/univer-doc-ts/src/locales.ts

@@ -1,11 +1,13 @@
 import DocPluginZhCN from '@univerjs/base-docs/locale/zh-CN';
 import BaseUiZhCN from '@univerjs/base-ui/locale/zh-CN';
+import DeisgnZH from '@univerjs/design/locale/zh-CN';
 import DocUIPluginZhCN from '@univerjs/ui-plugin-docs/locale/zh-CN';
 
 export const locales = {
  zhCN: {
  ...DocPluginZhCN,
  ...DocUIPluginZhCN,
  ...BaseUiZhCN,
+ ...DeisgnZH,
  },
 };

examples/univer-sheet-ts/src/locales.ts

@@ -1,6 +1,7 @@
 import DocPluginZhCN from '@univerjs/base-docs/locale/zh-CN';
 import SheetPluginZhCN from '@univerjs/base-sheets/locale/zh-CN';
 import BaseUiZhCN from '@univerjs/base-ui/locale/zh-CN';
+import DeisgnZH from '@univerjs/design/locale/zh-CN';
 import SheetDebuggerPluginZhCN from '@univerjs/sheets-plugin-debugger/locale/zh-CN';
 import FindPluginZhCN from '@univerjs/sheets-plugin-find/locale/zh-CN';
 import ImportXlsxPluginZhCN from '@univerjs/sheets-plugin-import-xlsx/locale/zh-CN';
@@ -19,5 +20,6 @@ export const locales = {
  ...SheetUIPluginZhCN,
  ...SheetDebuggerPluginZhCN,
  ...BaseUiZhCN,
+ ...DeisgnZH,
  },
 };

packages/base-ui/src/Basics/CSS/Skin/base.less

@@ -359,8 +359,8 @@
 @box-shadow-lg: 0 4px 24px 0 rgba(@color-black, 0.08);
 
 // Background
-@bg-color: @grey-50;
-@bg-color-hover: @grey-100;
+@bg-color: @grey-100;
+@bg-color-hover: @grey-200;
 @bg-color-secondary: @color-white;
 
 // Text Color

packages/base-ui/src/Components/CellRange/CellRange.tsx

@@ -1,8 +1,9 @@
 import React, { useState } from 'react';
 
 import { BaseComponentProps } from '../../BaseComponent';
-import { Icon, Modal } from '..';
+import * as Icon from '../Icon';
 import { Input } from '../Input';
+import { Modal } from '../Modal';
 import { ModalButtonGroup } from '../Modal/Modal';
 import styles from './index.module.less';