@stokelp/styled-system 2.82.4 → 2.83.0

package/package.json

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

package/panda.buildinfo.json

@@ -147,8 +147,8 @@
       "text": [
         "size]___[value:md]___[recipe:text",
         "bold]___[value:true]___[recipe:text",
-        "size]___[value:lg]___[recipe:text",
         "size]___[value:sm]___[recipe:text",
+        "size]___[value:lg]___[recipe:text",
         "italic]___[value:true]___[recipe:text",
         "underline]___[value:true]___[recipe:text"
       ],
@@ -324,6 +324,10 @@
         "colorScheme]___[value:grey]___[recipe:tabsChip"
       ],
       "chat": [],
+      "chatProfileAvatar": [
+        "side]___[value:left]___[recipe:chatProfileAvatar",
+        "side]___[value:right]___[recipe:chatProfileAvatar"
+      ],
       "datepicker": [],
       "formHelperText": [],
       "phoneNumberInput": [

package/recipes/chat-profile-avatar.d.ts

@@ -0,0 +1,35 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface ChatProfileAvatarVariant {
+  /**
+ * @default "left"
+ */
+side: "left" | "right"
+}
+
+type ChatProfileAvatarVariantMap = {
+  [key in keyof ChatProfileAvatarVariant]: Array<ChatProfileAvatarVariant[key]>
+}
+
+export type ChatProfileAvatarVariantProps = {
+  [key in keyof ChatProfileAvatarVariant]?: ConditionalValue<ChatProfileAvatarVariant[key]> | undefined
+}
+
+export interface ChatProfileAvatarRecipe {
+  __type: ChatProfileAvatarVariantProps
+  (props?: ChatProfileAvatarVariantProps): string
+  raw: (props?: ChatProfileAvatarVariantProps) => ChatProfileAvatarVariantProps
+  variantMap: ChatProfileAvatarVariantMap
+  variantKeys: Array<keyof ChatProfileAvatarVariant>
+  splitVariantProps<Props extends ChatProfileAvatarVariantProps>(props: Props): [ChatProfileAvatarVariantProps, Pretty<DistributiveOmit<Props, keyof ChatProfileAvatarVariantProps>>]
+  getVariantProps: (props?: ChatProfileAvatarVariantProps) => ChatProfileAvatarVariantProps
+}
+
+/**
+ * The styles for the Chat profile avatar component
+
+
+ */
+export declare const chatProfileAvatar: ChatProfileAvatarRecipe

package/recipes/chat-profile-avatar.mjs

@@ -0,0 +1,31 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const chatProfileAvatarFn = /* @__PURE__ */ createRecipe('chat-profile-avatar', {
+  "side": "left"
+}, [])
+
+const chatProfileAvatarVariantMap = {
+  "side": [
+    "left",
+    "right"
+  ]
+}
+
+const chatProfileAvatarVariantKeys = Object.keys(chatProfileAvatarVariantMap)
+
+export const chatProfileAvatar = /* @__PURE__ */ Object.assign(memo(chatProfileAvatarFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'chatProfileAvatar',
+  __getCompoundVariantCss__: chatProfileAvatarFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: chatProfileAvatarVariantKeys,
+  variantMap: chatProfileAvatarVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, chatProfileAvatarVariantKeys)
+  },
+  getVariantProps: chatProfileAvatarFn.getVariantProps,
+})

package/recipes/index.d.ts

@@ -23,6 +23,7 @@ export * from './tabs-chip';
 export * from './checkbox-group';
 export * from './chat-message';
 export * from './chat-document-message';
+export * from './chat-profile-avatar';
 export * from './drawer';
 export * from './radio-button-group';
 export * from './radio-group';

package/recipes/index.mjs

@@ -22,6 +22,7 @@ export * from './tabs-chip.mjs';
 export * from './checkbox-group.mjs';
 export * from './chat-message.mjs';
 export * from './chat-document-message.mjs';
+export * from './chat-profile-avatar.mjs';
 export * from './drawer.mjs';
 export * from './radio-button-group.mjs';
 export * from './radio-group.mjs';