@chakra-ui/panda-preset 3.3.0

package/dist/cjs/slot-recipes/tooltip.cjs

@@ -0,0 +1,44 @@
+"use strict";
+'use strict';
+
+var def = require('../def.cjs');
+
+const tooltipSlotRecipe = def.defineSlotRecipe({
+  slots: ["trigger", "arrow", "arrowTip", "positioner", "content"],
+  className: "tooltip",
+  base: {
+    content: {
+      "--tooltip-bg": "colors.bg.inverted",
+      bg: "var(--tooltip-bg)",
+      color: "fg.inverted",
+      px: "2.5",
+      py: "1",
+      borderRadius: "l2",
+      fontWeight: "medium",
+      textStyle: "xs",
+      boxShadow: "md",
+      maxW: "xs",
+      zIndex: "tooltip",
+      transformOrigin: "var(--transform-origin)",
+      _open: {
+        animationStyle: "scale-fade-in",
+        animationDuration: "fast"
+      },
+      _closed: {
+        animationStyle: "scale-fade-out",
+        animationDuration: "fast"
+      }
+    },
+    arrow: {
+      "--arrow-size": "sizes.2",
+      "--arrow-background": "var(--tooltip-bg)"
+    },
+    arrowTip: {
+      borderTopWidth: "1px",
+      borderInlineStartWidth: "1px",
+      borderColor: "var(--tooltip-bg)"
+    }
+  }
+});
+
+exports.tooltipSlotRecipe = tooltipSlotRecipe;

package/dist/cjs/text-styles.cjs

@@ -0,0 +1,88 @@
+"use strict";
+'use strict';
+
+var def = require('./def.cjs');
+
+const textStyles = def.defineTextStyles({
+  "2xs": {
+    value: {
+      fontSize: "2xs",
+      lineHeight: "0.75rem"
+    }
+  },
+  xs: {
+    value: {
+      fontSize: "xs",
+      lineHeight: "1rem"
+    }
+  },
+  sm: {
+    value: {
+      fontSize: "sm",
+      lineHeight: "1.25rem"
+    }
+  },
+  md: {
+    value: {
+      fontSize: "md",
+      lineHeight: "1.5rem"
+    }
+  },
+  lg: {
+    value: {
+      fontSize: "lg",
+      lineHeight: "1.75rem"
+    }
+  },
+  xl: {
+    value: {
+      fontSize: "xl",
+      lineHeight: "1.875rem"
+    }
+  },
+  "2xl": {
+    value: {
+      fontSize: "2xl",
+      lineHeight: "2rem"
+    }
+  },
+  "3xl": {
+    value: {
+      fontSize: "3xl",
+      lineHeight: "2.375rem"
+    }
+  },
+  "4xl": {
+    value: {
+      fontSize: "4xl",
+      lineHeight: "2.75rem",
+      letterSpacing: "-0.025em"
+    }
+  },
+  "5xl": {
+    value: {
+      fontSize: "5xl",
+      lineHeight: "3.75rem",
+      letterSpacing: "-0.025em"
+    }
+  },
+  "6xl": {
+    value: {
+      fontSize: "6xl",
+      lineHeight: "4.5rem",
+      letterSpacing: "-0.025em"
+    }
+  },
+  "7xl": {
+    value: {
+      fontSize: "7xl",
+      lineHeight: "5.75rem",
+      letterSpacing: "-0.025em"
+    }
+  },
+  none: {
+    value: {}
+  }
+});
+
+exports.textStyles = textStyles;

package/dist/cjs/tokens/animations.cjs

@@ -0,0 +1,21 @@
+"use strict";
+'use strict';
+
+var def = require('../def.cjs');
+
+const animations = def.defineTokens.animations({
+  spin: {
+    value: "spin 1s linear infinite"
+  },
+  ping: {
+    value: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite"
+  },
+  pulse: {
+    value: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"
+  },
+  bounce: {
+    value: "bounce 1s infinite"
+  }
+});
+
+exports.animations = animations;

