@mekari/pixel3-theme 0.5.0 → 0.6.0-dev.0

package/dist/index.js

@@ -4371,9 +4371,6 @@ var richTextEditorSlotRecipe = (0, import_dev33.defineSlotRecipe)({
       }
     },
     toolbar: {
-      display: "flex",
-      flexFlow: "wrap",
-      gap: "1",
       border: "1px solid",
       borderColor: "gray.100",
       borderRadius: "md",
@@ -4480,11 +4477,13 @@ var RTEStyleProviderRecipe = (0, import_dev33.defineRecipe)({
       fontWeight: "bolder"
     },
     "& a": {
-      color: "blue.400",
       cursor: "pointer",
-      textDecoration: "underline",
+      color: "blue.400",
       _hover: {
-        color: "blue.500"
+        textDecoration: "underline"
+      },
+      _nextTheme: {
+        color: "text.link"
       }
     },
     "& ol, ul": {
@@ -4503,6 +4502,12 @@ var RTEStyleProviderRecipe = (0, import_dev33.defineRecipe)({
         borderColor: "text.default"
       }
     },
+    '& [data-type="mention"]': {
+      color: "blue.400",
+      _nextTheme: {
+        color: "text.link"
+      }
+    },
     _nextTheme: {
       color: "text.default"
     }
@@ -6575,7 +6580,7 @@ var textStyles = (0, import_dev49.defineTextStyles)({
       fontFamily: "var(--font-inter)",
       fontSize: "lg",
       lineHeight: "xl",
-      fontWeight: "semiBold"
+      fontWeight: "semiBold !important"
     }
   },
   h2: {
@@ -6583,7 +6588,7 @@ var textStyles = (0, import_dev49.defineTextStyles)({
       fontFamily: "var(--font-inter)",
       fontSize: "xl",
       lineHeight: "md",
-      fontWeight: "semiBold"
+      fontWeight: "semiBold !important"
     }
   },
   h1: {
@@ -6591,7 +6596,7 @@ var textStyles = (0, import_dev49.defineTextStyles)({
       fontFamily: "var(--font-inter)",
       fontSize: "2xl",
       lineHeight: "sm",
-      fontWeight: "semiBold"
+      fontWeight: "semiBold !important"
     }
   }
 });

package/dist/index.mjs

@@ -4345,9 +4345,6 @@ var richTextEditorSlotRecipe = defineSlotRecipe22({
       }
     },
     toolbar: {
-      display: "flex",
-      flexFlow: "wrap",
-      gap: "1",
       border: "1px solid",
       borderColor: "gray.100",
       borderRadius: "md",
@@ -4454,11 +4451,13 @@ var RTEStyleProviderRecipe = defineRecipe11({
       fontWeight: "bolder"
     },
     "& a": {
-      color: "blue.400",
       cursor: "pointer",
-      textDecoration: "underline",
+      color: "blue.400",
       _hover: {
-        color: "blue.500"
+        textDecoration: "underline"
+      },
+      _nextTheme: {
+        color: "text.link"
       }
     },
     "& ol, ul": {
@@ -4477,6 +4476,12 @@ var RTEStyleProviderRecipe = defineRecipe11({
         borderColor: "text.default"
       }
     },
+    '& [data-type="mention"]': {
+      color: "blue.400",
+      _nextTheme: {
+        color: "text.link"
+      }
+    },
     _nextTheme: {
       color: "text.default"
     }
@@ -6549,7 +6554,7 @@ var textStyles = defineTextStyles({
       fontFamily: "var(--font-inter)",
       fontSize: "lg",
       lineHeight: "xl",
-      fontWeight: "semiBold"
+      fontWeight: "semiBold !important"
     }
   },
   h2: {
@@ -6557,7 +6562,7 @@ var textStyles = defineTextStyles({
       fontFamily: "var(--font-inter)",
       fontSize: "xl",
       lineHeight: "md",
-      fontWeight: "semiBold"
+      fontWeight: "semiBold !important"
     }
   },
   h1: {
@@ -6565,7 +6570,7 @@ var textStyles = defineTextStyles({
       fontFamily: "var(--font-inter)",
       fontSize: "2xl",
       lineHeight: "sm",
-      fontWeight: "semiBold"
+      fontWeight: "semiBold !important"
     }
   }
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mekari/pixel3-theme",
   "description": "Theme for mekari pixel 3",
-  "version": "0.5.0",
+  "version": "0.6.0-dev.0",
   "main": "dist/index.js",
   "license": "MIT",
   "files": [

package/src/recipes/rich-text-editor.ts

@@ -20,9 +20,6 @@ const richTextEditorSlotRecipe = defineSlotRecipe({
       }
     },
     toolbar: {
-      display: 'flex',
-      flexFlow: 'wrap',
-      gap: '1',
       border: '1px solid',
       borderColor: 'gray.100',
       borderRadius: 'md',
@@ -130,11 +127,13 @@ const RTEStyleProviderRecipe = defineRecipe({
       fontWeight: 'bolder'
     },
     '& a': {
-      color: 'blue.400',
       cursor: 'pointer',
-      textDecoration: 'underline',
+      color: 'blue.400',
       _hover: {
-        color: 'blue.500'
+        textDecoration: 'underline'
+      },
+      _nextTheme: {
+        color: 'text.link'
       }
     },
     '& ol, ul': {
@@ -154,6 +153,12 @@ const RTEStyleProviderRecipe = defineRecipe({
         borderColor: 'text.default'
       }
     },
+    '& [data-type="mention"]': {
+      color: 'blue.400',
+      _nextTheme: {
+        color: 'text.link'
+      }
+    },
     _nextTheme: {
       color: 'text.default'
     }

package/src/text-styles.ts

@@ -21,7 +21,7 @@ export const textStyles = defineTextStyles({
       fontFamily: 'var(--font-inter)',
       fontSize: 'lg',
       lineHeight: 'xl',
-      fontWeight: 'semiBold'
+      fontWeight: 'semiBold !important'
     }
   },
   h2: {
@@ -29,7 +29,7 @@ export const textStyles = defineTextStyles({
       fontFamily: 'var(--font-inter)',
       fontSize: 'xl',
       lineHeight: 'md',
-      fontWeight: 'semiBold'
+      fontWeight: 'semiBold !important'
     }
   },
   h1: {
@@ -37,7 +37,7 @@ export const textStyles = defineTextStyles({
       fontFamily: 'var(--font-inter)',
       fontSize: '2xl',
       lineHeight: 'sm',
-      fontWeight: 'semiBold'
+      fontWeight: 'semiBold !important'
     }
   }
 })