chore: remove select definitely

riccardoperra · Apr 15, 2023 · 5cb7b62 · 5cb7b62
1 parent b6626a7
commit 5cb7b62
Show file tree

Hide file tree

Showing 9 changed files with 29 additions and 381 deletions.
diff --git a/apps/codeimage/package.json b/apps/codeimage/package.json
@@ -62,7 +62,7 @@
     "@codemirror/search": "^6.2.3",
     "@codemirror/state": "^6.2.0",
     "@codemirror/view": "^6.9.1",
-    "@codeui/kit": "0.0.13",
+    "@codeui/kit": "0.0.14",
     "@floating-ui/core": "^1.2.2",
     "@floating-ui/dom": "^1.2.3",
     "@formatjs/intl-relativetimeformat": "11.1.4",

diff --git a/apps/codeimage/src/theme/global.css.ts b/apps/codeimage/src/theme/global.css.ts
@@ -18,3 +18,23 @@ globalStyle(`[data-codeimage-theme=dark]`, {
   [cssVar.exec(themeVars.dynamicColors.panel.background)![0]]: '#151516',
   [cssVar.exec(themeVars.dynamicColors.background)![0]]: '#0f0f10',
 });
+
+globalStyle('::-webkit-scrollbar', {
+  width: '18px',
+});
+
+globalStyle('::-webkit-scrollbar-track', {
+  backgroundColor: 'transparent',
+});
+
+globalStyle('::-webkit-scrollbar-thumb', {
+  backgroundColor: themeVars.dynamicColors.scrollBar.backgroundColor,
+  borderRadius: themeVars.borderRadius.full,
+  border: '6px solid transparent',
+  backgroundClip: 'content-box',
+  transition: 'background-color .2s',
+});
+
+globalStyle('::-webkit-scrollbar-thumb:hover', {
+  backgroundColor: themeVars.dynamicColors.scrollBar.hoverBackgroundColor,
+});
diff --git a/packages/ui/dev/demo/Select.tsx b/packages/ui/dev/demo/Select.tsx
diff --git a/packages/ui/dev/index.tsx b/packages/ui/dev/index.tsx
@@ -1,13 +1,12 @@
 import {render} from 'solid-js/web';
 import {Box, CodeImageThemeProvider} from '../src';
+import '../src/lib/themes/dark-theme.css';
+import '../src/lib/themes/light-theme.css';
 import {ButtonDemo} from './demo/Button';
 import {SegmentedFieldDemo} from './demo/SegmentedControl';
-import {SelectDemo} from './demo/Select';
 import {TextFieldDemo} from './demo/TextField';
-import './reset.scss';
 import './global.css';
-import '../src/lib/themes/dark-theme.css';
-import '../src/lib/themes/light-theme.css';
+import './reset.scss';
 
 function App() {
   return (
@@ -22,10 +21,6 @@ function App() {
         <Box marginTop={'12'}>
           <SegmentedFieldDemo />
         </Box>
-
-        <Box marginTop={'12'}>
-          <SelectDemo />
-        </Box>
       </Box>
     </CodeImageThemeProvider>
   );

diff --git a/packages/ui/src/lib/primitives/Select/Select.css.ts b/packages/ui/src/lib/primitives/Select/Select.css.ts