@homebound/truss 1.128.1 → 1.130.0

package/build/config.d.ts

@@ -47,10 +47,10 @@ export interface Config {
     /**
      * Which default methods to include.
      *
-     * Currently, we support either `tachyons` or `none`. Could eventually support
-     * `tachyons-rn` or `tailwinds` / `tailwinds-rn` as additional options.
+     * Currently, we support either `tachyons`, `tachyons-rn`, or `none`.
+     * Could eventually support `tailwinds` / `tailwinds-rn` as additional options.
      */
-    defaultMethods?: "tachyons" | "none";
+    defaultMethods?: "tachyons" | "none" | "tachyons-rn";
     /**
      * A map of "section" to list of rules to create application-specific
      * utility methods.

package/build/generate.js

@@ -84,6 +84,7 @@ var methods_1 = require("./methods");
 var tachyons_1 = require("./sections/tachyons");
 var utils_1 = require("./utils");
 var change_case_1 = require("change-case");
+var tachyons_rn_1 = require("./sections/tachyons-rn");
 exports.defaultTypeAliases = {
     Margin: ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"],
     Padding: ["padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft"],
@@ -108,7 +109,11 @@ exports.generate = generate;
 function generateCssBuilder(config) {
     var aliases = config.aliases, fonts = config.fonts, increment = config.increment, extras = config.extras, typeAliases = config.typeAliases, _a = config.breakpoints, breakpoints = _a === void 0 ? {} : _a, palette = config.palette, _b = config.defaultMethods, defaultMethods = _b === void 0 ? "tachyons" : _b, customSections = config.sections;
     // Combine our out-of-the-box utility methods with any custom ones
-    var sections = __assign(__assign(__assign({}, (defaultMethods === "tachyons" ? generateMethods(config, tachyons_1.defaultSections) : {})), (customSections ? generateMethods(config, customSections) : {})), (aliases && { aliases: (0, methods_1.newAliasesMethods)(aliases) }));
+    var sections = __assign(__assign(__assign({}, (defaultMethods === "tachyons"
+        ? generateMethods(config, tachyons_1.defaultSections)
+        : defaultMethods === "tachyons-rn"
+            ? generateMethods(config, tachyons_rn_1.reactNativeSections)
+            : {})), (customSections ? generateMethods(config, customSections) : {})), (aliases && { aliases: (0, methods_1.newAliasesMethods)(aliases) }));
     var Properties = (0, ts_poet_1.imp)("Properties@csstype");
     var lines = Object.entries(sections)
         .map(function (_a) {
@@ -133,10 +138,11 @@ function generateCssBuilder(config) {
         var _b = __read(_a, 2), name = _b[0], value = _b[1];
         return (0, ts_poet_1.code)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      get if", "() {\n        return this.newCss({ selector: ", " });\n      }"], ["\n      get if", "() {\n        return this.newCss({ selector: ", " });\n      }"])), (0, change_case_1.pascalCase)(name), (0, utils_1.quote)(value));
     });
-    return (0, ts_poet_1.code)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n// This file is auto-generated by truss: https://github.com/homebound-team/truss.\n// See your project's `truss-config.ts` to make configuration changes (fonts, increments, etc).\n\n/** Given a type X, and the user's proposed type T, only allow keys in X and nothing else. */\nexport type Only<X, T> = X & Record<Exclude<keyof T, keyof X>, never>;\n\nexport type ", " = ", "<string | 0, string>;\n\n", "\n\ntype Opts<T> = {\n  rules: T,\n  enabled: boolean,\n  important: boolean,\n  selector: string | undefined\n};\n\nclass CssBuilder<T extends Properties> {\n  constructor(private opts: Opts<T>) {}\n\n  private get rules(): T { return this.opts.rules };\n  private get enabled(): boolean { return this.opts.enabled };\n  private get selector(): string | undefined { return this.opts.selector };\n  private newCss(opts: Partial<Opts<T>>): CssBuilder<T> {\n    return new CssBuilder({ ...this.opts, ...opts });\n  }\n\n  ", "\n  get $(): T { return maybeImportant(sortObject(this.rules), this.opts.important); }\n\n  if(bp: Breakpoint): CssBuilder<T>;\n  if(cond: boolean): CssBuilder<T>;\n  if(attr: string, value: boolean | string): CssBuilder<T>;\n  if(arg: boolean | Breakpoint | string, value?: boolean | string): CssBuilder<T> {\n    if (value !== undefined) {\n      return this.newCss({ selector: `[${arg}='${value}']` });\n    } else if (typeof arg === \"boolean\") {\n      return this.newCss({ enabled: arg });\n    } else {\n      return this.newCss({ selector: Breakpoints[arg as Breakpoint] });\n    }\n  }\n\n  get onHover() {\n    return this.newCss({ selector: \":hover\" });\n  }\n  \n  ", "\n\n  get else() {\n    if (this.selector !== undefined) {\n      if (this.selector.includes(\"not\")) {\n        throw new Error(\"else was already called\");\n      } else {\n        return this.newCss({ selector: this.selector.replace(\"@media\", \"@media not\") });\n      }\n    }\n    return this.newCss({ enabled: !this.enabled });\n  }\n\n  get important() { return this.newCss({ important: true }); }\n\n  /** Adds new properties, either a specific key/value or a Properties object, to the current css. */\n  add<P extends Properties>(props: P): CssBuilder<T & P>;\n  add<K extends keyof Properties>(prop: K, value: Properties[K]): CssBuilder<T & { [U in K]: Properties[K] }>;\n  add<K extends keyof Properties>(propOrProperties: K | Properties, value?: Properties[K]): CssBuilder<any> {\n    if (!this.enabled) return this;\n    const newRules = typeof propOrProperties === \"string\" ?  { [propOrProperties]: value } : propOrProperties;\n    const rules = this.selector\n      ? { ...this.rules, [this.selector]: { ...(this.rules as any)[this.selector], ...newRules } }\n      : { ...this.rules, ...newRules };\n    return this.newCss({ rules: rules as any });\n  }\n\n  /** Adds new properties, either a specific key/value or a Properties object, to a nested selector. */\n  addIn<P extends Properties>(selector: string, props: P | undefined): CssBuilder<T & P>;\n  addIn<K extends keyof Properties>(selector: string, prop: K, value: Properties[K]): CssBuilder<T & { [U in K]: Properties[K] }>;\n  addIn<K extends keyof Properties>(selector: string, propOrProperties: K | Properties, value?: Properties[K]): CssBuilder<any> {\n    const newRules = typeof propOrProperties === \"string\" ?  { [propOrProperties]: value } : propOrProperties;\n    if (!this.enabled) return this;\n    if (newRules === undefined) {\n      return this;\n    }\n    const rules = { ...this.rules, [selector]: { ...(this.rules as any)[selector], ...newRules } };\n    return this.newCss({ rules: rules as any });\n  }\n}\n\n/** Emotion treats the same rules, ordered differently as different classes, but naively they can be the same. */\nfunction sortObject<T extends object>(obj: T): T {\n  return Object.keys(obj)\n    .sort()\n    .reduce((acc, key) => {\n      acc[key as keyof T] = obj[key as keyof T];\n      return acc;\n    }, ({} as any) as T) as T;\n}\n\n/** Conditionally adds `important!` to everything. */\nfunction maybeImportant<T extends object>(obj: T, important: boolean): T {\n  if (important) {\n    Object.keys(obj).forEach(key => {\n      (obj as any)[key] = `${(obj as any)[key]} !important`;\n    });\n  }\n  return obj;\n}\n\n/** Converts `inc` into pixels value with a `px` suffix. */\nexport function maybeInc(inc: number | string): string {\n  return typeof inc === \"string\" ? inc : `${increment(inc)}px`;\n}\n\n/** Converts `inc` into pixels. */\nexport function increment(inc: number): number {\n  return inc * ", ";\n}\n\n/** Convert `pixels` to a `px` units string so it's not ambiguous. */\nexport function px(pixels: number): string {\n  return `${pixels}px`;\n}\n\nexport enum Palette {\n  ", "\n}\n\n/** A shortcut for defining Xss types. */\nexport type Xss<P extends keyof Properties> = Pick<Properties, P>;\n\n/** An entry point for Css expressions. CssBuilder is immutable so this is safe to share. */\nexport const Css = new CssBuilder({ rules: {}, enabled: true, important: false, selector: undefined });\n\n", "\n\n", "\n\n", "\n  "], ["\n// This file is auto-generated by truss: https://github.com/homebound-team/truss.\n// See your project's \\`truss-config.ts\\` to make configuration changes (fonts, increments, etc).\n\n/** Given a type X, and the user's proposed type T, only allow keys in X and nothing else. */\nexport type Only<X, T> = X & Record<Exclude<keyof T, keyof X>, never>;\n\nexport type ", " = ", "<string | 0, string>;\n\n", "\n\ntype Opts<T> = {\n  rules: T,\n  enabled: boolean,\n  important: boolean,\n  selector: string | undefined\n};\n\nclass CssBuilder<T extends Properties> {\n  constructor(private opts: Opts<T>) {}\n\n  private get rules(): T { return this.opts.rules };\n  private get enabled(): boolean { return this.opts.enabled };\n  private get selector(): string | undefined { return this.opts.selector };\n  private newCss(opts: Partial<Opts<T>>): CssBuilder<T> {\n    return new CssBuilder({ ...this.opts, ...opts });\n  }\n\n  ", "\n  get $(): T { return maybeImportant(sortObject(this.rules), this.opts.important); }\n\n  if(bp: Breakpoint): CssBuilder<T>;\n  if(cond: boolean): CssBuilder<T>;\n  if(attr: string, value: boolean | string): CssBuilder<T>;\n  if(arg: boolean | Breakpoint | string, value?: boolean | string): CssBuilder<T> {\n    if (value !== undefined) {\n      return this.newCss({ selector: \\`[\\${arg}='\\${value}']\\` });\n    } else if (typeof arg === \"boolean\") {\n      return this.newCss({ enabled: arg });\n    } else {\n      return this.newCss({ selector: Breakpoints[arg as Breakpoint] });\n    }\n  }\n\n  get onHover() {\n    return this.newCss({ selector: \":hover\" });\n  }\n  \n  ", "\n\n  get else() {\n    if (this.selector !== undefined) {\n      if (this.selector.includes(\"not\")) {\n        throw new Error(\"else was already called\");\n      } else {\n        return this.newCss({ selector: this.selector.replace(\"@media\", \"@media not\") });\n      }\n    }\n    return this.newCss({ enabled: !this.enabled });\n  }\n\n  get important() { return this.newCss({ important: true }); }\n\n  /** Adds new properties, either a specific key/value or a Properties object, to the current css. */\n  add<P extends Properties>(props: P): CssBuilder<T & P>;\n  add<K extends keyof Properties>(prop: K, value: Properties[K]): CssBuilder<T & { [U in K]: Properties[K] }>;\n  add<K extends keyof Properties>(propOrProperties: K | Properties, value?: Properties[K]): CssBuilder<any> {\n    if (!this.enabled) return this;\n    const newRules = typeof propOrProperties === \"string\" ?  { [propOrProperties]: value } : propOrProperties;\n    const rules = this.selector\n      ? { ...this.rules, [this.selector]: { ...(this.rules as any)[this.selector], ...newRules } }\n      : { ...this.rules, ...newRules };\n    return this.newCss({ rules: rules as any });\n  }\n\n  /** Adds new properties, either a specific key/value or a Properties object, to a nested selector. */\n  addIn<P extends Properties>(selector: string, props: P | undefined): CssBuilder<T & P>;\n  addIn<K extends keyof Properties>(selector: string, prop: K, value: Properties[K]): CssBuilder<T & { [U in K]: Properties[K] }>;\n  addIn<K extends keyof Properties>(selector: string, propOrProperties: K | Properties, value?: Properties[K]): CssBuilder<any> {\n    const newRules = typeof propOrProperties === \"string\" ?  { [propOrProperties]: value } : propOrProperties;\n    if (!this.enabled) return this;\n    if (newRules === undefined) {\n      return this;\n    }\n    const rules = { ...this.rules, [selector]: { ...(this.rules as any)[selector], ...newRules } };\n    return this.newCss({ rules: rules as any });\n  }\n}\n\n/** Emotion treats the same rules, ordered differently as different classes, but naively they can be the same. */\nfunction sortObject<T extends object>(obj: T): T {\n  return Object.keys(obj)\n    .sort()\n    .reduce((acc, key) => {\n      acc[key as keyof T] = obj[key as keyof T];\n      return acc;\n    }, ({} as any) as T) as T;\n}\n\n/** Conditionally adds \\`important!\\` to everything. */\nfunction maybeImportant<T extends object>(obj: T, important: boolean): T {\n  if (important) {\n    Object.keys(obj).forEach(key => {\n      (obj as any)[key] = \\`\\${(obj as any)[key]} !important\\`;\n    });\n  }\n  return obj;\n}\n\n/** Converts \\`inc\\` into pixels value with a \\`px\\` suffix. */\nexport function maybeInc(inc: number | string): string {\n  return typeof inc === \"string\" ? inc : \\`\\${increment(inc)}px\\`;\n}\n\n/** Converts \\`inc\\` into pixels. */\nexport function increment(inc: number): number {\n  return inc * ", ";\n}\n\n/** Convert \\`pixels\\` to a \\`px\\` units string so it's not ambiguous. */\nexport function px(pixels: number): string {\n  return \\`\\${pixels}px\\`;\n}\n\nexport enum Palette {\n  ", "\n}\n\n/** A shortcut for defining Xss types. */\nexport type Xss<P extends keyof Properties> = Pick<Properties, P>;\n\n/** An entry point for Css expressions. CssBuilder is immutable so this is safe to share. */\nexport const Css = new CssBuilder({ rules: {}, enabled: true, important: false, selector: undefined });\n\n", "\n\n", "\n\n", "\n  "])), (0, ts_poet_1.def)("Properties"), Properties, typographyType, lines.join("\n  ").replace(/ +\n/g, "\n"), breakpointIfs, increment, Object.entries(palette).map(function (_a) {
+    var containerQueriesCode = (0, ts_poet_1.code)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    /**\n     * Utility to help write `@container` queries\n     *\n     * @param name - The name of the container.\n     * @param lt - The maximum width of the container inclusive.\n     * @param gt - The minimum width of the container exclusive.\n     */\n    type ContainerProps = { name?: string } & ({ lt: number } | { gt: number } | { lt: number; gt: number });\n    export function Container(props: ContainerProps) {\n      const { name = \"\" } = props;\n      const lt = \"lt\" in props ? props.lt : undefined;\n      const gt = \"gt\" in props ? props.gt : undefined;\n\n      const ltQuery = lt !== undefined ? `(max-width: ${lt}px)` : \"\";\n      const gtQuery = gt !== undefined ? `(min-width: ${gt + 1}px)` : \"\";\n      const query = [ltQuery, gtQuery].filter(Boolean).join(\" and \");\n\n      return `@container ${name} ${query}`;\n    }"], ["\n    /**\n     * Utility to help write \\`@container\\` queries\n     *\n     * @param name - The name of the container.\n     * @param lt - The maximum width of the container inclusive.\n     * @param gt - The minimum width of the container exclusive.\n     */\n    type ContainerProps = { name?: string } & ({ lt: number } | { gt: number } | { lt: number; gt: number });\n    export function Container(props: ContainerProps) {\n      const { name = \"\" } = props;\n      const lt = \"lt\" in props ? props.lt : undefined;\n      const gt = \"gt\" in props ? props.gt : undefined;\n\n      const ltQuery = lt !== undefined ? \\`(max-width: \\${lt}px)\\` : \"\";\n      const gtQuery = gt !== undefined ? \\`(min-width: \\${gt + 1}px)\\` : \"\";\n      const query = [ltQuery, gtQuery].filter(Boolean).join(\" and \");\n\n      return \\`@container \\${name} \\${query}\\`;\n    }"])));
+    return (0, ts_poet_1.code)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n// This file is auto-generated by truss: https://github.com/homebound-team/truss.\n// See your project's `truss-config.ts` to make configuration changes (fonts, increments, etc).\n\n/** Given a type X, and the user's proposed type T, only allow keys in X and nothing else. */\nexport type Only<X, T> = X & Record<Exclude<keyof T, keyof X>, never>;\n\nexport type ", " = ", "<string | 0, string>;\n\n", "\n\ntype Opts<T> = {\n  rules: T,\n  enabled: boolean,\n  important: boolean,\n  selector: string | undefined\n};\n\nclass CssBuilder<T extends Properties> {\n  constructor(private opts: Opts<T>) {}\n\n  private get rules(): T { return this.opts.rules };\n  private get enabled(): boolean { return this.opts.enabled };\n  private get selector(): string | undefined { return this.opts.selector };\n  private newCss(opts: Partial<Opts<T>>): CssBuilder<T> {\n    return new CssBuilder({ ...this.opts, ...opts });\n  }\n\n  ", "\n    \n  get $(): T { return maybeImportant(sortObject(this.rules), this.opts.important); }\n\n  if(bp: Breakpoint): CssBuilder<T>;\n  if(cond: boolean): CssBuilder<T>;\n  if(attr: string, value: boolean | string): CssBuilder<T>;\n  if(arg: boolean | Breakpoint | string, value?: boolean | string): CssBuilder<T> {\n    if (value !== undefined) {\n      return this.newCss({ selector: `[${arg}='${value}']` });\n    } else if (typeof arg === \"boolean\") {\n      return this.newCss({ enabled: arg });\n    } else {\n      return this.newCss({ selector: Breakpoints[arg as Breakpoint] });\n    }\n  }\n\n  get onHover() {\n    return this.newCss({ selector: \":hover\" });\n  }\n  \n  ifContainer(props: ContainerProps) {\n    return this.newCss({ selector: Container(props) });\n  }\n  \n  ", "\n\n  get else() {\n    if (this.selector !== undefined) {\n      if (this.selector.includes(\"not\")) {\n        throw new Error(\"else was already called\");\n      } else {\n        return this.newCss({ selector: this.selector.replace(\"@media\", \"@media not\") });\n      }\n    }\n    return this.newCss({ enabled: !this.enabled });\n  }\n\n  get important() { return this.newCss({ important: true }); }\n\n  /** Adds new properties, either a specific key/value or a Properties object, to the current css. */\n  add<P extends Properties>(props: P): CssBuilder<T & P>;\n  add<K extends keyof Properties>(prop: K, value: Properties[K]): CssBuilder<T & { [U in K]: Properties[K] }>;\n  add<K extends keyof Properties>(propOrProperties: K | Properties, value?: Properties[K]): CssBuilder<any> {\n    if (!this.enabled) return this;\n    const newRules = typeof propOrProperties === \"string\" ?  { [propOrProperties]: value } : propOrProperties;\n    const rules = this.selector\n      ? { ...this.rules, [this.selector]: { ...(this.rules as any)[this.selector], ...newRules } }\n      : { ...this.rules, ...newRules };\n    return this.newCss({ rules: rules as any });\n  }\n\n  /** Adds new properties, either a specific key/value or a Properties object, to a nested selector. */\n  addIn<P extends Properties>(selector: string, props: P | undefined): CssBuilder<T & P>;\n  addIn<K extends keyof Properties>(selector: string, prop: K, value: Properties[K]): CssBuilder<T & { [U in K]: Properties[K] }>;\n  addIn<K extends keyof Properties>(selector: string, propOrProperties: K | Properties, value?: Properties[K]): CssBuilder<any> {\n    const newRules = typeof propOrProperties === \"string\" ?  { [propOrProperties]: value } : propOrProperties;\n    if (!this.enabled) return this;\n    if (newRules === undefined) {\n      return this;\n    }\n    const rules = { ...this.rules, [selector]: { ...(this.rules as any)[selector], ...newRules } };\n    return this.newCss({ rules: rules as any });\n  }\n}\n\n/** Emotion treats the same rules, ordered differently as different classes, but naively they can be the same. */\nfunction sortObject<T extends object>(obj: T): T {\n  return Object.keys(obj)\n    .sort()\n    .reduce((acc, key) => {\n      acc[key as keyof T] = obj[key as keyof T];\n      return acc;\n    }, ({} as any) as T) as T;\n}\n\n/** Conditionally adds `important!` to everything. */\nfunction maybeImportant<T extends object>(obj: T, important: boolean): T {\n  if (important) {\n    Object.keys(obj).forEach(key => {\n      (obj as any)[key] = `${(obj as any)[key]} !important`;\n    });\n  }\n  return obj;\n}\n\n/** Converts `inc` into pixels value with a `px` suffix. */\nexport function maybeInc(inc: number | string): string {\n  return typeof inc === \"string\" ? inc : `${increment(inc)}px`;\n}\n\n/** Converts `inc` into pixels. */\nexport function increment(inc: number): number {\n  return inc * ", ";\n}\n\n/** Convert `pixels` to a `px` units string so it's not ambiguous. */\nexport function px(pixels: number): string {\n  return `${pixels}px`;\n}\n\nexport enum Palette {\n  ", "\n}\n\n/** A shortcut for defining Xss types. */\nexport type Xss<P extends keyof Properties> = Pick<Properties, P>;\n\n/** An entry point for Css expressions. CssBuilder is immutable so this is safe to share. */\nexport const Css = new CssBuilder({ rules: {}, enabled: true, important: false, selector: undefined });\n\n", "\n\n", "\n\n", "\n\n", "\n  "], ["\n// This file is auto-generated by truss: https://github.com/homebound-team/truss.\n// See your project's \\`truss-config.ts\\` to make configuration changes (fonts, increments, etc).\n\n/** Given a type X, and the user's proposed type T, only allow keys in X and nothing else. */\nexport type Only<X, T> = X & Record<Exclude<keyof T, keyof X>, never>;\n\nexport type ", " = ", "<string | 0, string>;\n\n", "\n\ntype Opts<T> = {\n  rules: T,\n  enabled: boolean,\n  important: boolean,\n  selector: string | undefined\n};\n\nclass CssBuilder<T extends Properties> {\n  constructor(private opts: Opts<T>) {}\n\n  private get rules(): T { return this.opts.rules };\n  private get enabled(): boolean { return this.opts.enabled };\n  private get selector(): string | undefined { return this.opts.selector };\n  private newCss(opts: Partial<Opts<T>>): CssBuilder<T> {\n    return new CssBuilder({ ...this.opts, ...opts });\n  }\n\n  ", "\n    \n  get $(): T { return maybeImportant(sortObject(this.rules), this.opts.important); }\n\n  if(bp: Breakpoint): CssBuilder<T>;\n  if(cond: boolean): CssBuilder<T>;\n  if(attr: string, value: boolean | string): CssBuilder<T>;\n  if(arg: boolean | Breakpoint | string, value?: boolean | string): CssBuilder<T> {\n    if (value !== undefined) {\n      return this.newCss({ selector: \\`[\\${arg}='\\${value}']\\` });\n    } else if (typeof arg === \"boolean\") {\n      return this.newCss({ enabled: arg });\n    } else {\n      return this.newCss({ selector: Breakpoints[arg as Breakpoint] });\n    }\n  }\n\n  get onHover() {\n    return this.newCss({ selector: \":hover\" });\n  }\n  \n  ifContainer(props: ContainerProps) {\n    return this.newCss({ selector: Container(props) });\n  }\n  \n  ", "\n\n  get else() {\n    if (this.selector !== undefined) {\n      if (this.selector.includes(\"not\")) {\n        throw new Error(\"else was already called\");\n      } else {\n        return this.newCss({ selector: this.selector.replace(\"@media\", \"@media not\") });\n      }\n    }\n    return this.newCss({ enabled: !this.enabled });\n  }\n\n  get important() { return this.newCss({ important: true }); }\n\n  /** Adds new properties, either a specific key/value or a Properties object, to the current css. */\n  add<P extends Properties>(props: P): CssBuilder<T & P>;\n  add<K extends keyof Properties>(prop: K, value: Properties[K]): CssBuilder<T & { [U in K]: Properties[K] }>;\n  add<K extends keyof Properties>(propOrProperties: K | Properties, value?: Properties[K]): CssBuilder<any> {\n    if (!this.enabled) return this;\n    const newRules = typeof propOrProperties === \"string\" ?  { [propOrProperties]: value } : propOrProperties;\n    const rules = this.selector\n      ? { ...this.rules, [this.selector]: { ...(this.rules as any)[this.selector], ...newRules } }\n      : { ...this.rules, ...newRules };\n    return this.newCss({ rules: rules as any });\n  }\n\n  /** Adds new properties, either a specific key/value or a Properties object, to a nested selector. */\n  addIn<P extends Properties>(selector: string, props: P | undefined): CssBuilder<T & P>;\n  addIn<K extends keyof Properties>(selector: string, prop: K, value: Properties[K]): CssBuilder<T & { [U in K]: Properties[K] }>;\n  addIn<K extends keyof Properties>(selector: string, propOrProperties: K | Properties, value?: Properties[K]): CssBuilder<any> {\n    const newRules = typeof propOrProperties === \"string\" ?  { [propOrProperties]: value } : propOrProperties;\n    if (!this.enabled) return this;\n    if (newRules === undefined) {\n      return this;\n    }\n    const rules = { ...this.rules, [selector]: { ...(this.rules as any)[selector], ...newRules } };\n    return this.newCss({ rules: rules as any });\n  }\n}\n\n/** Emotion treats the same rules, ordered differently as different classes, but naively they can be the same. */\nfunction sortObject<T extends object>(obj: T): T {\n  return Object.keys(obj)\n    .sort()\n    .reduce((acc, key) => {\n      acc[key as keyof T] = obj[key as keyof T];\n      return acc;\n    }, ({} as any) as T) as T;\n}\n\n/** Conditionally adds \\`important!\\` to everything. */\nfunction maybeImportant<T extends object>(obj: T, important: boolean): T {\n  if (important) {\n    Object.keys(obj).forEach(key => {\n      (obj as any)[key] = \\`\\${(obj as any)[key]} !important\\`;\n    });\n  }\n  return obj;\n}\n\n/** Converts \\`inc\\` into pixels value with a \\`px\\` suffix. */\nexport function maybeInc(inc: number | string): string {\n  return typeof inc === \"string\" ? inc : \\`\\${increment(inc)}px\\`;\n}\n\n/** Converts \\`inc\\` into pixels. */\nexport function increment(inc: number): number {\n  return inc * ", ";\n}\n\n/** Convert \\`pixels\\` to a \\`px\\` units string so it's not ambiguous. */\nexport function px(pixels: number): string {\n  return \\`\\${pixels}px\\`;\n}\n\nexport enum Palette {\n  ", "\n}\n\n/** A shortcut for defining Xss types. */\nexport type Xss<P extends keyof Properties> = Pick<Properties, P>;\n\n/** An entry point for Css expressions. CssBuilder is immutable so this is safe to share. */\nexport const Css = new CssBuilder({ rules: {}, enabled: true, important: false, selector: undefined });\n\n", "\n\n", "\n\n", "\n\n", "\n  "])), (0, ts_poet_1.def)("Properties"), Properties, typographyType, lines.join("\n  ").replace(/ +\n/g, "\n"), breakpointIfs, increment, Object.entries(palette).map(function (_a) {
         var _b = __read(_a, 2), name = _b[0], value = _b[1];
         return "".concat(name, " = \"").concat(value, "\",");
-    }), typeAliasCode, breakpointCode, extras || "");
+    }), typeAliasCode, breakpointCode, containerQueriesCode, extras || "");
 }
 /** Invokes all of the `MethodFns` to create actual `UtilityMethod`s. */
 function generateMethods(config, methodFns) {
@@ -145,5 +151,5 @@ function generateMethods(config, methodFns) {
         return [name, fn(config)];
     }));
 }
