@stokelp/styled-system 1.14.2 → 1.16.0

package/package.json

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

package/panda.buildinfo.json

@@ -2,6 +2,7 @@
   "schemaVersion": "0.41.0",
   "styles": {
     "atomic": [
+      "fill]___[value:none",
       "cursor]___[value:pointer",
       "marginRight]___[value:space-4",
       "padding]___[value:space-8",
@@ -33,7 +34,6 @@
       "truncate]___[value:true",
       "width]___[value:24",
       "height]___[value:24",
-      "fill]___[value:none",
       "paddingInline]___[value:space-8",
       "textAlign]___[value:center",
       "display]___[value:flex",
@@ -48,6 +48,9 @@
       "gap]___[value:space-16",
       "borderColor]___[value:primary.100",
       "marginBlock]___[value:space-24",
+      "width]___[value:100%",
+      "display]___[value:grid",
+      "gridTemplateColumns]___[value:repeat(3, 1fr)",
       "gap]___[value:10px",
       "flexDirection]___[value:row"
     ],
@@ -93,6 +96,7 @@
       "accordion": [
         "size]___[value:md]___[recipe:accordion"
       ],
+      "actionCard": [],
       "drawer": [
         "variant]___[value:right]___[recipe:drawer"
       ],

package/recipes/action-card.d.ts

@@ -0,0 +1,32 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface ActionCardVariant {
+  
+}
+
+type ActionCardVariantMap = {
+  [key in keyof ActionCardVariant]: Array<ActionCardVariant[key]>
+}
+
+export type ActionCardVariantProps = {
+  [key in keyof ActionCardVariant]?: ConditionalValue<ActionCardVariant[key]> | undefined
+}
+
+export interface ActionCardRecipe {
+  __type: ActionCardVariantProps
+  (props?: ActionCardVariantProps): Pretty<Record<"root" | "title" | "description" | "icon", string>>
+  raw: (props?: ActionCardVariantProps) => ActionCardVariantProps
+  variantMap: ActionCardVariantMap
+  variantKeys: Array<keyof ActionCardVariant>
+  splitVariantProps<Props extends ActionCardVariantProps>(props: Props): [ActionCardVariantProps, Pretty<DistributiveOmit<Props, keyof ActionCardVariantProps>>]
+  getVariantProps: (props?: ActionCardVariantProps) => ActionCardVariantProps
+}
+
+/**
+ * The styles for the ActionCard component
+
+
+ */
+export declare const actionCard: ActionCardRecipe

package/recipes/action-card.mjs

@@ -0,0 +1,44 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const actionCardDefaultVariants = {}
+const actionCardCompoundVariants = []
+
+const actionCardSlotNames = [
+  [
+    "root",
+    "action-card__root"
+  ],
+  [
+    "title",
+    "action-card__title"
+  ],
+  [
+    "description",
+    "action-card__description"
+  ],
+  [
+    "icon",
+    "action-card__icon"
+  ]
+]
+const actionCardSlotFns = /* @__PURE__ */ actionCardSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, actionCardDefaultVariants, getSlotCompoundVariant(actionCardCompoundVariants, slotName))])
+
+const actionCardFn = memo((props = {}) => {
+  return Object.fromEntries(actionCardSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const actionCardVariantKeys = []
+const getVariantProps = (variants) => ({ ...actionCardDefaultVariants, ...compact(variants) })
+
+export const actionCard = /* @__PURE__ */ Object.assign(actionCardFn, {
+  __recipe__: false,
+  __name__: 'actionCard',
+  raw: (props) => props,
+  variantKeys: actionCardVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, actionCardVariantKeys)
+  },
+  getVariantProps
+})

package/recipes/chip.d.ts

@@ -0,0 +1,39 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface ChipVariant {
+  /**
+ * @default "md"
+ */
+size: "lg" | "md" | "sm"
+/**
+ * @default "secondary"
+ */
+colorScheme: "secondary" | "grey" | "red" | "yellow" | "green" | "blue" | "purple" | "brown"
+}
+
+type ChipVariantMap = {
+  [key in keyof ChipVariant]: Array<ChipVariant[key]>
+}
+
+export type ChipVariantProps = {
+  [key in keyof ChipVariant]?: ConditionalValue<ChipVariant[key]> | undefined
+}
+
+export interface ChipRecipe {
+  __type: ChipVariantProps
+  (props?: ChipVariantProps): Pretty<Record<"root" | "avatar" | "body" | "clearTrigger", string>>
+  raw: (props?: ChipVariantProps) => ChipVariantProps
+  variantMap: ChipVariantMap
+  variantKeys: Array<keyof ChipVariant>
+  splitVariantProps<Props extends ChipVariantProps>(props: Props): [ChipVariantProps, Pretty<DistributiveOmit<Props, keyof ChipVariantProps>>]
+  getVariantProps: (props?: ChipVariantProps) => ChipVariantProps
+}
+
+/**
+ * The styles for the Chip component
+
+
+ */
+export declare const chip: ChipRecipe

package/recipes/chip.mjs

@@ -0,0 +1,66 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const chipDefaultVariants = {
+  "size": "md",
+  "colorScheme": "secondary"
+}
+const chipCompoundVariants = []
+
+const chipSlotNames = [
+  [
+    "root",
+    "chip__root"
+  ],
+  [
+    "avatar",
+    "chip__avatar"
+  ],
+  [
+    "body",
+    "chip__body"
+  ],
+  [
+    "clearTrigger",
+    "chip__clearTrigger"
+  ]
+]
+const chipSlotFns = /* @__PURE__ */ chipSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, chipDefaultVariants, getSlotCompoundVariant(chipCompoundVariants, slotName))])
+
+const chipFn = memo((props = {}) => {
+  return Object.fromEntries(chipSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const chipVariantKeys = [
+  "size",
+  "colorScheme"
+]
+const getVariantProps = (variants) => ({ ...chipDefaultVariants, ...compact(variants) })
+
+export const chip = /* @__PURE__ */ Object.assign(chipFn, {
+  __recipe__: false,
+  __name__: 'chip',
+  raw: (props) => props,
+  variantKeys: chipVariantKeys,
+  variantMap: {
+  "size": [
+    "lg",
+    "md",
+    "sm"
+  ],
+  "colorScheme": [
+    "secondary",
+    "grey",
+    "red",
+    "yellow",
+    "green",
+    "blue",
+    "purple",
+    "brown"
+  ]
+},
+  splitVariantProps(props) {
+    return splitProps(props, chipVariantKeys)
+  },
+  getVariantProps
+})

package/recipes/index.d.ts

@@ -18,4 +18,6 @@ export * from './checkbox';
 export * from './datepicker';
 export * from './tabs';
 export * from './tag';
-export * from './select';
+export * from './select';
+export * from './chip';
+export * from './action-card';

package/recipes/index.mjs

@@ -17,4 +17,6 @@ export * from './checkbox.mjs';
 export * from './datepicker.mjs';
 export * from './tabs.mjs';
 export * from './tag.mjs';
-export * from './select.mjs';
+export * from './select.mjs';
+export * from './chip.mjs';
+export * from './action-card.mjs';