@stokelp/styled-system 2.83.1 → 2.84.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokelp/styled-system",
-  "version": "2.83.1",
+  "version": "2.84.1",
   "description": "Stokelp UI styled-system",
   "type": "module",
   "publishConfig": {

package/panda.buildinfo.json

@@ -59,6 +59,8 @@
       "truncate]___[value:true",
       "color]___[value:primary.900",
       "color]___[value:primary.500",
+      "border]___[value:solid 1px",
+      "borderColor]___[value:grey.100",
       "stroke]___[value:grey.100",
       "fill]___[value:primary.500",
       "padding]___[value:space-8",
@@ -141,6 +143,8 @@
       ],
       "avatar": [
         "size]___[value:md]___[recipe:avatar",
+        "hasBorder]___[value:false]___[recipe:avatar",
+        "hasBorder]___[value:true]___[recipe:avatar",
         "size]___[value:sm]___[recipe:avatar",
         "size]___[value:lg]___[recipe:avatar"
       ],

package/recipes/avatar.d.ts

@@ -7,6 +7,10 @@ interface AvatarVariant {
  * @default "md"
  */
 size: "sm" | "md" | "lg"
+/**
+ * @default false
+ */
+hasBorder: boolean
 }
 
 type AvatarVariantMap = {

package/recipes/avatar.mjs

@@ -2,7 +2,8 @@ import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mj
 import { createRecipe } from './create-recipe.mjs';
 
 const avatarDefaultVariants = {
-  "size": "md"
+  "size": "md",
+  "hasBorder": false
 }
 const avatarCompoundVariants = []
 
@@ -27,7 +28,8 @@ const avatarFn = memo((props = {}) => {
 })
 
 const avatarVariantKeys = [
-  "size"
+  "size",
+  "hasBorder"
 ]
 const getVariantProps = (variants) => ({ ...avatarDefaultVariants, ...compact(variants) })
 
@@ -41,6 +43,10 @@ export const avatar = /* @__PURE__ */ Object.assign(avatarFn, {
     "sm",
     "md",
     "lg"
+  ],
+  "hasBorder": [
+    "true",
+    "false"
   ]
 },
   splitVariantProps(props) {