-var templateObject_1, templateObject_2, templateObject_3;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=generate.js.map

package/build/generate.js.map

@@ -1 +1 @@
-{"version":3,"file":"generate.js","sourceRoot":"","sources":["../src/generate.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"generate.js","sourceRoot":"","sources":["../src/generate.ts"],"names":[],"mappings":"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"}

package/build/sections/tachyons/container.d.ts

@@ -0,0 +1,2 @@
+import { CreateMethodsFn } from "../../config";
+export declare const container: CreateMethodsFn;

package/build/sections/tachyons/container.js

@@ -0,0 +1,36 @@
+"use strict";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.container = void 0;
+var methods_1 = require("../../methods");
+var container = function () { return __spreadArray(__spreadArray([], __read((0, methods_1.newMethodsForProp)("containerType", {
+    cts: "size",
+    ctis: "inline-size",
+    ctn: "normal",
+}, "ct")), false), __read((0, methods_1.newMethodsForProp)("containerName", {}, "cn")), false); };
+exports.container = container;
+//# sourceMappingURL=container.js.map

package/build/sections/tachyons/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/sections/tachyons/container.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA2D;AAGpD,IAAM,SAAS,GAAoB,cAAM,8CAC3C,IAAA,2BAAiB,EAClB,eAAe,EACf;IACE,GAAG,EAAE,MAAM;IACX,IAAI,EAAE,aAAa;IACnB,GAAG,EAAE,QAAQ;CACd,EACD,IAAI,CACL,kBACE,IAAA,2BAAiB,EAAC,eAAe,EAAE,EAAE,EAAE,IAAI,CAAC,WAVD,CAW/C,CAAC;AAXW,QAAA,SAAS,aAWpB"}

package/build/sections/tachyons/index.d.ts

@@ -5,6 +5,7 @@ export declare const defaultSections: {
     readonly borderStyle: import("../..").CreateMethodsFn;
     readonly borderWidth: import("../..").CreateMethodsFn;
     readonly boxShadow: import("../..").CreateMethodsFn;
+    readonly container: import("../..").CreateMethodsFn;
     readonly coordinates: import("../..").CreateMethodsFn;
     readonly cursor: import("../..").CreateMethodsFn;
     readonly display: import("../..").CreateMethodsFn;

package/build/sections/tachyons/index.js

@@ -34,6 +34,7 @@ var whitespace_1 = require("./whitespace");
 var widths_1 = require("./widths");
 var wordBreak_1 = require("./wordBreak");
 var zIndex_1 = require("./zIndex");
+var container_1 = require("./container");
 exports.defaultSections = {
     border: border_1.border,
     borderColor: borderColors_1.borderColor,
@@ -41,6 +42,7 @@ exports.defaultSections = {
     borderStyle: borderStyles_1.borderStyle,
     borderWidth: borderWidths_1.borderWidth,
     boxShadow: boxShadow_1.boxShadow,
+    container: container_1.container,
     coordinates: coordinates_1.coordinates,
     cursor: cursor_1.cursor,
     display: display_1.display,

package/build/sections/tachyons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/sections/tachyons/index.ts"],"names":[],"mappings":";;;AAAA,mCAAsD;AACtD,+CAAiE;AACjE,+CAAkE;AAClE,+CAAiE;AACjE,+CAAiE;AACjE,yCAA4D;AAC5D,6CAAgE;AAChE,mCAAsD;AACtD,qCAAwD;AACxD,qCAAwD;AACxD,mCAAqD;AACrD,2CAA8D;AAC9D,+BAAkD;AAClD,qCAAuD;AACvD,yCAA4D;AAC5D,yCAA4D;AAC5D,uCAAyD;AACzD,uCAA0D;AAC1D,uCAA0D;AAC1D,iCAAoD;AACpD,qCAAwD;AACxD,yCAA4D;AAC5D,mDAAsE;AACtE,iDAAoE;AACpE,yCAA4D;AAC5D,2CAA8D;AAC9D,2CAA8D;AAC9D,iDAAoE;AACpE,2CAA8D;AAC9D,2CAA8D;AAC9D,mCAAqD;AACrD,yCAA4D;AAC5D,mCAAsD;AAEzC,QAAA,eAAe,GAAG;IAC7B,MAAM,iBAAA;IACN,WAAW,4BAAA;IACX,YAAY,6BAAA;IACZ,WAAW,4BAAA;IACX,WAAW,4BAAA;IACX,SAAS,uBAAA;IACT,WAAW,2BAAA;IACX,MAAM,iBAAA;IACN,OAAO,mBAAA;IACP,OAAO,mBAAA;IACP,KAAK,gBAAA;IACL,UAAU,yBAAA;IACV,IAAI,aAAA;IACJ,MAAM,kBAAA;IACN,SAAS,uBAAA;IACT,SAAS,uBAAA;IACT,OAAO,oBAAA;IACP,QAAQ,qBAAA;IACR,QAAQ,qBAAA;IACR,KAAK,eAAA;IACL,OAAO,mBAAA;IACP,SAAS,uBAAA;IACT,cAAc,iCAAA;IACd,aAAa,+BAAA;IACb,SAAS,uBAAA;IACT,UAAU,yBAAA;IACV,UAAU,yBAAA;IACV,aAAa,+BAAA;IACb,UAAU,yBAAA;IACV,UAAU,yBAAA;IACV,KAAK,gBAAA;IACL,SAAS,uBAAA;IACT,MAAM,iBAAA;CACE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/sections/tachyons/index.ts"],"names":[],"mappings":";;;AAAA,mCAAsD;AACtD,+CAAiE;AACjE,+CAAkE;AAClE,+CAAiE;AACjE,+CAAiE;AACjE,yCAA4D;AAC5D,6CAAgE;AAChE,mCAAsD;AACtD,qCAAwD;AACxD,qCAAwD;AACxD,mCAAqD;AACrD,2CAA8D;AAC9D,+BAAkD;AAClD,qCAAuD;AACvD,yCAA4D;AAC5D,yCAA4D;AAC5D,uCAAyD;AACzD,uCAA0D;AAC1D,uCAA0D;AAC1D,iCAAoD;AACpD,qCAAwD;AACxD,yCAA4D;AAC5D,mDAAsE;AACtE,iDAAoE;AACpE,yCAA4D;AAC5D,2CAA8D;AAC9D,2CAA8D;AAC9D,iDAAoE;AACpE,2CAA8D;AAC9D,2CAA8D;AAC9D,mCAAqD;AACrD,yCAA4D;AAC5D,mCAAsD;AACtD,yCAA4D;AAE/C,QAAA,eAAe,GAAG;IAC7B,MAAM,iBAAA;IACN,WAAW,4BAAA;IACX,YAAY,6BAAA;IACZ,WAAW,4BAAA;IACX,WAAW,4BAAA;IACX,SAAS,uBAAA;IACT,SAAS,uBAAA;IACT,WAAW,2BAAA;IACX,MAAM,iBAAA;IACN,OAAO,mBAAA;IACP,OAAO,mBAAA;IACP,KAAK,gBAAA;IACL,UAAU,yBAAA;IACV,IAAI,aAAA;IACJ,MAAM,kBAAA;IACN,SAAS,uBAAA;IACT,SAAS,uBAAA;IACT,OAAO,oBAAA;IACP,QAAQ,qBAAA;IACR,QAAQ,qBAAA;IACR,KAAK,eAAA;IACL,OAAO,mBAAA;IACP,SAAS,uBAAA;IACT,cAAc,iCAAA;IACd,aAAa,+BAAA;IACb,SAAS,uBAAA;IACT,UAAU,yBAAA;IACV,UAAU,yBAAA;IACV,aAAa,+BAAA;IACb,UAAU,yBAAA;IACV,UAAU,yBAAA;IACV,KAAK,gBAAA;IACL,SAAS,uBAAA;IACT,MAAM,iBAAA;CACE,CAAC"}

package/build/sections/tachyons-rn/index.d.ts

@@ -0,0 +1,3 @@
+export declare const reactNativeSections: {
+    readonly spacing: import("../..").CreateMethodsFn;
+};

package/build/sections/tachyons-rn/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reactNativeSections = void 0;
+var spacing_1 = require("./spacing");
+exports.reactNativeSections = {
+    spacing: spacing_1.spacing,
+};
+//# sourceMappingURL=index.js.map

package/build/sections/tachyons-rn/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/sections/tachyons-rn/index.ts"],"names":[],"mappings":";;;AAAA,qCAA2D;AAE9C,QAAA,mBAAmB,GAAG;IACjC,OAAO,mBAAA;CACC,CAAC"}

package/build/sections/tachyons-rn/spacing.d.ts

@@ -0,0 +1,2 @@
+import { CreateMethodsFn } from "../../config";
+export declare const spacing: CreateMethodsFn;

package/build/sections/tachyons-rn/spacing.js

@@ -0,0 +1,60 @@
+"use strict";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.spacing = void 0;
+var methods_1 = require("../../methods");
+var spacing = function (config) {
+    var marginDefs = [
+        ["mt", "marginTop"],
+        ["mr", "marginRight"],
+        ["mb", "marginBottom"],
+        ["ml", "marginLeft"],
+        ["mx", ["marginLeft", "marginRight"]],
+        ["my", ["marginTop", "marginBottom"]],
+        ["m", ["marginTop", "marginBottom", "marginRight", "marginLeft"]],
+    ];
+    var margins = __spreadArray([], __read(marginDefs.map(function (_a) {
+        var _b = __read(_a, 2), abbr = _b[0], conf = _b[1];
+        return (0, methods_1.newIncrementMethods)(config, abbr, conf, { auto: true });
+    }).flat()), false);
+    var paddingDefs = [
+        ["pt", "paddingTop"],
+        ["pr", "paddingRight"],
+        ["pb", "paddingBottom"],
+        ["pl", "paddingLeft"],
+        ["px", ["paddingLeft", "paddingRight"]],
+        ["py", ["paddingTop", "paddingBottom"]],
+        ["p", ["paddingTop", "paddingBottom", "paddingRight", "paddingLeft"]],
+    ];
+    var paddings = paddingDefs.map(function (_a) {
+        var _b = __read(_a, 2), abbr = _b[0], conf = _b[1];
+        return (0, methods_1.newIncrementMethods)(config, abbr, conf);
+    }).flat();
+    return __spreadArray(__spreadArray([], __read(margins), false), __read(paddings), false);
+};
+exports.spacing = spacing;
+//# sourceMappingURL=spacing.js.map

package/build/sections/tachyons-rn/spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../../src/sections/tachyons-rn/spacing.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,yCAA6D;AAEtD,IAAM,OAAO,GAAoB,UAAC,MAAM;IAC7C,IAAM,UAAU,GAAgB;QAC9B,CAAC,IAAI,EAAE,WAAW,CAAC;QACnB,CAAC,IAAI,EAAE,aAAa,CAAC;QACrB,CAAC,IAAI,EAAE,cAAc,CAAC;QACtB,CAAC,IAAI,EAAE,YAAY,CAAC;QACpB,CAAC,IAAI,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;QACrC,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;QACrC,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC;KAClE,CAAC;IACF,IAAM,OAAO,4BAAO,UAAU,CAAC,GAAG,CAAC,UAAC,EAAY;YAAZ,KAAA,aAAY,EAAX,IAAI,QAAA,EAAE,IAAI,QAAA;QAAM,OAAA,IAAA,6BAAmB,EAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAAvD,CAAuD,CAAC,CAAC,IAAI,EAAE,SAAC,CAAC;IAEtH,IAAM,WAAW,GAAgB;QAC/B,CAAC,IAAI,EAAE,YAAY,CAAC;QACpB,CAAC,IAAI,EAAE,cAAc,CAAC;QACtB,CAAC,IAAI,EAAE,eAAe,CAAC;QACvB,CAAC,IAAI,EAAE,aAAa,CAAC;QACrB,CAAC,IAAI,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;QACvC,CAAC,IAAI,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;QACvC,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,aAAa,CAAC,CAAC;KACtE,CAAC;IACF,IAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,UAAC,EAAY;YAAZ,KAAA,aAAY,EAAX,IAAI,QAAA,EAAE,IAAI,QAAA;QAAM,OAAA,IAAA,6BAAmB,EAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC;IAAvC,CAAuC,CAAC,CAAC,IAAI,EAAE,CAAC;IAEnG,8CAAW,OAAO,kBAAK,QAAQ,UAAE;AACnC,CAAC,CAAC;AAxBW,QAAA,OAAO,WAwBlB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/truss",
-  "version": "1.128.1",
+  "version": "1.130.0",
   "main": "build/index.js",
   "bin": "cli.js",
   "scripts": {
@@ -9,7 +9,7 @@
   "license": "ISC",
   "dependencies": {
     "change-case": "^4.1.2",
-    "csstype": "^3.1.1",
+    "csstype": "^3.1.2",
     "ts-node": "^10.9.1",
     "ts-poet": "^6.1.0"
   },