@homebound/truss 2.28.0 → 2.29.0

package/build/index.d.ts

@@ -136,6 +136,7 @@ type Sections = Record<SectionName, CreateMethodsFn>;
 type Aliases = Record<UtilityName, UtilityName[]>;
 
 declare const defaultSections: {
+    readonly animation: CreateMethodsFn;
     readonly border: CreateMethodsFn;
     readonly borderColor: CreateMethodsFn;
     readonly borderRadius: CreateMethodsFn;
@@ -165,6 +166,8 @@ declare const defaultSections: {
     readonly textAlign: CreateMethodsFn;
     readonly textDecoration: CreateMethodsFn;
     readonly textTransform: CreateMethodsFn;
+    readonly transform: CreateMethodsFn;
+    readonly transition: CreateMethodsFn;
     readonly typeScale: CreateMethodsFn;
     readonly typography: CreateMethodsFn;
     readonly userSelect: CreateMethodsFn;

package/build/index.js

@@ -124,6 +124,19 @@ function comment(defs) {
 `;
 }
 
+// src/sections/tachyons/animation.ts
+var animation = () => [
+  ...newMethodsForProp("animation", {}),
+  ...newMethodsForProp("animationDelay", {}),
+  ...newMethodsForProp("animationDirection", {}),
+  ...newMethodsForProp("animationDuration", {}),
+  ...newMethodsForProp("animationFillMode", {}),
+  ...newMethodsForProp("animationIterationCount", {}),
+  ...newMethodsForProp("animationName", {}),
+  ...newMethodsForProp("animationPlayState", {}),
+  ...newMethodsForProp("animationTimingFunction", {})
+];
+
 // src/sections/tachyons/border.ts
 var borderDefs = [
   ["ba", ["borderStyle", "borderWidth"]],
@@ -658,6 +671,30 @@ var textTransform = () => newMethodsForProp(
   "tt"
 );
 
+// src/sections/tachyons/transform.ts
+var transform = () => [
+  ...newMethodsForProp("backfaceVisibility", {}),
+  ...newMethodsForProp("perspective", {}),
+  ...newMethodsForProp("perspectiveOrigin", {}),
+  ...newMethodsForProp("rotate", {}),
+  ...newMethodsForProp("scale", {}),
+  ...newMethodsForProp("transform", {}),
+  ...newMethodsForProp("transformBox", {}),
+  ...newMethodsForProp("transformOrigin", {}),
+  ...newMethodsForProp("transformStyle", {}),
+  ...newMethodsForProp("translate", {})
+];
+
+// src/sections/tachyons/transition.ts
+var transition = () => [
+  ...newMethodsForProp("transition", {}),
+  ...newMethodsForProp("transitionBehavior", {}),
+  ...newMethodsForProp("transitionDelay", {}),
+  ...newMethodsForProp("transitionDuration", {}),
+  ...newMethodsForProp("transitionProperty", {}),
+  ...newMethodsForProp("transitionTimingFunction", {})
+];
+
 // src/sections/tachyons/typeScale.ts
 var typeScale = ({ fonts }) => [
   ...Object.entries(fonts).map(([abbr, defs]) => {
@@ -849,6 +886,7 @@ var opacity = () => [
 
 // src/sections/tachyons/index.ts
 var defaultSections = {
+  animation,
   border,
   borderColor,
   borderRadius,
@@ -878,6 +916,8 @@ var defaultSections = {
   textAlign,
   textDecoration,
   textTransform,
+  transform,
+  transition,
   typeScale,
   typography,
   userSelect,
@@ -1207,7 +1247,7 @@ class CssBuilder<T extends Properties> {
 
   /** Reset active conditional modifiers for subsequent styles. */
   get end() {
-    return this.newCss({ selector: undefined, elseApplied: false });
+    return this.newCss({ enabled: true, selector: undefined, elseApplied: false });
   }
 
   /** Add real CSS property/value pairs, either as add("prop", value) or add({ prop: value, ... }). */
@@ -1539,7 +1579,7 @@ class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"> {
 
   /** Reset active conditional modifiers for subsequent styles. */
   get end(): CssBuilder<T, S> {
-    return this.newCss({ selector: undefined, elseApplied: false });
+    return this.newCss({ enabled: true, selector: undefined, elseApplied: false });
   }
 
   /** Add real CSS property/value pairs, either as add("prop", value) or add({ prop: value, ... }). */