@stokelp/styled-system 2.73.0 → 2.75.0

package/package.json

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

package/panda.buildinfo.json

@@ -57,6 +57,8 @@
       "flexDirection]___[value:row",
       "width]___[value:full",
       "truncate]___[value:true",
+      "color]___[value:primary.900",
+      "color]___[value:primary.500",
       "padding]___[value:space-8",
       "textAlign]___[value:center",
       "width]___[value:100%",
@@ -97,7 +99,6 @@
       "padding]___[value:space-16",
       "marginTop]___[value:100",
       "marginTop]___[value:space-16",
-      "color]___[value:primary.500",
       "color]___[value:warning.500",
       "borderRadius]___[value:radius-24",
       "height]___[value:200",
@@ -140,12 +141,6 @@
         "size]___[value:sm]___[recipe:avatar",
         "size]___[value:lg]___[recipe:avatar"
       ],
-      "checkbox": [
-        "size]___[value:md]___[recipe:checkbox"
-      ],
-      "checkboxCard": [
-        "size]___[value:md]___[recipe:checkboxCard"
-      ],
       "text": [
         "size]___[value:md]___[recipe:text",
         "bold]___[value:true]___[recipe:text",
@@ -154,6 +149,12 @@
         "italic]___[value:true]___[recipe:text",
         "underline]___[value:true]___[recipe:text"
       ],
+      "checkbox": [
+        "size]___[value:md]___[recipe:checkbox"
+      ],
+      "checkboxCard": [
+        "size]___[value:md]___[recipe:checkboxCard"
+      ],
       "input": [
         "size]___[value:md]___[recipe:input"
       ],
@@ -319,12 +320,20 @@
         "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"
+      ],
+      "chatDocumentMessage": [],
       "selectLanguage": [
         "variant]___[value:default]___[recipe:selectLanguage",
         "variant]___[value:compact]___[recipe:selectLanguage"

package/recipes/chat-document-message.d.ts

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

package/recipes/chat-document-message.mjs

@@ -0,0 +1,24 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const chatDocumentMessageFn = /* @__PURE__ */ createRecipe('chat-document-message', {}, [])
+
+const chatDocumentMessageVariantMap = {}
+
+const chatDocumentMessageVariantKeys = Object.keys(chatDocumentMessageVariantMap)
+
+export const chatDocumentMessage = /* @__PURE__ */ Object.assign(memo(chatDocumentMessageFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'chatDocumentMessage',
+  __getCompoundVariantCss__: chatDocumentMessageFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: chatDocumentMessageVariantKeys,
+  variantMap: chatDocumentMessageVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, chatDocumentMessageVariantKeys)
+  },
+  getVariantProps: chatDocumentMessageFn.getVariantProps,
+})

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 message 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" | "document-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,44 @@
+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"
+  ],
+  [
+    "document-message",
+    "chat__document-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,8 @@ export * from './flag';
 export * from './avatar-group';
 export * from './tabs-chip';
 export * from './checkbox-group';
+export * from './chat-message';
+export * from './chat-document-message';
 export * from './drawer';
 export * from './radio-button-group';
 export * from './radio-group';
@@ -52,4 +54,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,8 @@ 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 './chat-document-message.mjs';
 export * from './drawer.mjs';
 export * from './radio-button-group.mjs';
 export * from './radio-group.mjs';
@@ -51,4 +53,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';