@becket-ui/tokens 0.1.0

package/styled-system/recipes/tag.mjs

@@ -0,0 +1,89 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const tagFn = /* @__PURE__ */ createRecipe('tag', {
+  "size": "md",
+  "visual": "neutral",
+  "borderRadius": "full",
+  "withGradient": false
+}, [
+  {
+    "withGradient": true,
+    "css": {
+      "borderWidth": "0px",
+      "borderStyle": "solid",
+      "borderColor": "transparent",
+      "backgroundColor": "transparent",
+      "backgroundImage": "var(--mav-label-gradient, {gradients.primary})",
+      "backgroundOrigin": "border-box",
+      "backgroundClip": "border-box",
+      "backgroundRepeat": "no-repeat",
+      "backgroundSize": "100% 100%"
+    }
+  },
+  {
+    "visual": "outline",
+    "withGradient": true,
+    "css": {
+      "borderWidth": "2px",
+      "borderStyle": "solid",
+      "borderColor": "transparent",
+      "backgroundImage": "linear-gradient({colors.background}, {colors.background}), var(--mav-label-gradient, {gradients.primary})",
+      "backgroundOrigin": "border-box",
+      "backgroundClip": "padding-box, border-box",
+      "color": "var(--mav-label-color, {colors.secondary})"
+    }
+  },
+  {
+    "visual": "neutral",
+    "css": {
+      "_light": {
+        "bg": "var(--mav-label-bg, {colors.neutral.100})"
+      }
+    }
+  }
+])
+
+const tagVariantMap = {
+  "size": [
+    "sm",
+    "md",
+    "lg"
+  ],
+  "visual": [
+    "primary",
+    "secondary",
+    "neutral",
+    "outline"
+  ],
+  "borderRadius": [
+    "none",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "full"
+  ],
+  "withGradient": [
+    "false",
+    "true"
+  ]
+}
+
+const tagVariantKeys = Object.keys(tagVariantMap)
+
+export const tag = /* @__PURE__ */ Object.assign(memo(tagFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'tag',
+  __getCompoundVariantCss__: tagFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: tagVariantKeys,
+  variantMap: tagVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, tagVariantKeys)
+  },
+  getVariantProps: tagFn.getVariantProps,
+})

package/styled-system/recipes/text-field-recipe.d.ts

@@ -0,0 +1,40 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface TextFieldRecipeVariant {
+  /**
+ * @default "md"
+ */
+size: "sm" | "md" | "lg"
+/**
+ * @default false
+ */
+invalid: boolean
+}
+
+type TextFieldRecipeVariantMap = {
+  [key in keyof TextFieldRecipeVariant]: Array<TextFieldRecipeVariant[key]>
+}
+
+
+
+export type TextFieldRecipeVariantProps = {
+  [key in keyof TextFieldRecipeVariant]?: ConditionalValue<TextFieldRecipeVariant[key]> | undefined
+}
+
+export interface TextFieldRecipeRecipe {
+  
+  __type: TextFieldRecipeVariantProps
+  (props?: TextFieldRecipeVariantProps): string
+  raw: (props?: TextFieldRecipeVariantProps) => TextFieldRecipeVariantProps
+  variantMap: TextFieldRecipeVariantMap
+  variantKeys: Array<keyof TextFieldRecipeVariant>
+  splitVariantProps<Props extends TextFieldRecipeVariantProps>(props: Props): [TextFieldRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TextFieldRecipeVariantProps>>]
+  getVariantProps: (props?: TextFieldRecipeVariantProps) => TextFieldRecipeVariantProps
+}
+
+/**
+ * Styles for the TextField / FieldControl input
+ */
+export declare const textFieldRecipe: TextFieldRecipeRecipe

package/styled-system/recipes/text-field-recipe.mjs

@@ -0,0 +1,37 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const textFieldRecipeFn = /* @__PURE__ */ createRecipe('textField', {
+  "size": "md",
+  "invalid": false
+}, [])
+
+const textFieldRecipeVariantMap = {
+  "size": [
+    "sm",
+    "md",
+    "lg"
+  ],
+  "invalid": [
+    "true",
+    "false"
+  ]
+}
+
+const textFieldRecipeVariantKeys = Object.keys(textFieldRecipeVariantMap)
+
+export const textFieldRecipe = /* @__PURE__ */ Object.assign(memo(textFieldRecipeFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'textFieldRecipe',
+  __getCompoundVariantCss__: textFieldRecipeFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: textFieldRecipeVariantKeys,
+  variantMap: textFieldRecipeVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, textFieldRecipeVariantKeys)
+  },
+  getVariantProps: textFieldRecipeFn.getVariantProps,
+})

