@stokelp/styled-system 2.73.0 → 2.74.0

package/package.json

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

package/panda.buildinfo.json

@@ -239,8 +239,8 @@
         "severity]___[value:none]___[recipe:button",
         "variant]___[value:primary]___[recipe:button",
         "variant]___[value:secondary]___[recipe:button",
-        "size]___[value:md]___[recipe:button",
         "size]___[value:sm]___[recipe:button",
+        "size]___[value:md]___[recipe:button",
         "severity]___[value:danger]___[recipe:button",
         "severity]___[value:success]___[recipe:button"
       ],
@@ -319,12 +319,19 @@
         "colorScheme]___[value:error]___[recipe:tabsChip",
         "colorScheme]___[value:grey]___[recipe:tabsChip"
       ],
+      "chat": [],
       "datepicker": [],
       "formHelperText": [],
       "phoneNumberInput": [
         "size]___[value:md]___[recipe:phoneNumberInput"
       ],
       "buttonFilter": [],
+      "chatMessage": [
+        "side]___[value:left]___[recipe:chatMessage",
+        "variant]___[value:primary]___[recipe:chatMessage",
+        "side]___[value:right]___[recipe:chatMessage",
+        "variant]___[value:secondary]___[recipe:chatMessage"
+      ],
       "selectLanguage": [
         "variant]___[value:default]___[recipe:selectLanguage",
         "variant]___[value:compact]___[recipe:selectLanguage"

package/recipes/chat-message.d.ts

@@ -0,0 +1,39 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface ChatMessageVariant {
+  /**
+ * @default "left"
+ */
+side: "left" | "right"
+/**
+ * @default "primary"
+ */
+variant: "primary" | "secondary"
+}
+
+type ChatMessageVariantMap = {
+  [key in keyof ChatMessageVariant]: Array<ChatMessageVariant[key]>
+}
+
+export type ChatMessageVariantProps = {
+  [key in keyof ChatMessageVariant]?: ConditionalValue<ChatMessageVariant[key]> | undefined
+}
+
+export interface ChatMessageRecipe {
+  __type: ChatMessageVariantProps
+  (props?: ChatMessageVariantProps): string
+  raw: (props?: ChatMessageVariantProps) => ChatMessageVariantProps
+  variantMap: ChatMessageVariantMap
+  variantKeys: Array<keyof ChatMessageVariant>
+  splitVariantProps<Props extends ChatMessageVariantProps>(props: Props): [ChatMessageVariantProps, Pretty<DistributiveOmit<Props, keyof ChatMessageVariantProps>>]
+  getVariantProps: (props?: ChatMessageVariantProps) => ChatMessageVariantProps
+}
+
+/**
+ * The styles for the Chat component
+
+
+ */
+export declare const chatMessage: ChatMessageRecipe

package/recipes/chat-message.mjs

@@ -0,0 +1,36 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const chatMessageFn = /* @__PURE__ */ createRecipe('chat-message', {
+  "side": "left",
+  "variant": "primary"
+}, [])
+
+const chatMessageVariantMap = {
+  "side": [
+    "left",
+    "right"
+  ],
+  "variant": [
+    "primary",
+    "secondary"
+  ]
+}
+
+const chatMessageVariantKeys = Object.keys(chatMessageVariantMap)
+
+export const chatMessage = /* @__PURE__ */ Object.assign(memo(chatMessageFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'chatMessage',
+  __getCompoundVariantCss__: chatMessageFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: chatMessageVariantKeys,
+  variantMap: chatMessageVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, chatMessageVariantKeys)
+  },
+  getVariantProps: chatMessageFn.getVariantProps,
+})

package/recipes/chat.d.ts

@@ -0,0 +1,32 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface ChatVariant {
+  
+}
+
+type ChatVariantMap = {
+  [key in keyof ChatVariant]: Array<ChatVariant[key]>
+}
+
+export type ChatVariantProps = {
+  [key in keyof ChatVariant]?: ConditionalValue<ChatVariant[key]> | undefined
+}
+
+export interface ChatRecipe {
+  __type: ChatVariantProps
+  (props?: ChatVariantProps): Pretty<Record<"root" | "message-container" | "message", string>>
+  raw: (props?: ChatVariantProps) => ChatVariantProps
+  variantMap: ChatVariantMap
+  variantKeys: Array<keyof ChatVariant>
+  splitVariantProps<Props extends ChatVariantProps>(props: Props): [ChatVariantProps, Pretty<DistributiveOmit<Props, keyof ChatVariantProps>>]
+  getVariantProps: (props?: ChatVariantProps) => ChatVariantProps
+}
+
+/**
+ * The styles for the Chat component
+
+
+ */
+export declare const chat: ChatRecipe

package/recipes/chat.mjs

@@ -0,0 +1,40 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const chatDefaultVariants = {}
+const chatCompoundVariants = []
+
+const chatSlotNames = [
+  [
+    "root",
+    "chat__root"
+  ],
+  [
+    "message-container",
+    "chat__message-container"
+  ],
+  [
+    "message",
+    "chat__message"
+  ]
+]
+const chatSlotFns = /* @__PURE__ */ chatSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, chatDefaultVariants, getSlotCompoundVariant(chatCompoundVariants, slotName))])
+
+const chatFn = memo((props = {}) => {
+  return Object.fromEntries(chatSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const chatVariantKeys = []
+const getVariantProps = (variants) => ({ ...chatDefaultVariants, ...compact(variants) })
+
+export const chat = /* @__PURE__ */ Object.assign(chatFn, {
+  __recipe__: false,
+  __name__: 'chat',
+  raw: (props) => props,
+  variantKeys: chatVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, chatVariantKeys)
+  },
+  getVariantProps
+})

package/recipes/index.d.ts

@@ -21,6 +21,7 @@ export * from './flag';
 export * from './avatar-group';
 export * from './tabs-chip';
 export * from './checkbox-group';
+export * from './chat-message';
 export * from './drawer';
 export * from './radio-button-group';
 export * from './radio-group';
@@ -52,4 +53,5 @@ export * from './dialog';
 export * from './app-navigation-language-select';
 export * from './avatar';
 export * from './menu';
-export * from './price-tag';
+export * from './price-tag';
+export * from './chat';

package/recipes/index.mjs

@@ -20,6 +20,7 @@ export * from './flag.mjs';
 export * from './avatar-group.mjs';
 export * from './tabs-chip.mjs';
 export * from './checkbox-group.mjs';
+export * from './chat-message.mjs';
 export * from './drawer.mjs';
 export * from './radio-button-group.mjs';
 export * from './radio-group.mjs';
@@ -51,4 +52,5 @@ export * from './dialog.mjs';
 export * from './app-navigation-language-select.mjs';
 export * from './avatar.mjs';
 export * from './menu.mjs';
-export * from './price-tag.mjs';
+export * from './price-tag.mjs';
+export * from './chat.mjs';