@stokelp/styled-system 2.13.0 → 2.15.0

package/package.json

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

package/panda.buildinfo.json

@@ -49,6 +49,8 @@
       "justifyContent]___[value:center",
       "flex]___[value:0 0 auto",
       "borderRadius]___[value:9999px",
+      "background]___[value:primary.200]___[cond:_hover",
+      "background]___[value:primary.100]___[cond:_hover",
       "paddingBottom]___[value:space-24",
       "display]___[value:grid",
       "gridTemplateColumns]___[value:repeat(auto-fit, minmax(300px, 1fr))",
@@ -109,7 +111,8 @@
         "severity]___[value:none]___[recipe:iconButton",
         "variant]___[value:secondary]___[recipe:iconButton",
         "size]___[value:md]___[recipe:iconButton",
-        "variant]___[value:primary]___[recipe:iconButton"
+        "variant]___[value:primary]___[recipe:iconButton",
+        "size]___[value:lg]___[recipe:iconButton"
       ],
       "checkbox": [
         "size]___[value:md]___[recipe:checkbox"
@@ -171,6 +174,8 @@
       "combobox": [
         "size]___[value:md]___[recipe:combobox"
       ],
+      "dialog": [],
+      "textarea": [],
       "drawer": [
         "variant]___[value:right]___[recipe:drawer"
       ],
@@ -212,8 +217,7 @@
       ],
       "select": [
         "size]___[value:md]___[recipe:select"
-      ],
-      "textarea": []
+      ]
     }
   }
 }

package/recipes/app-navigation.d.ts

@@ -6,7 +6,7 @@ interface AppNavigationVariant {
   /**
  * @default "prod"
  */
-variant: "prod" | "staging" | "dev"
+variant: "prod" | "staging" | "dev" | "neutral"
 }
 
 type AppNavigationVariantMap = {

package/recipes/app-navigation.mjs

@@ -64,7 +64,8 @@ export const appNavigation = /* @__PURE__ */ Object.assign(appNavigationFn, {
   "variant": [
     "prod",
     "staging",
-    "dev"
+    "dev",
+    "neutral"
   ]
 },
   splitVariantProps(props) {

package/recipes/dialog.d.ts

@@ -0,0 +1,28 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface DialogVariant {
+  
+}
+
+type DialogVariantMap = {
+  [key in keyof DialogVariant]: Array<DialogVariant[key]>
+}
+
+export type DialogVariantProps = {
+  [key in keyof DialogVariant]?: ConditionalValue<DialogVariant[key]> | undefined
+}
+
+export interface DialogRecipe {
+  __type: DialogVariantProps
+  (props?: DialogVariantProps): Pretty<Record<"trigger" | "backdrop" | "positioner" | "content" | "title" | "description" | "closeTrigger" | "header" | "body" | "footer", string>>
+  raw: (props?: DialogVariantProps) => DialogVariantProps
+  variantMap: DialogVariantMap
+  variantKeys: Array<keyof DialogVariant>
+  splitVariantProps<Props extends DialogVariantProps>(props: Props): [DialogVariantProps, Pretty<DistributiveOmit<Props, keyof DialogVariantProps>>]
+  getVariantProps: (props?: DialogVariantProps) => DialogVariantProps
+}
+
+
+export declare const dialog: DialogRecipe

package/recipes/dialog.mjs

@@ -0,0 +1,68 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const dialogDefaultVariants = {}
+const dialogCompoundVariants = []
+
+const dialogSlotNames = [
+  [
+    "trigger",
+    "dialog__trigger"
+  ],
+  [
+    "backdrop",
+    "dialog__backdrop"
+  ],
+  [
+    "positioner",
+    "dialog__positioner"
+  ],
+  [
+    "content",
+    "dialog__content"
+  ],
+  [
+    "title",
+    "dialog__title"
+  ],
+  [
+    "description",
+    "dialog__description"
+  ],
+  [
+    "closeTrigger",
+    "dialog__closeTrigger"
+  ],
+  [
+    "header",
+    "dialog__header"
+  ],
+  [
+    "body",
+    "dialog__body"
+  ],
+  [
+    "footer",
+    "dialog__footer"
+  ]
+]
+const dialogSlotFns = /* @__PURE__ */ dialogSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dialogDefaultVariants, getSlotCompoundVariant(dialogCompoundVariants, slotName))])
+
+const dialogFn = memo((props = {}) => {
+  return Object.fromEntries(dialogSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const dialogVariantKeys = []
+const getVariantProps = (variants) => ({ ...dialogDefaultVariants, ...compact(variants) })
+
+export const dialog = /* @__PURE__ */ Object.assign(dialogFn, {
+  __recipe__: false,
+  __name__: 'dialog',
+  raw: (props) => props,
+  variantKeys: dialogVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, dialogVariantKeys)
+  },
+  getVariantProps
+})

package/recipes/index.d.ts

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

package/recipes/index.mjs

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