feat(foundation): add bg-gradient maroon to dark red

Author: Afriq Yasin Ramadhan

packages/tailwind-preset/index.js

@@ -224,8 +224,9 @@ module.exports = {
           },
         },
       },
-      fill       : ({ theme }) => ({ ...theme('backgroundColor') }),
-      borderColor: {
+      backgroundImage: { 'gradient-maroon-to-dark-red': 'linear-gradient(90deg, #37162E 0%, #482041 43.68%, #492143 55.03%, #52213F 64.67%, #58213C 76.02%, #912121 113.46%)' },
+      fill           : ({ theme }) => ({ ...theme('backgroundColor') }),
+      borderColor    : {
         DEFAULT: theme.colors.gray[15],
         default: {
           DEFAULT: theme.colors.gray[15],

src/components/text/index.md

@@ -18,7 +18,7 @@ Used for the title of any sub-sections
 Default style of `Text` is a body text
 
 <preview>
-  <p-text class="bg-alpha-black-3">The quick brown fox jumps over the lazy dog.</p-text>
+  <p-text>The quick brown fox jumps over the lazy dog.</p-text>
 </preview>
 
 ```vue