@stokelp/styled-system 2.55.0 → 2.57.0

package/package.json

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

package/panda.buildinfo.json

@@ -294,10 +294,13 @@
       "tableEmptyRow": [],
       "tableContainer": [],
       "tabs": [
-        "variant]___[value:line]___[recipe:tabs"
+        "variant]___[value:line]___[recipe:tabs",
+        "lineVariant]___[value:primary]___[recipe:tabs",
+        "lineVariant]___[value:white]___[recipe:tabs"
       ],
       "tabsChip": [
         "colorScheme]___[value:neutral]___[recipe:tabsChip",
+        "colorScheme]___[value:info]___[recipe:tabsChip",
         "colorScheme]___[value:success]___[recipe:tabsChip",
         "colorScheme]___[value:warning]___[recipe:tabsChip",
         "colorScheme]___[value:error]___[recipe:tabsChip",

package/recipes/tabs-chip.d.ts

@@ -6,7 +6,7 @@ interface TabsChipVariant {
   /**
  * @default "neutral"
  */
-colorScheme: "neutral" | "success" | "warning" | "error" | "grey"
+colorScheme: "neutral" | "info" | "success" | "warning" | "error" | "grey"
 }
 
 type TabsChipVariantMap = {

package/recipes/tabs-chip.mjs

@@ -8,6 +8,7 @@ const tabsChipFn = /* @__PURE__ */ createRecipe('tabs-chip', {
 const tabsChipVariantMap = {
   "colorScheme": [
     "neutral",
+    "info",
     "success",
     "warning",
     "error",

package/recipes/tabs.d.ts

@@ -4,6 +4,10 @@ import type { DistributiveOmit, Pretty } from '../types/system-types';
 
 interface TabsVariant {
   /**
+ * @default "primary"
+ */
+lineVariant: "primary" | "white"
+/**
  * @default "line"
  */
 variant: "line"

package/recipes/tabs.mjs

@@ -2,7 +2,8 @@ import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mj
 import { createRecipe } from './create-recipe.mjs';
 
 const tabsDefaultVariants = {
-  "variant": "line"
+  "variant": "line",
+  "lineVariant": "primary"
 }
 const tabsCompoundVariants = []
 
@@ -35,6 +36,7 @@ const tabsFn = memo((props = {}) => {
 })
 
 const tabsVariantKeys = [
+  "lineVariant",
   "variant"
 ]
 const getVariantProps = (variants) => ({ ...tabsDefaultVariants, ...compact(variants) })
@@ -45,6 +47,10 @@ export const tabs = /* @__PURE__ */ Object.assign(tabsFn, {
   raw: (props) => props,
   variantKeys: tabsVariantKeys,
   variantMap: {
+  "lineVariant": [
+    "primary",
+    "white"
+  ],
   "variant": [
     "line"
   ]