@stokelp/styled-system 2.48.1 → 2.49.0

package/package.json

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

package/panda.buildinfo.json

@@ -18,8 +18,9 @@
       "background]___[value:error.700]___[cond:_active",
       "background]___[value:error.500]___[cond:_hover",
       "background]___[value:transparent",
-      "boxShadow]___[value:inset 0 0 0 1px {colors.error.500}",
-      "boxShadow]___[value:inset 0 0 0 1px {colors.error.700}]___[cond:_active",
+      "borderColor]___[value:error.500",
+      "borderColor]___[value:error.700]___[cond:_active",
+      "borderStyle]___[value:solid",
       "color]___[value:error.500]___[cond:_disabled<___>_hover",
       "color]___[value:error.500]___[cond:_disabled<___>_active",
       "color]___[value:error.500]___[cond:_disabled",
@@ -219,6 +220,7 @@
         "colorScheme]___[value:aromatic]___[recipe:chip"
       ],
       "breadcrumb": [],
+      "checkboxGroup": [],
       "button": [
         "size]___[value:lg]___[recipe:button",
         "variant]___[value:tertiary]___[recipe:button",

package/recipes/button.mjs

@@ -57,10 +57,11 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
         "_hover": "error.500",
         "base": "transparent"
       },
-      "boxShadow": {
-        "base": "inset 0 0 0 1px {colors.error.500}",
-        "_active": "inset 0 0 0 1px {colors.error.700}"
+      "borderColor": {
+        "base": "error.500",
+        "_active": "error.700"
       },
+      "borderStyle": "solid",
       "color": {
         "_disabled": {
           "_hover": "error.500",

package/recipes/checkbox-group.d.ts

@@ -0,0 +1,28 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface CheckboxGroupVariant {
+  
+}
+
+type CheckboxGroupVariantMap = {
+  [key in keyof CheckboxGroupVariant]: Array<CheckboxGroupVariant[key]>
+}
+
+export type CheckboxGroupVariantProps = {
+  [key in keyof CheckboxGroupVariant]?: ConditionalValue<CheckboxGroupVariant[key]> | undefined
+}
+
+export interface CheckboxGroupRecipe {
+  __type: CheckboxGroupVariantProps
+  (props?: CheckboxGroupVariantProps): string
+  raw: (props?: CheckboxGroupVariantProps) => CheckboxGroupVariantProps
+  variantMap: CheckboxGroupVariantMap
+  variantKeys: Array<keyof CheckboxGroupVariant>
+  splitVariantProps<Props extends CheckboxGroupVariantProps>(props: Props): [CheckboxGroupVariantProps, Pretty<DistributiveOmit<Props, keyof CheckboxGroupVariantProps>>]
+  getVariantProps: (props?: CheckboxGroupVariantProps) => CheckboxGroupVariantProps
+}
+
+
+export declare const checkboxGroup: CheckboxGroupRecipe

package/recipes/checkbox-group.mjs

@@ -0,0 +1,24 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const checkboxGroupFn = /* @__PURE__ */ createRecipe('checkbox-group', {}, [])
+
+const checkboxGroupVariantMap = {}
+
+const checkboxGroupVariantKeys = Object.keys(checkboxGroupVariantMap)
+
+export const checkboxGroup = /* @__PURE__ */ Object.assign(memo(checkboxGroupFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'checkboxGroup',
+  __getCompoundVariantCss__: checkboxGroupFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: checkboxGroupVariantKeys,
+  variantMap: checkboxGroupVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, checkboxGroupVariantKeys)
+  },
+  getVariantProps: checkboxGroupFn.getVariantProps,
+})

package/recipes/icon-button.mjs

@@ -57,10 +57,11 @@ const iconButtonFn = /* @__PURE__ */ createRecipe('icon-button', {
         "_hover": "error.500",
         "base": "transparent"
       },
-      "boxShadow": {
-        "base": "inset 0 0 0 1px {colors.error.500}",
-        "_active": "inset 0 0 0 1px {colors.error.700}"
+      "borderColor": {
+        "base": "error.500",
+        "_active": "error.700"
       },
+      "borderStyle": "solid",
       "color": {
         "_disabled": {
           "_hover": "error.500",

package/recipes/index.d.ts

@@ -20,6 +20,7 @@ export * from './icon';
 export * from './flag';
 export * from './avatar-group';
 export * from './tabs-chip';
+export * from './checkbox-group';
 export * from './drawer';
 export * from './radio-button-group';
 export * from './radio-group';

package/recipes/index.mjs

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