Merge pull request #101 from raid-guild/fix/tweaks

update scrollbars, default heading variant
raid-guild · Oct 7, 2023 · 2970302 · 2970302
2 parents 22ea08d + 731a9d9
commit 2970302
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 35 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@raidguild/design-system",
-  "version": "0.4.47",
+  "version": "0.4.48",
   "license": "MIT",
   "author": "Raid Guild",
   "module": "dist/design-system.esm.js",

diff --git a/src/theme/components/Heading.ts b/src/theme/components/Heading.ts
@@ -10,7 +10,6 @@ const Heading = {
   // Styles for the size variations
   sizes: {},
   // Styles for the visual style variations
-
   variants: {
     shadow: {
       fontFamily: 'uncial',
@@ -21,31 +20,15 @@ const Heading = {
       fontFamily: 'uncial',
       textShadow: 'none',
     },
-    // headingOne: {
-    //   fontFamily: 'uncial',
-    //   letterSpacing: '1.2px',
-    //   color: 'white',
-    // },
-    // headingTwo: {
-    //   fontFamily: 'uncial',
-    //   letterSpacing: '1.2px',
-    //   textShadow: '0 0 0.125em hsl(0 0% 100% / 0.3), 0 0 0.20em red',
-    //   color: 'white',
-    // },
-    // headingThree: {
-    //   fontFamily: 'uncial',
-    //   letterSpacing: '1.2px',
-    //   color: 'red',
-    // },
-    // labels: {
-    //   fontFamily: 'texturina',
-    //   letterSpacing: '2px',
-    //   color: 'white',
-    // },
+    labels: {
+      fontFamily: 'texturina',
+      letterSpacing: '2px',
+      color: 'white',
+    },
   },
   // The default `size` or `variant` values
   defaultProps: {
-    variant: 'shadow',
+    variant: 'noShadow',
   },
 };
 

diff --git a/src/theme/index.ts b/src/theme/index.ts
@@ -41,18 +41,20 @@ const theme = extendTheme({
         overflowY: 'overlay',
       },
 
+      // todo move to an optional component
+      // https://github.com/chakra-ui/chakra-ui/issues/4472#issuecomment-1463302711
       // Scrollbar styles
-      '::-webkit-scrollbar': {
-        width: '10px',
-        background: 'transparent',
-      },
-      '::-webkit-scrollbar-thumb': {
-        background: '#ff3864',
-        borderRadius: '5px',
-      },
-      '::-webkit-scrollbar-thumb:hover': {
-        background: '#e4728b',
-      },
+      // '::-webkit-scrollbar': {
+      //   width: '10px',
+      //   background: 'transparent',
+      // },
+      // '::-webkit-scrollbar-thumb': {
+      //   background: '#ff3864',
+      //   borderRadius: '5px',
+      // },
+      // '::-webkit-scrollbar-thumb:hover': {
+      //   background: '#e4728b',
+      // },
     },
   },
   colors,