@homebound/truss 1.137.4 → 2.0.0-next.1

package/build/config.d.ts

@@ -1,109 +0,0 @@
-import { Properties } from "csstype";
-import { Code } from "ts-poet";
-/**
- * A map from human name to font size, i.e. `f12` -> `12px`.
- *
- * Or a set of properties, i.e. `f12` -> `{ fontFamily: ..., fontWeight: ... }`.
- */
-export type FontConfig = Record<string, string | Properties>;
-/**
- * Provides users with an easy way to configure the major/most-often configurable
- * aspect of a design system, i.e. the palette, fonts, and increments.
- *
- * Truss's built-in rules, i.e. `typeScale.ts` for fonts, `skins.ts` for colors,
- * will read these values to determine their output.
- *
- * Note that users can always override whole sections of Truss's default set
- * of rules by setting `methods["typeScale"] = {}`, see the readme for more
- * information.
- */
-export interface Config {
-    /** The output path of the `Css.ts` file. */
-    outputPath: string;
-    /**
-     * A map from the human/design system name to color value, i.e. `black` -> `#000000`.
-     *
-     * Design systems can use either physical names, i.e. `Sky50 -> #...`, or logical
-     * names, i.e. `Primary -> #...`, where the logical names are more themeable, but
-     * that's up to each design system to decide.
-     */
-    palette: Record<string, string>;
-    /**
-     * A map from human name to font size, i.e. `f12` -> `12px`.
-     *
-     * Or a set of properties, i.e. `f12` -> `{ fontFamily: ..., fontWeight: ... }`.
-     */
-    fonts: FontConfig;
-    /** The design system's increment in pixels. */
-    increment: number;
-    /** The number of increments to generate for rules like `mt1`, `mt2`, etc. */
-    numberOfIncrements: number;
-    /** Short-hand aliases like `bodyText` --> `["f12", "black"]`. */
-    aliases?: Aliases;
-    /** Type aliases for Only clauses, i.e. `Margin` --> `["marginTop", ...]`. `Margin` and `Padding` are provided. */
-    typeAliases?: Record<string, Array<keyof Properties>>;
-    /** Breakpoints, i.e. `{ sm: 0, md: 500 }`. */
-    breakpoints?: Record<string, number>;
-    /**
-     * Which default methods to include.
-     *
-     * Currently, we support either `tachyons`, `tachyons-rn`, or `none`.
-     * Could eventually support `tailwinds` / `tailwinds-rn` as additional options.
-     */
-    defaultMethods?: "tachyons" | "none" | "tachyons-rn";
-    /**
-     * A map of "section" to list of rules to create application-specific
-     * utility methods.
-     *
-     * I.e. "borderColors" -> () => [`get ml1() { ... }`].
-     *
-     * This can be used to either add new sections or override built-in sections.
-     */
-    sections?: Sections;
-    /** Any extra chunks of code you want appended to the end of the file. */
-    extras?: Array<string | Code>;
-}
-/**
- * A helper method to define config w/o a trailing cast.
- *
- * Based on `vite.config.ts`'s approach.
- *
- * We could eventually use this as a place to apply defaults, but currently
- * just return the passed in `config` object as-is.
- */
-export declare function defineConfig(config: Config): Config;
-/**
- * A function takes the project's `Config` and produces a list of utility methods to
- * add to the generated `Css.ts` file.
- *
- * I.e. a return value might be:
- *
- * ```
- *   [
- *     "get mb0() { return this.mb(0); }",
- *     "get mb1() { return this.mb(1); }",
- *   ]
- * ```
- *
- * See the `newMethod` and `newParamMethod` functions for more easily
- * creating the `get ...() { ... }` output.
- */
-export type CreateMethodsFn = (config: Config) => UtilityMethod[];
-/**
- * A type-alias to clarify strings that are meant to be abbreviation/utility names.
- */
-export type UtilityName = string;
-/**
- * A type-alias to clarify which method returns types are utility methods.
- *
- * I.e. they should be a line of TypeScript code like `get abbr() { ... }`.
- *
- * See `newMethod` for a helper method to create the string.
- */
-export type UtilityMethod = string;
-/** A type-alias to clarify groups of utility methods. */
-export type SectionName = string;
-/** A type-alias for a group of utility methods. */
-export type Sections = Record<SectionName, CreateMethodsFn>;
-/** A type-alias for aliasing existing utility methods as a new utility method. */
-export type Aliases = Record<UtilityName, UtilityName[]>;