package/styled-system/recipes/textarea-recipe.d.ts

@@ -0,0 +1,40 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface TextareaRecipeVariant {
+  /**
+ * @default "md"
+ */
+size: "sm" | "md" | "lg"
+/**
+ * @default false
+ */
+invalid: boolean
+}
+
+type TextareaRecipeVariantMap = {
+  [key in keyof TextareaRecipeVariant]: Array<TextareaRecipeVariant[key]>
+}
+
+
+
+export type TextareaRecipeVariantProps = {
+  [key in keyof TextareaRecipeVariant]?: ConditionalValue<TextareaRecipeVariant[key]> | undefined
+}
+
+export interface TextareaRecipeRecipe {
+  
+  __type: TextareaRecipeVariantProps
+  (props?: TextareaRecipeVariantProps): string
+  raw: (props?: TextareaRecipeVariantProps) => TextareaRecipeVariantProps
+  variantMap: TextareaRecipeVariantMap
+  variantKeys: Array<keyof TextareaRecipeVariant>
+  splitVariantProps<Props extends TextareaRecipeVariantProps>(props: Props): [TextareaRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TextareaRecipeVariantProps>>]
+  getVariantProps: (props?: TextareaRecipeVariantProps) => TextareaRecipeVariantProps
+}
+
+/**
+ * Native textarea. Label / helper / error live on Field.
+ */
+export declare const textareaRecipe: TextareaRecipeRecipe

package/styled-system/recipes/textarea-recipe.mjs

@@ -0,0 +1,37 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const textareaRecipeFn = /* @__PURE__ */ createRecipe('textarea', {
+  "size": "md",
+  "invalid": false
+}, [])
+
+const textareaRecipeVariantMap = {
+  "size": [
+    "sm",
+    "md",
+    "lg"
+  ],
+  "invalid": [
+    "true",
+    "false"
+  ]
+}
+
+const textareaRecipeVariantKeys = Object.keys(textareaRecipeVariantMap)
+
+export const textareaRecipe = /* @__PURE__ */ Object.assign(memo(textareaRecipeFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'textareaRecipe',
+  __getCompoundVariantCss__: textareaRecipeFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: textareaRecipeVariantKeys,
+  variantMap: textareaRecipeVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, textareaRecipeVariantKeys)
+  },
+  getVariantProps: textareaRecipeFn.getVariantProps,
+})

package/styled-system/recipes/tooltip.d.ts

@@ -0,0 +1,36 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface TooltipVariant {
+  /**
+ * @default "top"
+ */
+placement: "top" | "bottom" | "left" | "right"
+}
+
+type TooltipVariantMap = {
+  [key in keyof TooltipVariant]: Array<TooltipVariant[key]>
+}
+
+
+
+export type TooltipVariantProps = {
+  [key in keyof TooltipVariant]?: ConditionalValue<TooltipVariant[key]> | undefined
+}
+
+export interface TooltipRecipe {
+  
+  __type: TooltipVariantProps
+  (props?: TooltipVariantProps): string
+  raw: (props?: TooltipVariantProps) => TooltipVariantProps
+  variantMap: TooltipVariantMap
+  variantKeys: Array<keyof TooltipVariant>
+  splitVariantProps<Props extends TooltipVariantProps>(props: Props): [TooltipVariantProps, Pretty<DistributiveOmit<Props, keyof TooltipVariantProps>>]
+  getVariantProps: (props?: TooltipVariantProps) => TooltipVariantProps
+}
+
+/**
+ * Tooltip content bubble
+ */
+export declare const tooltip: TooltipRecipe

package/styled-system/recipes/tooltip.mjs

@@ -0,0 +1,33 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const tooltipFn = /* @__PURE__ */ createRecipe('tooltip', {
+  "placement": "top"
+}, [])
+
+const tooltipVariantMap = {
+  "placement": [
+    "top",
+    "bottom",
+    "left",
+    "right"
+  ]
+}
+
+const tooltipVariantKeys = Object.keys(tooltipVariantMap)
+
+export const tooltip = /* @__PURE__ */ Object.assign(memo(tooltipFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'tooltip',
+  __getCompoundVariantCss__: tooltipFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: tooltipVariantKeys,
+  variantMap: tooltipVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, tooltipVariantKeys)
+  },
+  getVariantProps: tooltipFn.getVariantProps,
+})