@stokelp/styled-system 2.7.0 → 2.9.0

package/package.json

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

package/panda.buildinfo.json

@@ -49,6 +49,7 @@
       "justifyContent]___[value:center",
       "flex]___[value:0 0 auto",
       "borderRadius]___[value:9999px",
+      "paddingBottom]___[value:space-24",
       "display]___[value:grid",
       "gridTemplateColumns]___[value:repeat(auto-fit, minmax(300px, 1fr))",
       "gap]___[value:10px",
@@ -154,16 +155,19 @@
         "severity]___[value:warning]___[recipe:tag",
         "severity]___[value:error]___[recipe:tag"
       ],
-      "productCardCatalog": [],
+      "appNavigation": [
+        "variant]___[value:prod]___[recipe:appNavigation"
+      ],
       "heading": [
         "size]___[value:h2]___[recipe:heading"
       ],
+      "collapsible": [],
+      "productCardCatalog": [],
       "accordion": [
         "size]___[value:md]___[recipe:accordion"
       ],
       "actionCard": [],
       "breadcrumb": [],
-      "collapsible": [],
       "combobox": [
         "size]___[value:md]___[recipe:combobox"
       ],

package/recipes/app-navigation.d.ts

@@ -0,0 +1,35 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface AppNavigationVariant {
+  /**
+ * @default "prod"
+ */
+variant: "prod" | "staging" | "dev"
+}
+
+type AppNavigationVariantMap = {
+  [key in keyof AppNavigationVariant]: Array<AppNavigationVariant[key]>
+}
+
+export type AppNavigationVariantProps = {
+  [key in keyof AppNavigationVariant]?: ConditionalValue<AppNavigationVariant[key]> | undefined
+}
+
+export interface AppNavigationRecipe {
+  __type: AppNavigationVariantProps
+  (props?: AppNavigationVariantProps): Pretty<Record<"root" | "header" | "body" | "item" | "itemLabel" | "itemIcon" | "itemContent" | "itemSubItems" | "footer", string>>
+  raw: (props?: AppNavigationVariantProps) => AppNavigationVariantProps
+  variantMap: AppNavigationVariantMap
+  variantKeys: Array<keyof AppNavigationVariant>
+  splitVariantProps<Props extends AppNavigationVariantProps>(props: Props): [AppNavigationVariantProps, Pretty<DistributiveOmit<Props, keyof AppNavigationVariantProps>>]
+  getVariantProps: (props?: AppNavigationVariantProps) => AppNavigationVariantProps
+}
+
+/**
+ * The styles for the AppNavigation component
+
+
+ */
+export declare const appNavigation: AppNavigationRecipe

package/recipes/app-navigation.mjs

@@ -0,0 +1,74 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const appNavigationDefaultVariants = {
+  "variant": "prod"
+}
+const appNavigationCompoundVariants = []
+
+const appNavigationSlotNames = [
+  [
+    "root",
+    "app-navigation__root"
+  ],
+  [
+    "header",
+    "app-navigation__header"
+  ],
+  [
+    "body",
+    "app-navigation__body"
+  ],
+  [
+    "item",
+    "app-navigation__item"
+  ],
+  [
+    "itemLabel",
+    "app-navigation__itemLabel"
+  ],
+  [
+    "itemIcon",
+    "app-navigation__itemIcon"
+  ],
+  [
+    "itemContent",
+    "app-navigation__itemContent"
+  ],
+  [
+    "itemSubItems",
+    "app-navigation__itemSubItems"
+  ],
+  [
+    "footer",
+    "app-navigation__footer"
+  ]
+]
+const appNavigationSlotFns = /* @__PURE__ */ appNavigationSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, appNavigationDefaultVariants, getSlotCompoundVariant(appNavigationCompoundVariants, slotName))])
+
+const appNavigationFn = memo((props = {}) => {
+  return Object.fromEntries(appNavigationSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const appNavigationVariantKeys = [
+  "variant"
+]
+const getVariantProps = (variants) => ({ ...appNavigationDefaultVariants, ...compact(variants) })
+
+export const appNavigation = /* @__PURE__ */ Object.assign(appNavigationFn, {
+  __recipe__: false,
+  __name__: 'appNavigation',
+  raw: (props) => props,
+  variantKeys: appNavigationVariantKeys,
+  variantMap: {
+  "variant": [
+    "prod",
+    "staging",
+    "dev"
+  ]
+},
+  splitVariantProps(props) {
+    return splitProps(props, appNavigationVariantKeys)
+  },
+  getVariantProps
+})

package/recipes/icon.d.ts

@@ -6,7 +6,7 @@ interface IconVariant {
   /**
  * @default "md"
  */
-size: "md"
+size: "sm" | "md"
 }
 
 type IconVariantMap = {

package/recipes/icon.mjs

@@ -7,6 +7,7 @@ const iconFn = /* @__PURE__ */ createRecipe('icon', {
 
 const iconVariantMap = {
   "size": [
+    "sm",
     "md"
   ]
 }

package/recipes/index.d.ts

@@ -41,4 +41,5 @@ export * from './switch-card';
 export * from './radio-card-group';
 export * from './checkbox-card';
 export * from './combobox';
-export * from './collapsible';
+export * from './collapsible';
+export * from './app-navigation';

package/recipes/index.mjs

@@ -40,4 +40,5 @@ export * from './switch-card.mjs';
 export * from './radio-card-group.mjs';
 export * from './checkbox-card.mjs';
 export * from './combobox.mjs';
-export * from './collapsible.mjs';
+export * from './collapsible.mjs';
+export * from './app-navigation.mjs';