feat: Add mwfc. (#114)

* feat: Add mwfc. * Codegen. * Fix abbreviation.
homebound-team · Aug 16, 2023 · 49c90de · 49c90de
1 parent 9c1389e
commit 49c90de
Show file tree

Hide file tree

Showing 3 changed files with 54 additions and 0 deletions.
diff --git a/packages/template-tachyons/src/Css.ts b/packages/template-tachyons/src/Css.ts
@@ -2339,6 +2339,18 @@ class CssBuilder<T extends Properties> {
   get mw100() {
     return this.add("minWidth", "100%");
   }
+  /** Sets `minWidth: "fit-content"`. */
+  get mwfc() {
+    return this.add("minWidth", "fit-content");
+  }
+  /** Sets `minWidth: "min-content"`. */
+  get mwminc() {
+    return this.add("minWidth", "min-content");
+  }
+  /** Sets `minWidth: "max-content"`. */
+  get mwmaxc() {
+    return this.add("minWidth", "max-content");
+  }
   /** Sets `minWidth: value`. */
   mw(value: Properties["minWidth"]) {
     return this.add("minWidth", value);
@@ -2367,6 +2379,18 @@ class CssBuilder<T extends Properties> {
   get maxw100() {
     return this.add("maxWidth", "100%");
   }
+  /** Sets `maxWidth: "fit-content"`. */
+  get maxwfc() {
+    return this.add("maxWidth", "fit-content");
+  }
+  /** Sets `maxWidth: "min-content"`. */
+  get maxwminc() {
+    return this.add("maxWidth", "min-content");
+  }
+  /** Sets `maxWidth: "max-content"`. */
+  get maxwmaxc() {
+    return this.add("maxWidth", "max-content");
+  }
   /** Sets `maxWidth: value`. */
   maxw(value: Properties["maxWidth"]) {
     return this.add("maxWidth", value);

diff --git a/packages/testing-tachyons/src/Css.ts b/packages/testing-tachyons/src/Css.ts
@@ -2045,6 +2045,18 @@ class CssBuilder<T extends Properties> {
   get mw100() {
     return this.add("minWidth", "100%");
   }
+  /** Sets `minWidth: "fit-content"`. */
+  get mwfc() {
+    return this.add("minWidth", "fit-content");
+  }
+  /** Sets `minWidth: "min-content"`. */
+  get mwminc() {
+    return this.add("minWidth", "min-content");
+  }
+  /** Sets `minWidth: "max-content"`. */
+  get mwmaxc() {
+    return this.add("minWidth", "max-content");
+  }
   /** Sets `minWidth: value`. */
   mw(value: Properties["minWidth"]) {
     return this.add("minWidth", value);
@@ -2073,6 +2085,18 @@ class CssBuilder<T extends Properties> {
   get maxw100() {
     return this.add("maxWidth", "100%");
   }
+  /** Sets `maxWidth: "fit-content"`. */
+  get maxwfc() {
+    return this.add("maxWidth", "fit-content");
+  }
+  /** Sets `maxWidth: "min-content"`. */
+  get maxwminc() {
+    return this.add("maxWidth", "min-content");
+  }
+  /** Sets `maxWidth: "max-content"`. */
+  get maxwmaxc() {
+    return this.add("maxWidth", "max-content");
+  }
   /** Sets `maxWidth: value`. */
   maxw(value: Properties["maxWidth"]) {
     return this.add("maxWidth", value);

diff --git a/packages/truss/src/sections/tachyons/widths.ts b/packages/truss/src/sections/tachyons/widths.ts
@@ -25,6 +25,9 @@ export const width: CreateMethodsFn = (config) => [
       mw50: "50%",
       mw75: "75%",
       mw100: "100%",
+      mwfc: "fit-content",
+      mwminc: "min-content",
+      mwmaxc: "max-content",
     },
     "mw",
     true,
@@ -38,6 +41,9 @@ export const width: CreateMethodsFn = (config) => [
       maxw50: "50%",
       maxw75: "75%",
       maxw100: "100%",
+      maxwfc: "fit-content",
+      maxwminc: "min-content",
+      maxwmaxc: "max-content",
     },
     "maxw",
     true,