@stokelp/styled-system 2.47.1 → 2.48.1

package/package.json

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

package/panda.buildinfo.json

@@ -294,6 +294,13 @@
       "tabs": [
         "variant]___[value:line]___[recipe:tabs"
       ],
+      "tabsChip": [
+        "colorScheme]___[value:neutral]___[recipe:tabsChip",
+        "colorScheme]___[value:success]___[recipe:tabsChip",
+        "colorScheme]___[value:warning]___[recipe:tabsChip",
+        "colorScheme]___[value:error]___[recipe:tabsChip",
+        "colorScheme]___[value:grey]___[recipe:tabsChip"
+      ],
       "datepicker": [],
       "formHelperText": [],
       "phoneNumberInput": [

package/recipes/index.d.ts

@@ -19,6 +19,7 @@ export * from './phone-number-input';
 export * from './icon';
 export * from './flag';
 export * from './avatar-group';
+export * from './tabs-chip';
 export * from './drawer';
 export * from './radio-button-group';
 export * from './radio-group';

package/recipes/index.mjs

@@ -18,6 +18,7 @@ export * from './phone-number-input.mjs';
 export * from './icon.mjs';
 export * from './flag.mjs';
 export * from './avatar-group.mjs';
+export * from './tabs-chip.mjs';
 export * from './drawer.mjs';
 export * from './radio-button-group.mjs';
 export * from './radio-group.mjs';

package/recipes/tabs-chip.d.ts

@@ -0,0 +1,35 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface TabsChipVariant {
+  /**
+ * @default "neutral"
+ */
+colorScheme: "neutral" | "success" | "warning" | "error" | "grey"
+}
+
+type TabsChipVariantMap = {
+  [key in keyof TabsChipVariant]: Array<TabsChipVariant[key]>
+}
+
+export type TabsChipVariantProps = {
+  [key in keyof TabsChipVariant]?: ConditionalValue<TabsChipVariant[key]> | undefined
+}
+
+export interface TabsChipRecipe {
+  __type: TabsChipVariantProps
+  (props?: TabsChipVariantProps): string
+  raw: (props?: TabsChipVariantProps) => TabsChipVariantProps
+  variantMap: TabsChipVariantMap
+  variantKeys: Array<keyof TabsChipVariant>
+  splitVariantProps<Props extends TabsChipVariantProps>(props: Props): [TabsChipVariantProps, Pretty<DistributiveOmit<Props, keyof TabsChipVariantProps>>]
+  getVariantProps: (props?: TabsChipVariantProps) => TabsChipVariantProps
+}
+
+/**
+ * The styles for the TabsChip component
+
+
+ */
+export declare const tabsChip: TabsChipRecipe

package/recipes/tabs-chip.mjs

@@ -0,0 +1,34 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const tabsChipFn = /* @__PURE__ */ createRecipe('tabs-chip', {
+  "colorScheme": "neutral"
+}, [])
+
+const tabsChipVariantMap = {
+  "colorScheme": [
+    "neutral",
+    "success",
+    "warning",
+    "error",
+    "grey"
+  ]
+}
+
+const tabsChipVariantKeys = Object.keys(tabsChipVariantMap)
+
+export const tabsChip = /* @__PURE__ */ Object.assign(memo(tabsChipFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'tabsChip',
+  __getCompoundVariantCss__: tabsChipFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: tabsChipVariantKeys,
+  variantMap: tabsChipVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, tabsChipVariantKeys)
+  },
+  getVariantProps: tabsChipFn.getVariantProps,
+})

package/recipes/tabs.d.ts

@@ -19,7 +19,7 @@ export type TabsVariantProps = {
 
 export interface TabsRecipe {
   __type: TabsVariantProps
-  (props?: TabsVariantProps): Pretty<Record<"root" | "list" | "trigger" | "content" | "indicator" | "chip", string>>
+  (props?: TabsVariantProps): Pretty<Record<"root" | "list" | "trigger" | "content" | "indicator", string>>
   raw: (props?: TabsVariantProps) => TabsVariantProps
   variantMap: TabsVariantMap
   variantKeys: Array<keyof TabsVariant>

package/recipes/tabs.mjs

@@ -26,10 +26,6 @@ const tabsSlotNames = [
   [
     "indicator",
     "tabs__indicator"
-  ],
-  [
-    "chip",
-    "tabs__chip"
   ]
 ]
 const tabsSlotFns = /* @__PURE__ */ tabsSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, tabsDefaultVariants, getSlotCompoundVariant(tabsCompoundVariants, slotName))])