@stokelp/styled-system 2.5.0 → 2.6.0

package/package.json

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

package/panda.buildinfo.json

@@ -64,13 +64,17 @@
       "gap]___[value:space-32",
       "padding]___[value:space-16",
       "marginTop]___[value:100",
+      "flexDirection]___[value:row",
+      "color]___[value:primary.500",
+      "color]___[value:secondary.500",
+      "color]___[value:success.500",
+      "color]___[value:warning.500",
       "borderRadius]___[value:radius-24",
       "height]___[value:200",
       "width]___[value:400",
       "gap]___[value:space-8",
       "maxHeight]___[value:102",
       "overflowY]___[value:auto",
-      "flexDirection]___[value:row",
       "alignSelf]___[value:flex-end",
       "gap]___[value:120",
       "overflow]___[value:auto",
@@ -164,6 +168,9 @@
       "drawer": [
         "variant]___[value:right]___[recipe:drawer"
       ],
+      "icon": [
+        "size]___[value:md]___[recipe:icon"
+      ],
       "illustration": [
         "pattern]___[value:neutral]___[recipe:illustration"
       ],

package/recipes/icon.d.ts

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

package/recipes/icon.mjs

@@ -0,0 +1,30 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const iconFn = /* @__PURE__ */ createRecipe('icon', {
+  "size": "md"
+}, [])
+
+const iconVariantMap = {
+  "size": [
+    "md"
+  ]
+}
+
+const iconVariantKeys = Object.keys(iconVariantMap)
+
+export const icon = /* @__PURE__ */ Object.assign(memo(iconFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'icon',
+  __getCompoundVariantCss__: iconFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: iconVariantKeys,
+  variantMap: iconVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, iconVariantKeys)
+  },
+  getVariantProps: iconFn.getVariantProps,
+})

package/recipes/index.d.ts

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

package/recipes/index.mjs

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