package/dist/cjs/tokens/aspect-ratios.cjs

@@ -0,0 +1,27 @@
+"use strict";
+'use strict';
+
+var def = require('../def.cjs');
+
+const aspectRatios = def.defineTokens.aspectRatios({
+  square: {
+    value: "1 / 1"
+  },
+  landscape: {
+    value: "4 / 3"
+  },
+  portrait: {
+    value: "3 / 4"
+  },
+  wide: {
+    value: "16 / 9"
+  },
+  ultrawide: {
+    value: "18 / 5"
+  },
+  golden: {
+    value: "1.618 / 1"
+  }
+});
+
+exports.aspectRatios = aspectRatios;

package/dist/cjs/tokens/blurs.cjs

@@ -0,0 +1,33 @@
+"use strict";
+'use strict';
+
+var def = require('../def.cjs');
+
+const blurs = def.defineTokens.blurs({
+  none: {
+    value: " "
+  },
+  sm: {
+    value: "4px"
+  },
+  md: {
+    value: "8px"
+  },
+  lg: {
+    value: "12px"
+  },
+  xl: {
+    value: "16px"
+  },
+  "2xl": {
+    value: "24px"
+  },
+  "3xl": {
+    value: "40px"
+  },
+  "4xl": {
+    value: "64px"
+  }
+});
+
+exports.blurs = blurs;

package/dist/cjs/tokens/borders.cjs

@@ -0,0 +1,24 @@
+"use strict";
+'use strict';
+
+var def = require('../def.cjs');
+
+const borders = def.defineTokens.borders({
+  xs: {
+    value: "0.5px solid"
+  },
+  sm: {
+    value: "1px solid"
+  },
+  md: {
+    value: "2px solid"
+  },
+  lg: {
+    value: "4px solid"
+  },
+  xl: {
+    value: "8px solid"
+  }
+});
+
+exports.borders = borders;

package/dist/cjs/tokens/colors.cjs

