@stokelp/styled-system 2.1.0 → 2.3.0

package/package.json

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

package/panda.buildinfo.json

@@ -193,6 +193,9 @@
       ],
       "datepicker": [],
       "formHelperText": [],
+      "phoneNumberInput": [
+        "size]___[value:md]___[recipe:phoneNumberInput"
+      ],
       "select": [
         "size]___[value:md]___[recipe:select"
       ],

package/recipes/index.d.ts

@@ -15,6 +15,7 @@ export * from './table-empty-row';
 export * from './table-container';
 export * from './illustration';
 export * from './button-filter';
+export * from './phone-number-input';
 export * from './drawer';
 export * from './radio-button-group';
 export * from './radio-group';

package/recipes/index.mjs

@@ -14,6 +14,7 @@ export * from './table-empty-row.mjs';
 export * from './table-container.mjs';
 export * from './illustration.mjs';
 export * from './button-filter.mjs';
+export * from './phone-number-input.mjs';
 export * from './drawer.mjs';
 export * from './radio-button-group.mjs';
 export * from './radio-group.mjs';

package/recipes/phone-number-input.d.ts

@@ -0,0 +1,35 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface PhoneNumberInputVariant {
+  /**
+ * @default "md"
+ */
+size: "md"
+}
+
+type PhoneNumberInputVariantMap = {
+  [key in keyof PhoneNumberInputVariant]: Array<PhoneNumberInputVariant[key]>
+}
+
+export type PhoneNumberInputVariantProps = {
+  [key in keyof PhoneNumberInputVariant]?: ConditionalValue<PhoneNumberInputVariant[key]> | undefined
+}
+
+export interface PhoneNumberInputRecipe {
+  __type: PhoneNumberInputVariantProps
+  (props?: PhoneNumberInputVariantProps): string
+  raw: (props?: PhoneNumberInputVariantProps) => PhoneNumberInputVariantProps
+  variantMap: PhoneNumberInputVariantMap
+  variantKeys: Array<keyof PhoneNumberInputVariant>
+  splitVariantProps<Props extends PhoneNumberInputVariantProps>(props: Props): [PhoneNumberInputVariantProps, Pretty<DistributiveOmit<Props, keyof PhoneNumberInputVariantProps>>]
+  getVariantProps: (props?: PhoneNumberInputVariantProps) => PhoneNumberInputVariantProps
+}
+
+/**
+ * The styles for the PhoneNumberInput component
+
+
+ */
+export declare const phoneNumberInput: PhoneNumberInputRecipe

package/recipes/phone-number-input.mjs

@@ -0,0 +1,30 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const phoneNumberInputFn = /* @__PURE__ */ createRecipe('phone-number-input', {
+  "size": "md"
+}, [])
+
+const phoneNumberInputVariantMap = {
+  "size": [
+    "md"
+  ]
+}
+
+const phoneNumberInputVariantKeys = Object.keys(phoneNumberInputVariantMap)
+
+export const phoneNumberInput = /* @__PURE__ */ Object.assign(memo(phoneNumberInputFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'phoneNumberInput',
+  __getCompoundVariantCss__: phoneNumberInputFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: phoneNumberInputVariantKeys,
+  variantMap: phoneNumberInputVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, phoneNumberInputVariantKeys)
+  },
+  getVariantProps: phoneNumberInputFn.getVariantProps,
+})

package/types/conditions.d.ts

@@ -10,7 +10,7 @@ export interface Conditions {
 	"_focusWithin": string
 	/** `&:is(:focus-visible, [data-focus-visible])` */
 	"_focusVisible": string
-	/** `&:is(:disabled, [disabled], [data-disabled])` */
+	/** `&:is(:disabled, [disabled], [data-disabled], .PhoneInput--disabled)` */
 	"_disabled": string
 	/** `&:is(:active, [data-active])` */
 	"_active": string