package/build/config.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defineConfig = defineConfig;
-/**
- * A helper method to define config w/o a trailing cast.
- *
- * Based on `vite.config.ts`'s approach.
- *
- * We could eventually use this as a place to apply defaults, but currently
- * just return the passed in `config` object as-is.
- */
-function defineConfig(config) {
-    return config;
-}
-//# sourceMappingURL=config.js.map

package/build/config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":";;AAsFA,oCAEC;AAVD;;;;;;;GAOG;AACH,SAAgB,YAAY,CAAC,MAAc;IACzC,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/build/generate.d.ts

@@ -1,4 +0,0 @@
-import { Properties } from "csstype";
-import { Config } from "./config";
-export declare const defaultTypeAliases: Record<string, Array<keyof Properties>>;
-export declare function generate(config: Config): Promise<void>;

package/build/generate.js

@@ -1,155 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-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.defaultTypeAliases = void 0;
-exports.generate = generate;
-var fs_1 = require("fs");
-var ts_poet_1 = require("ts-poet");
-var breakpoints_1 = require("./breakpoints");
-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"],
-};
-function generate(config) {
-    return __awaiter(this, void 0, void 0, function () {
-        var outputPath, output;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    outputPath = config.outputPath;
-                    output = generateCssBuilder(config).toString();
-                    return [4 /*yield*/, fs_1.promises.writeFile(outputPath, output)];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    });
-}
-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)
-        : 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) {
-        var _b = __read(_a, 2), name = _b[0], value = _b[1];
-        return __spreadArray(__spreadArray(["// ".concat(name)], __read(value), false), [""], false);
-    })
-        .flat();
-    var typeAliasCode = Object.entries(__assign(__assign({}, exports.defaultTypeAliases), typeAliases)).map(function (_a) {
-        var _b = __read(_a, 2), name = _b[0], props = _b[1];
-        return "export type ".concat(name, " = ").concat(props.map(utils_1.quote).join(" | "), ";\n\n");
-    });
-    var typographyType = (0, ts_poet_1.code)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    export type ", " = ", ";\n  "], ["\n    export type ", " = ", ";\n  "])), (0, ts_poet_1.def)("Typography"), Object.keys(fonts).map(utils_1.quote).join(" | "));
-    var genBreakpoints = (0, breakpoints_1.makeBreakpoints)(breakpoints);
-    var breakpointCode = [
-        "export type Breakpoint = ".concat(Object.keys(genBreakpoints).map(utils_1.quote).join(" | "), ";"),
-        "export enum Breakpoints {\n       ".concat(Object.entries(genBreakpoints).map(function (_a) {
-            var _b = __read(_a, 2), name = _b[0], value = _b[1];
-            return "".concat(name, " = \"").concat(value, "\"");
-        }), "\n    };"),
-    ];
-    var breakpointIfs = Object.entries(genBreakpoints).map(function (_a) {
-        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));
-    });
-    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, containerQueriesCode, extras || "");
-}
-/** Invokes all of the `MethodFns` to create actual `UtilityMethod`s. */
-function generateMethods(config, methodFns) {
-    return Object.fromEntries(Object.entries(methodFns).map(function (_a) {
-        var _b = __read(_a, 2), name = _b[0], fn = _b[1];
-        return [name, fn(config)];
-    }));
-}
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
-//# sourceMappingURL=generate.js.map

package/build/generate.js.map

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

package/build/methods.d.ts