@@ -0,0 +1,441 @@
+"use strict";
+'use strict';
+
+var def = require('../def.cjs');
+
+const colors = def.defineTokens.colors({
+  transparent: {
+    value: "transparent"
+  },
+  current: {
+    value: "currentColor"
+  },
+  black: {
+    value: "#09090B"
+  },
+  white: {
+    value: "#FFFFFF"
+  },
+  whiteAlpha: {
+    "50": {
+      value: "rgba(255, 255, 255, 0.04)"
+    },
+    "100": {
+      value: "rgba(255, 255, 255, 0.06)"
+    },
+    "200": {
+      value: "rgba(255, 255, 255, 0.08)"
+    },
+    "300": {
+      value: "rgba(255, 255, 255, 0.16)"
+    },
+    "400": {
+      value: "rgba(255, 255, 255, 0.24)"
+    },
+    "500": {
+      value: "rgba(255, 255, 255, 0.36)"
+    },
+    "600": {
+      value: "rgba(255, 255, 255, 0.48)"
+    },
+    "700": {
+      value: "rgba(255, 255, 255, 0.64)"
+    },
+    "800": {
+      value: "rgba(255, 255, 255, 0.80)"
+    },
+    "900": {
+      value: "rgba(255, 255, 255, 0.92)"
+    },
+    "950": {
+      value: "rgba(255, 255, 255, 0.95)"
+    }
+  },
+  blackAlpha: {
+    "50": {
+      value: "rgba(0, 0, 0, 0.04)"
+    },
+    "100": {
+      value: "rgba(0, 0, 0, 0.06)"
+    },
+    "200": {
+      value: "rgba(0, 0, 0, 0.08)"
+    },
+    "300": {
+      value: "rgba(0, 0, 0, 0.16)"
+    },
+    "400": {
+      value: "rgba(0, 0, 0, 0.24)"
+    },
+    "500": {
+      value: "rgba(0, 0, 0, 0.36)"
+    },
+    "600": {
+      value: "rgba(0, 0, 0, 0.48)"
+    },
+    "700": {
+      value: "rgba(0, 0, 0, 0.64)"
+    },
+    "800": {
+      value: "rgba(0, 0, 0, 0.80)"
+    },
+    "900": {
+      value: "rgba(0, 0, 0, 0.92)"
+    },
+    "950": {
+      value: "rgba(0, 0, 0, 0.95)"
+    }
+  },
+  gray: {
+    "50": {
+      value: "#fafafa"
+    },
+    "100": {
+      value: "#f4f4f5"
+    },
+    "200": {
+      value: "#e4e4e7"
+    },
+    "300": {
+      value: "#d4d4d8"
+    },
+    "400": {
+      value: "#a1a1aa"
+    },
+    "500": {
+      value: "#71717a"
+    },
+    "600": {
+      value: "#52525b"
+    },
+    "700": {
+      value: "#3f3f46"
+    },
+    "800": {
+      value: "#27272a"
+    },
+    "900": {
+      value: "#18181b"
+    },
+    "950": {
+      value: "#111111"
+    }
+  },
+  red: {
+    "50": {
+      value: "#fef2f2"
+    },
+    "100": {
+      value: "#fee2e2"
+    },
+    "200": {
+      value: "#fecaca"
+    },
+    "300": {
+      value: "#fca5a5"
+    },
+    "400": {
+      value: "#f87171"
+    },
+    "500": {
+      value: "#ef4444"
+    },
+    "600": {
+      value: "#dc2626"
+    },
+    "700": {
+      value: "#991919"
+    },
+    "800": {
+      value: "#511111"
+    },
+    "900": {
+      value: "#300c0c"
+    },
+    "950": {
+      value: "#1f0808"
+    }
+  },
+  orange: {
+    "50": {
+      value: "#fff7ed"
+    },
+    "100": {
+      value: "#ffedd5"
+    },
+    "200": {
+      value: "#fed7aa"
+    },
+    "300": {
+      value: "#fdba74"
+    },
+    "400": {
+      value: "#fb923c"
+    },
+    "500": {
+      value: "#f97316"
+    },
+    "600": {
+      value: "#ea580c"
+    },
+    "700": {
+      value: "#92310a"
+    },
+    "800": {
+      value: "#6c2710"
+    },
+    "900": {
+      value: "#3b1106"
+    },
+    "950": {
+      value: "#220a04"
+    }
+  },
+  yellow: {
+    "50": {
+      value: "#fefce8"
+    },
+    "100": {
+      value: "#fef9c3"
+    },
+    "200": {
+      value: "#fef08a"
+    },
+    "300": {
+      value: "#fde047"
+    },
+    "400": {
+      value: "#facc15"
+    },
+    "500": {
+      value: "#eab308"
+    },
+    "600": {
+      value: "#ca8a04"
+    },
+    "700": {
+      value: "#845209"
+    },
+    "800": {
+      value: "#713f12"
+    },
+    "900": {
+      value: "#422006"
+    },
+    "950": {
+      value: "#281304"
+    }
+  },
+  green: {
+    "50": {
+      value: "#f0fdf4"
+    },
+    "100": {
+      value: "#dcfce7"
+    },
+    "200": {
+      value: "#bbf7d0"
+    },
+    "300": {
+      value: "#86efac"
+    },
+    "400": {
+      value: "#4ade80"
+    },
+    "500": {
+      value: "#22c55e"
+    },
+    "600": {
+      value: "#16a34a"
+    },
+    "700": {
+      value: "#116932"
+    },
+    "800": {
+      value: "#124a28"
+    },
+    "900": {
+      value: "#042713"
+    },
+    "950": {
+      value: "#03190c"
+    }
+  },
+  teal: {
+    "50": {
+      value: "#f0fdfa"
+    },
+    "100": {
+      value: "#ccfbf1"
+    },
+    "200": {
+      value: "#99f6e4"
+    },
+    "300": {
+      value: "#5eead4"
+    },
+    "400": {
+      value: "#2dd4bf"
+    },
+    "500": {
+      value: "#14b8a6"
+    },
+    "600": {
+      value: "#0d9488"
+    },
+    "700": {
+      value: "#0c5d56"
+    },
+    "800": {
+      value: "#114240"
+    },
+    "900": {
+      value: "#032726"
+    },
+    "950": {
+      value: "#021716"
+    }
+  },
+  blue: {
+    "50": {
+      value: "#eff6ff"
+    },
+    "100": {
+      value: "#dbeafe"
+    },
+    "200": {
+      value: "#bfdbfe"
+    },
+    "300": {
+      value: "#a3cfff"
+    },
+    "400": {
+      value: "#60a5fa"
+    },
+    "500": {
+      value: "#3b82f6"
+    },
+    "600": {
+      value: "#2563eb"
+    },
+    "700": {
+      value: "#173da6"
+    },
+    "800": {
+      value: "#1a3478"
+    },
+    "900": {
+      value: "#14204a"
+    },
+    "950": {
+      value: "#0c142e"
+    }
+  },
+  cyan: {
+    "50": {
+      value: "#ecfeff"
+    },
+    "100": {
+      value: "#cffafe"
+    },
+    "200": {
+      value: "#a5f3fc"
+    },
+    "300": {
+      value: "#67e8f9"
+    },
+    "400": {
+      value: "#22d3ee"
+    },
+    "500": {
+      value: "#06b6d4"
+    },
+    "600": {
+      value: "#0891b2"
+    },
+    "700": {
+      value: "#0c5c72"
+    },
+    "800": {
+      value: "#134152"
+    },
+    "900": {
+      value: "#072a38"
+    },
+    "950": {
+      value: "#051b24"
+    }
+  },
+  purple: {
+    "50": {
+      value: "#faf5ff"
+    },
+    "100": {
+      value: "#f3e8ff"
+    },
+    "200": {
+      value: "#e9d5ff"
+    },
+    "300": {
+      value: "#d8b4fe"
+    },
+    "400": {
+      value: "#c084fc"
+    },
+    "500": {
+      value: "#a855f7"
+    },
+    "600": {
+      value: "#9333ea"
+    },
+    "700": {
+      value: "#641ba3"
+    },
+    "800": {
+      value: "#4a1772"
+    },
+    "900": {
+      value: "#2f0553"
+    },
+    "950": {
+      value: "#1a032e"
+    }
+  },
+  pink: {
+    "50": {
+      value: "#fdf2f8"
+    },
+    "100": {
+      value: "#fce7f3"
+    },
+    "200": {
+      value: "#fbcfe8"
+    },
+    "300": {
+      value: "#f9a8d4"
+    },
+    "400": {
+      value: "#f472b6"
+    },
+    "500": {
+      value: "#ec4899"
+    },
+    "600": {
+      value: "#db2777"
+    },
+    "700": {
+      value: "#a41752"
+    },
+    "800": {
+      value: "#6d0e34"
+    },
+    "900": {
+      value: "#45061f"
+    },
+    "950": {
+      value: "#2c0514"
+    }
+  }
+});
+
+exports.colors = colors;

package/dist/cjs/tokens/cursor.cjs

@@ -0,0 +1,33 @@
+"use strict";
+'use strict';
+
+var def = require('../def.cjs');
+
+const cursor = def.defineTokens.cursor({
+  button: {
+    value: "pointer"
+  },
+  checkbox: {
+    value: "default"
+  },
+  disabled: {
+    value: "not-allowed"
+  },
+  menuitem: {
+    value: "default"
+  },
+  option: {
+    value: "default"
+  },
+  radio: {
+    value: "default"
+  },
+  slider: {
+    value: "default"
+  },
+  swittch: {
+    value: "pointer"
+  }
+});
+
+exports.cursor = cursor;