@pandacss/preset-base 1.11.3 → 2.0.0-beta.1

package/LICENSE.md

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 Segun Adebayo
+Copyright (c) 2023 Chakra Systems Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -0,0 +1,18 @@
+# @pandacss/preset-base
+
+The base preset for [Panda CSS](https://panda-css.com) — the built-in conditions and utilities. Included by default in
+every Panda project.
+
+## Installation
+
+```bash
+npm install -D @pandacss/preset-base
+```
+
+## Documentation
+
+Visit the [Panda CSS documentation](https://panda-css.com) to learn more.
+
+## License
+
+MIT © [Chakra Systems Inc.](https://github.com/chakra-ui)

package/dist/index.js

@@ -623,13 +623,11 @@ var patterns = {
 };
 
 // src/color-mix-transform.ts
-var createColorMixTransform = (prop) => (value, args) => {
-  const mix = args.utils.colorMix(value);
-  if (mix.invalid) return { [prop]: value };
-  const cssVar = "--mix-" + prop;
-  return {
-    [cssVar]: mix.value,
-    [prop]: `var(${cssVar}, ${mix.color})`
+var createColorMixTransform = (prop) => {
+  return (value, args) => {
+    const mix = args.utils.colorMix(value);
+    if (mix.invalid) return { [prop]: value };
+    return { [prop]: mix.value };
   };
 };
 
@@ -1578,16 +1576,7 @@ var focusRing = {
     className: "focus-ring-c",
     values: "colors",
     group: "Focus Ring",
-    transform(value, { utils }) {
-      const prop = "--focus-ring-color-prop";
-      const mix = utils.colorMix(value);
-      if (mix.invalid) return { [prop]: value };
-      const cssVar = "--mix-" + prop;
-      return {
-        [cssVar]: mix.value,
-        [prop]: `var(${cssVar}, ${mix.color})`
-      };
-    }
+    transform: createColorMixTransform("--focus-ring-color-prop")
   },
   focusRingOffset: {
     className: "focus-ring-o",

package/dist/index.mjs

@@ -596,13 +596,11 @@ var patterns = {
 };
 
 // src/color-mix-transform.ts
-var createColorMixTransform = (prop) => (value, args) => {
-  const mix = args.utils.colorMix(value);
-  if (mix.invalid) return { [prop]: value };
-  const cssVar = "--mix-" + prop;
-  return {
-    [cssVar]: mix.value,
-    [prop]: `var(${cssVar}, ${mix.color})`
+var createColorMixTransform = (prop) => {
+  return (value, args) => {
+    const mix = args.utils.colorMix(value);
+    if (mix.invalid) return { [prop]: value };
+    return { [prop]: mix.value };
   };
 };
 
@@ -1551,16 +1549,7 @@ var focusRing = {
     className: "focus-ring-c",
     values: "colors",
     group: "Focus Ring",
-    transform(value, { utils }) {
-      const prop = "--focus-ring-color-prop";
-      const mix = utils.colorMix(value);
-      if (mix.invalid) return { [prop]: value };
-      const cssVar = "--mix-" + prop;
-      return {
-        [cssVar]: mix.value,
-        [prop]: `var(${cssVar}, ${mix.color})`
-      };
-    }
+    transform: createColorMixTransform("--focus-ring-color-prop")
   },
   focusRingOffset: {
     className: "focus-ring-o",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/preset-base",
-  "version": "1.11.3",
+  "version": "2.0.0-beta.1",
   "description": "The base preset for Panda CSS that contains the conditions and utilities",
   "author": "Segun Adebayo <joseshegs@gmail.com>",
   "license": "MIT",
@@ -33,14 +33,11 @@
     "dist"
   ],
   "dependencies": {
-    "@pandacss/types": "1.11.3"
-  },
-  "engines": {
-    "node": ">=20"
+    "@pandacss/types": "2.0.0-beta.1"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=esm,cjs --dts",
-    "build-fast": "tsup src/index.ts --format=esm,cjs --no-dts",
-    "dev": "pnpm build-fast --watch"
+    "build:fast": "tsup src/index.ts --format=esm,cjs --no-dts",
+    "dev": "pnpm build:fast --watch"
   }
 }