@okshaun/components 0.4.0 → 0.4.1

package/dist/panda.buildinfo.json

@@ -188,7 +188,9 @@
       "background]___[value:transparent",
       "flexWrap]___[value:wrap",
       "padding]___[value:80",
-      "transition]___[value:transform 0.2s ease",
+      "transitionProperty]___[value:transform",
+      "transitionDuration]___[value:normal",
+      "transitionTimingFunction]___[value:default",
       "transform]___[value:rotate(180deg)]___[cond:&[data-open=\"true\"]",
       "offset]___[value:4",
       "width]___[value:20",

package/dist/preset.js

@@ -158,6 +158,44 @@ const durations = {
     value: "500ms"
   }
 };
+const transitions$1 = {
+  none: {
+    value: "none"
+  },
+  all: {
+    value: "all"
+  },
+  common: {
+    value: "background-color, border-color, color, fill, stroke, opacity, box-shadow, transform"
+  },
+  colors: {
+    value: "background-color, border-color, color, fill, stroke"
+  },
+  opacity: {
+    value: "opacity"
+  },
+  shadow: {
+    value: "box-shadow"
+  },
+  transform: {
+    value: "transform"
+  },
+  position: {
+    value: "top, right, bottom, left"
+  },
+  size: {
+    value: "width, height"
+  },
+  spacing: {
+    value: "margin, padding"
+  },
+  outline: {
+    value: "outline, outline-color, outline-offset"
+  },
+  border: {
+    value: "border, border-color"
+  }
+};
 const radii = {
   "0": { value: "{sizes.0}" },
   "1": { value: "{sizes.1}" },
@@ -235,12 +273,48 @@ const blurs = {
     value: "64px"
   }
 };
+const borders = {
+  none: {
+    value: "none"
+  },
+  subtle: {
+    value: "1px solid {colors.border}"
+  },
+  default: {
+    value: "1px solid {colors.border}"
+  },
+  strong: {
+    value: "2px solid {colors.border.bold}"
+  },
+  input: {
+    value: "1px solid {colors.border.input}"
+  },
+  focused: {
+    value: "2px solid {colors.border.focused}"
+  },
+  selected: {
+    value: "2px solid {colors.border.selected}"
+  },
+  success: {
+    value: "1px solid {colors.border.success}"
+  },
+  warning: {
+    value: "1px solid {colors.border.warning}"
+  },
+  danger: {
+    value: "1px solid {colors.border.danger}"
+  },
+  info: {
+    value: "1px solid {colors.border.info}"
+  }
+};
 const tokens = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   animations,
   aspectRatios,
   blurs,
   borderWidths,
+  borders,
   breakpoints: breakpoints$1,
   colors: colors$1,
   containerSizes,
@@ -256,6 +330,7 @@ const tokens = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   radii,
   shadows,
   sizes,
+  transitions: transitions$1,
   utilitySizes
 }, Symbol.toStringTag, { value: "Module" }));
 var conditions$1 = {
@@ -6719,7 +6794,12 @@ const okshaunPreset = definePreset$1({
     }
   },
   utilities: {
-    ...pandaBasePresetUtilities
+    ...pandaBasePresetUtilities,
+    // Custom utility for transitionProperty that uses our transition tokens
+    transitionProperty: {
+      className: "transition-property",
+      values: "transitions"
+    }
   },
   // Global styles
   globalCss: {