@stokelp/styled-system 2.37.0 → 2.37.2

package/package.json

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

package/panda.buildinfo.json

@@ -98,24 +98,7 @@
       "overflow]___[value:auto",
       "padding]___[value:space-64",
       "height]___[value:500",
-      "background]___[value:grey.100",
-      "borderRadius]___[value:radius-4",
-      "display]___[value:inline-flex",
-      "background]___[value:primary.700",
-      "paddingBlock]___[value:space-8",
-      "paddingInline]___[value:space-16",
-      "paddingBlock]___[value:space-4",
-      "fontFamily]___[value:cabinet",
-      "color]___[value:white",
-      "textStyle]___[value:heading.h2",
-      "textStyle]___[value:heading.h4",
-      "textStyle]___[value:heading.h6",
-      "fontFamily]___[value:satoshi",
-      "textTransform]___[value:uppercase",
-      "color]___[value:grey.100",
-      "textStyle]___[value:body.lg",
-      "textStyle]___[value:body.md",
-      "textStyle]___[value:body.sm"
+      "background]___[value:grey.100"
     ],
     "recipes": {
       "iconButton": [
@@ -184,6 +167,10 @@
       ],
       "collapsible": [],
       "productCardCatalog": [],
+      "priceTag": [
+        "size]___[value:sm]___[recipe:priceTag",
+        "size]___[value:md]___[recipe:priceTag"
+      ],
       "icon": [
         "size]___[value:md]___[recipe:icon"
       ],

package/recipes/index.d.ts

@@ -49,4 +49,5 @@ export * from './app-navigation';
 export * from './dialog';
 export * from './app-navigation-language-select';
 export * from './avatar';
-export * from './menu';
+export * from './menu';
+export * from './price-tag';

package/recipes/index.mjs

@@ -48,4 +48,5 @@ export * from './app-navigation.mjs';
 export * from './dialog.mjs';
 export * from './app-navigation-language-select.mjs';
 export * from './avatar.mjs';
-export * from './menu.mjs';
+export * from './menu.mjs';
+export * from './price-tag.mjs';

package/recipes/price-tag.d.ts

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

package/recipes/price-tag.mjs

@@ -0,0 +1,50 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const priceTagDefaultVariants = {
+  "size": "md"
+}
+const priceTagCompoundVariants = []
+
+const priceTagSlotNames = [
+  [
+    "root",
+    "price-tag__root"
+  ],
+  [
+    "price",
+    "price-tag__price"
+  ],
+  [
+    "unit",
+    "price-tag__unit"
+  ]
+]
+const priceTagSlotFns = /* @__PURE__ */ priceTagSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, priceTagDefaultVariants, getSlotCompoundVariant(priceTagCompoundVariants, slotName))])
+
+const priceTagFn = memo((props = {}) => {
+  return Object.fromEntries(priceTagSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const priceTagVariantKeys = [
+  "size"
+]
+const getVariantProps = (variants) => ({ ...priceTagDefaultVariants, ...compact(variants) })
+
+export const priceTag = /* @__PURE__ */ Object.assign(priceTagFn, {
+  __recipe__: false,
+  __name__: 'priceTag',
+  raw: (props) => props,
+  variantKeys: priceTagVariantKeys,
+  variantMap: {
+  "size": [
+    "lg",
+    "md",
+    "sm"
+  ]
+},
+  splitVariantProps(props) {
+    return splitProps(props, priceTagVariantKeys)
+  },
+  getVariantProps
+})