@@ -1,82 +0,0 @@
-import { Aliases, Config, UtilityMethod, UtilityName } from "./config";
-import { Properties } from "csstype";
-export type Prop = keyof Properties;
-/**
- * Given a single abbreviation (i.e. `mt0`) and multiple `{ prop: value }` CSS values, returns
- * the TypeScript code for a `mt0` utility method that sets those values.
- */
-export declare function newMethod(abbr: UtilityName, defs: Properties): UtilityMethod;
-/**
- * Given a single abbreviation (i.e. `mt`) and a property name (i.e. `marginTop`), returns the
- * TypeScript code for a `mt` utility method that accepts a user-provided value of the prop to set.
- * Use `extraProperties` for additional properties to set.
- *
- * I.e. `Css.mt(someValue).$`
- */
-export declare function newParamMethod(abbr: UtilityName, prop: keyof Properties, extraProperties?: Properties): UtilityMethod;
-/**
- * Given a prop to set (i.e. `marginTop`), and multiple abbr/value pairs (i.e. `{ mt0: "0px", mt1: "4px" }`),
- * returns a utility method for each abbr/value pair.
- *
- * I.e. `mt0() { ...add("marginTop", "0px")... }`
- *
- * By default, we also generate a param method for `prop`, i.e. if `prop` is `marginTop`, we'll
- * make a `marginTop(value)` method for users to pass variable values. You can change the
- * name of this method by setting `baseName` or disable it completely by setting `baseName`
- * to `null`.
- *
- * @param prop the CSS property we're setting, i.e. `marginTop`
- * @param defs a map of abbreviation name --> value (a property value or an object of properties to set)
- * @param baseName the base name to use, i.e. `mt`
- * @param includePx generate an extra `${baseName}Px` method that calls the base method with a converted px value
- * @param baseDefs additional properties to set for the base method
- */
-export declare function newMethodsForProp<P extends Prop>(prop: P, defs: Record<UtilityName, Properties[P] | Properties>, baseName?: string | null, includePx?: boolean, valueMethodExtraProperties?: Omit<Properties, P>): UtilityMethod[];
-/**
- * Given aliases, i.e. `{ bodyText: ["f12", "bold"] }`, returns a utility method
- * for each alias that calls its corresponding utility classes.
- */
-export declare function newAliasesMethods(aliases: Aliases): UtilityMethod[];
-/**
- * Makes a utility method that can set CSS custom variables.
- *
- * I.e. `newSetCssVariableMethod("dark", { "--Primary": "white" })` will create a
- * utility method `Css.dark.$ that will set `--Primary` to `white`.
- *
- * Currently, this only supports compile-time/hard-coded values. I.e. we don't support
- * something like `Css.dark({ "--Primary", someRuntimeValue }).$` yet.
- *
- * TODO: Create a `Css.set(cssVars).$` method.
- */
-export declare function newSetCssVariablesMethod(abbr: UtilityName, defs: Record<string, string>): UtilityMethod;
-/** An abbreviation and its single or multiple CSS properties to set. */
-export type IncConfig = [string, Prop | Prop[]];
-/**
- * Makes [`mt0`, `mt1`, ...] utility methods for each configured increment
- * to set `prop` to that given increment's value in pixels.
- *
- * I.e. we assume `prop` is a CSS property like `margin` that accepts pixels as values,
- * and so convert each increment `x` (1, 2, 3) to pixels `Y` (8, 16, 24) and create
- * a utility method for each `x -> Y` pair, i.e. `mt0 = mt(px(0))`.
- *
- * We also create a final param method, i.e. `mt(number)`, for callers that
- * need to call `mt` with a conditional amount of increments.
- *
- * @param config the config
- * @param abbr the utility prefix, i.e. `mt`
- * @param props if a CSS prop like `marginTop`, we output "mt0 --> marginTop: 0px", if an array like
- *   `["marginTop", "marginBottom"]`, we output "my0 --> marginTop: 0px, marginBottom: 0px"
- * @param opts.auto if set to true, include an `a` suffix for auto values, i.e. `mta`
- */
-export declare function newIncrementMethods(config: Config, abbr: UtilityName, prop: Prop | Prop[], opts?: {
-    auto?: boolean;
-}): UtilityMethod[];
-/**
- * Creates just the core `<abbr>X` utility methods that set `props` with each increment value.
- *
- * See `newIncrementMethods` for handling the `<abbr>Px`, `<abbr>a`, and `<attr>(value)` methods.
- */
-export declare function newCoreIncrementMethods(config: Config, abbr: UtilityName, props: Prop[]): UtilityMethod[];
-export declare function newPxMethod(abbr: UtilityName, prop: Prop): UtilityMethod;
-export declare const zeroTo: (n: number) => number[];
-export declare function comment(defs: object): string;

package/build/methods.js

