@mekari/pixel3-theme 0.2.0-dev.3 → 0.2.1-dev.0

package/dist/index.js

@@ -748,7 +748,9 @@ var inputSlotRecipe = (0, import_dev6.defineSlotRecipe)({
   defaultVariants: {
     size: "md",
     variant: "outline"
-  }
+  },
+  // TODO: Check why this recipe need to generate statically
+  staticCss: ["*"]
 });
 var inputGroupSlotRecipe = (0, import_dev6.defineSlotRecipe)({
   className: "input-group",
@@ -2979,6 +2981,7 @@ var richTextEditorSlotRecipe = (0, import_dev32.defineSlotRecipe)({
     },
     toolbar: {
       display: "flex",
+      flexFlow: "wrap",
       gap: "1",
       border: "1px solid",
       borderColor: "gray.100",
@@ -2994,10 +2997,12 @@ var richTextEditorSlotRecipe = (0, import_dev32.defineSlotRecipe)({
         color: "gray.600",
         width: "28px",
         height: "28px",
+        padding: "1",
         "&:hover": {
           borderRadius: "md",
           color: "blue.400",
-          backgroundColor: "blue.50"
+          backgroundColor: "blue.50",
+          cursor: "pointer"
         },
         "&.is-active": {
           color: "blue.400"
@@ -3063,6 +3068,14 @@ var RTEStyleProviderRecipe = (0, import_dev32.defineRecipe)({
     "& b, strong": {
       fontWeight: "bolder"
     },
+    "& a": {
+      color: "blue.400",
+      cursor: "pointer",
+      textDecoration: "underline",
+      _hover: {
+        color: "blue.500"
+      }
+    },
     "& ol, ul": {
       listStyle: "revert",
       paddingLeft: "1.5em"
@@ -4038,7 +4051,7 @@ var colorPickerSlotRecipe = (0, import_dev39.defineSlotRecipe)({
   ],
   base: {
     root: {
-      width: "280px",
+      width: "full",
       position: "relative",
       display: "flex",
       flexDirection: "column",

package/dist/index.mjs

@@ -722,7 +722,9 @@ var inputSlotRecipe = defineSlotRecipe3({
   defaultVariants: {
     size: "md",
     variant: "outline"
-  }
+  },
+  // TODO: Check why this recipe need to generate statically
+  staticCss: ["*"]
 });
 var inputGroupSlotRecipe = defineSlotRecipe3({
   className: "input-group",
@@ -2953,6 +2955,7 @@ var richTextEditorSlotRecipe = defineSlotRecipe20({
     },
     toolbar: {
       display: "flex",
+      flexFlow: "wrap",
       gap: "1",
       border: "1px solid",
       borderColor: "gray.100",
@@ -2968,10 +2971,12 @@ var richTextEditorSlotRecipe = defineSlotRecipe20({
         color: "gray.600",
         width: "28px",
         height: "28px",
+        padding: "1",
         "&:hover": {
           borderRadius: "md",
           color: "blue.400",
-          backgroundColor: "blue.50"
+          backgroundColor: "blue.50",
+          cursor: "pointer"
         },
         "&.is-active": {
           color: "blue.400"
@@ -3037,6 +3042,14 @@ var RTEStyleProviderRecipe = defineRecipe12({
     "& b, strong": {
       fontWeight: "bolder"
     },
+    "& a": {
+      color: "blue.400",
+      cursor: "pointer",
+      textDecoration: "underline",
+      _hover: {
+        color: "blue.500"
+      }
+    },
     "& ol, ul": {
       listStyle: "revert",
       paddingLeft: "1.5em"
@@ -4012,7 +4025,7 @@ var colorPickerSlotRecipe = defineSlotRecipe27({
   ],
   base: {
     root: {
-      width: "280px",
+      width: "full",
       position: "relative",
       display: "flex",
       flexDirection: "column",

package/package.json

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

package/src/recipes/color-picker.ts

@@ -21,7 +21,7 @@ const colorPickerSlotRecipe = defineSlotRecipe({
   ],
   base: {
     root: {
-      width: '280px',
+      width: 'full',
       position: 'relative',
       display: 'flex',
       flexDirection: 'column',

package/src/recipes/input.ts

@@ -127,7 +127,9 @@ const inputSlotRecipe = defineSlotRecipe({
   defaultVariants: {
     size: 'md',
     variant: 'outline'
-  }
+  },
+  // TODO: Check why this recipe need to generate statically
+  staticCss: ['*']
 })
 
 const inputGroupSlotRecipe = defineSlotRecipe({

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

@@ -21,6 +21,7 @@ const richTextEditorSlotRecipe = defineSlotRecipe({
     },
     toolbar: {
       display: 'flex',
+      flexFlow: 'wrap',
       gap: '1',
       border: '1px solid',
       borderColor: 'gray.100',
@@ -36,10 +37,12 @@ const richTextEditorSlotRecipe = defineSlotRecipe({
         color: 'gray.600',
         width: '28px',
         height: '28px',
+        padding: '1',
         '&:hover': {
           borderRadius: 'md',
           color: 'blue.400',
-          backgroundColor: 'blue.50'
+          backgroundColor: 'blue.50',
+          cursor: 'pointer'
         },
         '&.is-active': {
           color: 'blue.400'
@@ -106,6 +109,14 @@ const RTEStyleProviderRecipe = defineRecipe({
     '& b, strong': {
       fontWeight: 'bolder'
     },
+    '& a': {
+      color: 'blue.400',
+      cursor: 'pointer',
+      textDecoration: 'underline',
+      _hover: {
+        color: 'blue.500',
+      }
+    },
     '& ol, ul': {
       listStyle: 'revert',
       paddingLeft: '1.5em'