@stokelp/styled-system 2.32.1 → 2.33.0

package/package.json

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

package/panda.buildinfo.json

@@ -50,12 +50,6 @@
       "flexDirection]___[value:row",
       "width]___[value:full",
       "width]___[value:fit-content !important",
-      "transitionProperty]___[value:opacity",
-      "transitionDuration]___[value:fast",
-      "opacity]___[value:0",
-      "visibility]___[value:hidden",
-      "opacity]___[value:1]___[cond:_groupHover",
-      "visibility]___[value:visible]___[cond:_groupHover",
       "justifyContent]___[value:center",
       "flex]___[value:0 0 auto",
       "borderRadius]___[value:9999px",
@@ -124,6 +118,9 @@
         "variant]___[value:primary]___[recipe:iconButton",
         "size]___[value:lg]___[recipe:iconButton"
       ],
+      "avatar": [
+        "size]___[value:md]___[recipe:avatar"
+      ],
       "checkbox": [
         "size]___[value:md]___[recipe:checkbox"
       ],
@@ -181,8 +178,12 @@
         "size]___[value:md]___[recipe:accordion"
       ],
       "actionCard": [],
-      "avatar": [
-        "size]___[value:md]___[recipe:avatar"
+      "avatarGroup": [
+        "size]___[value:md]___[recipe:avatarGroup"
+      ],
+      "chip": [
+        "size]___[value:md]___[recipe:chip",
+        "colorScheme]___[value:secondary]___[recipe:chip"
       ],
       "breadcrumb": [],
       "combobox": [

package/recipes/avatar-group.d.ts

@@ -0,0 +1,31 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface AvatarGroupVariant {
+  /**
+ * @default "md"
+ */
+size: "sm" | "md" | "lg"
+}
+
+type AvatarGroupVariantMap = {
+  [key in keyof AvatarGroupVariant]: Array<AvatarGroupVariant[key]>
+}
+
+export type AvatarGroupVariantProps = {
+  [key in keyof AvatarGroupVariant]?: ConditionalValue<AvatarGroupVariant[key]> | undefined
+}
+
+export interface AvatarGroupRecipe {
+  __type: AvatarGroupVariantProps
+  (props?: AvatarGroupVariantProps): string
+  raw: (props?: AvatarGroupVariantProps) => AvatarGroupVariantProps
+  variantMap: AvatarGroupVariantMap
+  variantKeys: Array<keyof AvatarGroupVariant>
+  splitVariantProps<Props extends AvatarGroupVariantProps>(props: Props): [AvatarGroupVariantProps, Pretty<DistributiveOmit<Props, keyof AvatarGroupVariantProps>>]
+  getVariantProps: (props?: AvatarGroupVariantProps) => AvatarGroupVariantProps
+}
+
+
+export declare const avatarGroup: AvatarGroupRecipe

package/recipes/avatar-group.mjs

@@ -0,0 +1,32 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const avatarGroupFn = /* @__PURE__ */ createRecipe('avatar-group', {
+  "size": "md"
+}, [])
+
+const avatarGroupVariantMap = {
+  "size": [
+    "sm",
+    "md",
+    "lg"
+  ]
+}
+
+const avatarGroupVariantKeys = Object.keys(avatarGroupVariantMap)
+
+export const avatarGroup = /* @__PURE__ */ Object.assign(memo(avatarGroupFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'avatarGroup',
+  __getCompoundVariantCss__: avatarGroupFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: avatarGroupVariantKeys,
+  variantMap: avatarGroupVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, avatarGroupVariantKeys)
+  },
+  getVariantProps: avatarGroupFn.getVariantProps,
+})

package/recipes/index.d.ts

@@ -17,6 +17,7 @@ export * from './illustration';
 export * from './button-filter';
 export * from './phone-number-input';
 export * from './icon';
+export * from './avatar-group';
 export * from './drawer';
 export * from './radio-button-group';
 export * from './radio-group';

package/recipes/index.mjs

@@ -16,6 +16,7 @@ export * from './illustration.mjs';
 export * from './button-filter.mjs';
 export * from './phone-number-input.mjs';
 export * from './icon.mjs';
+export * from './avatar-group.mjs';
 export * from './drawer.mjs';
 export * from './radio-button-group.mjs';
 export * from './radio-group.mjs';