@@ -1,190 +0,0 @@
-"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.zeroTo = void 0;
-exports.newMethod = newMethod;
-exports.newParamMethod = newParamMethod;
-exports.newMethodsForProp = newMethodsForProp;
-exports.newAliasesMethods = newAliasesMethods;
-exports.newSetCssVariablesMethod = newSetCssVariablesMethod;
-exports.newIncrementMethods = newIncrementMethods;
-exports.newCoreIncrementMethods = newCoreIncrementMethods;
-exports.newPxMethod = newPxMethod;
-exports.comment = comment;
-/**
- * Given a single abbreviation (i.e. `mt0`) and multiple `{ prop: value }` CSS values, returns
- * the TypeScript code for a `mt0` utility method that sets those values.
- */
-function newMethod(abbr, defs) {
-    return "".concat(comment(defs), " get ").concat(abbr, "() { return this").concat(Object.entries(defs)
-        .map(function (_a) {
-        var _b = __read(_a, 2), prop = _b[0], value = _b[1];
-        return ".add(\"".concat(prop, "\", ").concat(maybeWrap(value), ")");
-    })
-        .join(""), "; }");
-}
-/**
- * Given a single abbreviation (i.e. `mt`) and a property name (i.e. `marginTop`), returns the
- * TypeScript code for a `mt` utility method that accepts a user-provided value of the prop to set.
- * Use `extraProperties` for additional properties to set.
- *
- * I.e. `Css.mt(someValue).$`
- */
-function newParamMethod(abbr, prop, extraProperties) {
-    var _a;
-    if (extraProperties === void 0) { extraProperties = {}; }
-    var additionalDefs = Object.entries(extraProperties).map(function (_a) {
-        var _b = __read(_a, 2), prop = _b[0], value = _b[1];
-        return ".add(\"".concat(prop, "\", ").concat(maybeWrap(value), ")");
-    }).join("");
-    return "".concat(comment((_a = {}, _a[prop] = "value", _a)), " ").concat(abbr, "(value: Properties[\"").concat(prop, "\"]) { return this.add(\"").concat(prop, "\", value)").concat(additionalDefs, "; }");
-}
-/**
- * Given a prop to set (i.e. `marginTop`), and multiple abbr/value pairs (i.e. `{ mt0: "0px", mt1: "4px" }`),
- * returns a utility method for each abbr/value pair.
- *
- * I.e. `mt0() { ...add("marginTop", "0px")... }`
- *
- * By default, we also generate a param method for `prop`, i.e. if `prop` is `marginTop`, we'll
- * make a `marginTop(value)` method for users to pass variable values. You can change the
- * name of this method by setting `baseName` or disable it completely by setting `baseName`
- * to `null`.
- *
- * @param prop the CSS property we're setting, i.e. `marginTop`
- * @param defs a map of abbreviation name --> value (a property value or an object of properties to set)
- * @param baseName the base name to use, i.e. `mt`
- * @param includePx generate an extra `${baseName}Px` method that calls the base method with a converted px value
- * @param baseDefs additional properties to set for the base method
- */
-function newMethodsForProp(prop, defs, baseName, includePx, valueMethodExtraProperties) {
-    if (baseName === void 0) { baseName = prop; }
-    if (includePx === void 0) { includePx = false; }
-    return __spreadArray(__spreadArray(__spreadArray([], __read(Object.entries(defs).map(function (_a) {
-        var _b;
-        var _c = __read(_a, 2), abbr = _c[0], value = _c[1];
-        return newMethod(abbr, 
-        // If the value is an object, use it as the full defs, otherwise, use it as the prop value
-        typeof value === "object" ? value : (_b = {}, _b[prop] = value, _b));
-    })), false), __read((baseName !== null ? [newParamMethod(baseName, prop, valueMethodExtraProperties)] : [])), false), __read((baseName !== null && includePx ? [newPxMethod(baseName, prop)] : [])), false);
-}
-/**
- * Given aliases, i.e. `{ bodyText: ["f12", "bold"] }`, returns a utility method
- * for each alias that calls its corresponding utility classes.
- */
-function newAliasesMethods(aliases) {
-    return Object.entries(aliases).map(function (_a) {
-        var _b = __read(_a, 2), abbr = _b[0], values = _b[1];
-        return "get ".concat(abbr, "() { return this").concat(values.map(function (v) { return ".".concat(v); }).join(""), "; }");
-    });
-}
-/**
- * Makes a utility method that can set CSS custom variables.
- *
- * I.e. `newSetCssVariableMethod("dark", { "--Primary": "white" })` will create a
- * utility method `Css.dark.$ that will set `--Primary` to `white`.
- *
- * Currently, this only supports compile-time/hard-coded values. I.e. we don't support
- * something like `Css.dark({ "--Primary", someRuntimeValue }).$` yet.
- *
- * TODO: Create a `Css.set(cssVars).$` method.
- */
-function newSetCssVariablesMethod(abbr, defs) {
-    return "get ".concat(abbr, "() { return this").concat(Object.entries(defs)
-        .map(function (_a) {
-        var _b = __read(_a, 2), prop = _b[0], value = _b[1];
-        return ".add(\"".concat(prop, "\" as any, \"").concat(value, "\")");
-    })
-        .join(""), "; }");
-}
-/**
- * Makes [`mt0`, `mt1`, ...] utility methods for each configured increment
- * to set `prop` to that given increment's value in pixels.
- *
- * I.e. we assume `prop` is a CSS property like `margin` that accepts pixels as values,
- * and so convert each increment `x` (1, 2, 3) to pixels `Y` (8, 16, 24) and create
- * a utility method for each `x -> Y` pair, i.e. `mt0 = mt(px(0))`.
- *
- * We also create a final param method, i.e. `mt(number)`, for callers that
- * need to call `mt` with a conditional amount of increments.
- *
- * @param config the config
- * @param abbr the utility prefix, i.e. `mt`
- * @param props if a CSS prop like `marginTop`, we output "mt0 --> marginTop: 0px", if an array like
- *   `["marginTop", "marginBottom"]`, we output "my0 --> marginTop: 0px, marginBottom: 0px"
- * @param opts.auto if set to true, include an `a` suffix for auto values, i.e. `mta`
- */
-function newIncrementMethods(config, abbr, prop, opts) {
-    if (opts === void 0) { opts = {}; }
-    // Create `m1`, `m2`, etc. that will call our main `m` method.
-    var props = typeof prop === "string" ? [prop] : prop;
-    var delegateMethods = newCoreIncrementMethods(config, abbr, props);
-    var autoComment = comment(Object.fromEntries(props.map(function (p) { return [p, "auto"]; })));
-    var valueComment = comment(Object.fromEntries(props.map(function (p) { return [p, "v"]; })));
-    var pxComment = comment(Object.fromEntries(props.map(function (p) { return [p, "px"]; })));
-    return __spreadArray(__spreadArray(__spreadArray([], __read(delegateMethods), false), __read((opts.auto
-        ? ["".concat(autoComment, " get ").concat(abbr, "a() { return this.").concat(props.map(function (p) { return "add(\"".concat(p, "\", \"auto\")"); }).join("."), "; }")]
-        : [])), false), [
-        "".concat(valueComment, " ").concat(abbr, "(v: number | string) { return this.").concat(props
-            .map(function (p) { return "add(\"".concat(p, "\", maybeInc(v))"); })
-            .join("."), "; }"),
-        "".concat(pxComment, " ").concat(abbr, "Px(px: number) { return this.").concat(props.map(function (p) { return "add(\"".concat(p, "\", `${px}px`)"); }).join("."), "; }"),
-    ], false);
-}
-/**
- * Creates just the core `<abbr>X` utility methods that set `props` with each increment value.
- *
- * See `newIncrementMethods` for handling the `<abbr>Px`, `<abbr>a`, and `<attr>(value)` methods.
- */
-function newCoreIncrementMethods(config, abbr, props) {
-    return (0, exports.zeroTo)(config.numberOfIncrements).map(function (i) {
-        var px = "".concat(i * config.increment, "px");
-        var defs = Object.fromEntries(props.map(function (p) { return [p, px]; }));
-        var sets = props.map(function (p) { return "add(\"".concat(p, "\", \"").concat(px, "\")"); }).join(".");
-        return "".concat(comment(defs), " get ").concat(abbr).concat(i, "() { return this.").concat(sets, "; }");
-    });
-}
-function newPxMethod(abbr, prop) {
-    var _a;
-    return "".concat(comment((_a = {}, _a[prop] = "px", _a)), " ").concat(abbr, "Px(px: number) { return this.").concat(abbr, "(`${px}px`); }");
-}
-var zeroTo = function (n) { return __spreadArray([], __read(Array(n + 1).keys()), false); };
-exports.zeroTo = zeroTo;
-/** Keeps numbers as literals, and wraps anything else with double quotes. */
-function maybeWrap(value) {
-    return typeof value === "number" ? String(value) : "\"".concat(value, "\"");
-}
-function comment(defs) {
-    var paramNames = ["value", "px", "inc"];
-    var values = Object.entries(defs)
-        .map(function (_a) {
-        var _b = __read(_a, 2), prop = _b[0], value = _b[1];
-        return "".concat(prop, ": ").concat(paramNames.includes(value) ? value : maybeWrap(value));
-    })
-        .join("; ");
-    return "/** Sets `".concat(values, "`. */\n");
-}
-//# sourceMappingURL=methods.js.map

package/build/methods.js.map

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

package/build/methods.test.d.ts

@@ -1 +0,0 @@
-export {};