@homebound/truss 1.133.0 → 1.134.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/methods.d.ts +5 -3
- package/build/methods.js +15 -6
- package/build/methods.js.map +1 -1
- package/build/methods.test.js +44 -0
- package/build/methods.test.js.map +1 -1
- package/build/sections/tachyons/lineClamp.js +29 -37
- package/build/sections/tachyons/lineClamp.js.map +1 -1
- package/package.json +1 -1
package/build/methods.d.ts
CHANGED
|
@@ -9,10 +9,11 @@ export declare function newMethod(abbr: UtilityName, defs: Properties): UtilityM
|
|
|
9
9
|
/**
|
|
10
10
|
* Given a single abbreviation (i.e. `mt`) and a property name (i.e. `marginTop`), returns the
|
|
11
11
|
* TypeScript code for a `mt` utility method that accepts a user-provided value of the prop to set.
|
|
12
|
+
* Use `extraProperties` for additional properties to set.
|
|
12
13
|
*
|
|
13
14
|
* I.e. `Css.mt(someValue).$`
|
|
14
15
|
*/
|
|
15
|
-
export declare function newParamMethod(abbr: UtilityName, prop: keyof Properties): UtilityMethod;
|
|
16
|
+
export declare function newParamMethod(abbr: UtilityName, prop: keyof Properties, extraProperties?: Properties): UtilityMethod;
|
|
16
17
|
/**
|
|
17
18
|
* Given a prop to set (i.e. `marginTop`), and multiple abbr/value pairs (i.e. `{ mt0: "0px", mt1: "4px" }`),
|
|
18
19
|
* returns a utility method for each abbr/value pair.
|
|
@@ -25,11 +26,12 @@ export declare function newParamMethod(abbr: UtilityName, prop: keyof Properties
|
|
|
25
26
|
* to `null`.
|
|
26
27
|
*
|
|
27
28
|
* @param prop the CSS property we're setting, i.e. `marginTop`
|
|
28
|
-
* @param defs a map of abbreviation name --> value
|
|
29
|
+
* @param defs a map of abbreviation name --> value (a property value or an object of properties to set)
|
|
29
30
|
* @param baseName the base name to use, i.e. `mt`
|
|
30
31
|
* @param includePx generate an extra `${baseName}Px` method that calls the base method with a converted px value
|
|
32
|
+
* @param baseDefs additional properties to set for the base method
|
|
31
33
|
*/
|
|
32
|
-
export declare function newMethodsForProp<P extends Prop>(prop: P, defs: Record<UtilityName, Properties[P]>, baseName?: string | null, includePx?: boolean): UtilityMethod[];
|
|
34
|
+
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[];
|
|
33
35
|
/**
|
|
34
36
|
* Given aliases, i.e. `{ bodyText: ["f12", "bold"] }`, returns a utility method
|
|
35
37
|
* for each alias that calls its corresponding utility classes.
|
package/build/methods.js
CHANGED
|
@@ -42,12 +42,18 @@ exports.newMethod = newMethod;
|
|
|
42
42
|
/**
|
|
43
43
|
* Given a single abbreviation (i.e. `mt`) and a property name (i.e. `marginTop`), returns the
|
|
44
44
|
* TypeScript code for a `mt` utility method that accepts a user-provided value of the prop to set.
|
|
45
|
+
* Use `extraProperties` for additional properties to set.
|
|
45
46
|
*
|
|
46
47
|
* I.e. `Css.mt(someValue).$`
|
|
47
48
|
*/
|
|
48
|
-
function newParamMethod(abbr, prop) {
|
|
49
|
+
function newParamMethod(abbr, prop, extraProperties) {
|
|
49
50
|
var _a;
|
|
50
|
-
|
|
51
|
+
if (extraProperties === void 0) { extraProperties = {}; }
|
|
52
|
+
var additionalDefs = Object.entries(extraProperties).map(function (_a) {
|
|
53
|
+
var _b = __read(_a, 2), prop = _b[0], value = _b[1];
|
|
54
|
+
return ".add(\"".concat(prop, "\", ").concat(maybeWrap(value), ")");
|
|
55
|
+
}).join("");
|
|
56
|
+
return "".concat(comment((_a = {}, _a[prop] = "value", _a)), " ").concat(abbr, "(value: Properties[\"").concat(prop, "\"]) { return this.add(\"").concat(prop, "\", value)").concat(additionalDefs, "; }");
|
|
51
57
|
}
|
|
52
58
|
exports.newParamMethod = newParamMethod;
|
|
53
59
|
/**
|
|
@@ -62,18 +68,21 @@ exports.newParamMethod = newParamMethod;
|
|
|
62
68
|
* to `null`.
|
|
63
69
|
*
|
|
64
70
|
* @param prop the CSS property we're setting, i.e. `marginTop`
|
|
65
|
-
* @param defs a map of abbreviation name --> value
|
|
71
|
+
* @param defs a map of abbreviation name --> value (a property value or an object of properties to set)
|
|
66
72
|
* @param baseName the base name to use, i.e. `mt`
|
|
67
73
|
* @param includePx generate an extra `${baseName}Px` method that calls the base method with a converted px value
|
|
74
|
+
* @param baseDefs additional properties to set for the base method
|
|
68
75
|
*/
|
|
69
|
-
function newMethodsForProp(prop, defs, baseName, includePx) {
|
|
76
|
+
function newMethodsForProp(prop, defs, baseName, includePx, valueMethodExtraProperties) {
|
|
70
77
|
if (baseName === void 0) { baseName = prop; }
|
|
71
78
|
if (includePx === void 0) { includePx = false; }
|
|
72
79
|
return __spreadArray(__spreadArray(__spreadArray([], __read(Object.entries(defs).map(function (_a) {
|
|
73
80
|
var _b;
|
|
74
81
|
var _c = __read(_a, 2), abbr = _c[0], value = _c[1];
|
|
75
|
-
return newMethod(abbr,
|
|
76
|
-
|
|
82
|
+
return newMethod(abbr,
|
|
83
|
+
// If the value is an object, use it as the full defs, otherwise, use it as the prop value
|
|
84
|
+
typeof value === "object" ? value : (_b = {}, _b[prop] = value, _b));
|
|
85
|
+
})), false), __read((baseName !== null ? [newParamMethod(baseName, prop, valueMethodExtraProperties)] : [])), false), __read((baseName !== null && includePx ? [newPxMethod(baseName, prop)] : [])), false);
|
|
77
86
|
}
|
|
78
87
|
exports.newMethodsForProp = newMethodsForProp;
|
|
79
88
|
/**
|
package/build/methods.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"methods.js","sourceRoot":"","sources":["../src/methods.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA;;;GAGG;AACH,SAAgB,SAAS,CAAC,IAAiB,EAAE,IAAgB;IAC3D,OAAO,UAAG,OAAO,CAAC,IAAI,CAAC,kBAAQ,IAAI,6BAAmB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;SACvE,GAAG,CAAC,UAAC,EAAa;YAAb,KAAA,aAAa,EAAZ,IAAI,QAAA,EAAE,KAAK,QAAA;QAAM,OAAA,iBAAS,IAAI,iBAAM,SAAS,CAAC,KAAK,CAAC,MAAG;IAAtC,CAAsC,CAAC;SAC9D,IAAI,CAAC,EAAE,CAAC,QAAK,CAAC;AACnB,CAAC;AAJD,8BAIC;AAED
|
|
1
|
+
{"version":3,"file":"methods.js","sourceRoot":"","sources":["../src/methods.ts"],"names":[],"mappings":"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"}
|
package/build/methods.test.js
CHANGED
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
2
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
14
|
var methods_1 = require("./methods");
|
|
4
15
|
describe("methods", function () {
|
|
@@ -21,5 +32,38 @@ describe("methods", function () {
|
|
|
21
32
|
.toMatchInlineSnapshot("\n [\n \"/** Sets `marginTop: \"0px\"; marginRight: \"0px\"; marginBottom: \"0px\"; marginLeft: \"0px\"`. */\n get m0() { return this.add(\"marginTop\", \"0px\").add(\"marginRight\", \"0px\").add(\"marginBottom\", \"0px\").add(\"marginLeft\", \"0px\"); }\",\n \"/** Sets `marginTop: \"8px\"; marginRight: \"8px\"; marginBottom: \"8px\"; marginLeft: \"8px\"`. */\n get m1() { return this.add(\"marginTop\", \"8px\").add(\"marginRight\", \"8px\").add(\"marginBottom\", \"8px\").add(\"marginLeft\", \"8px\"); }\",\n \"/** Sets `marginTop: \"16px\"; marginRight: \"16px\"; marginBottom: \"16px\"; marginLeft: \"16px\"`. */\n get m2() { return this.add(\"marginTop\", \"16px\").add(\"marginRight\", \"16px\").add(\"marginBottom\", \"16px\").add(\"marginLeft\", \"16px\"); }\",\n \"/** Sets `marginTop: \"24px\"; marginRight: \"24px\"; marginBottom: \"24px\"; marginLeft: \"24px\"`. */\n get m3() { return this.add(\"marginTop\", \"24px\").add(\"marginRight\", \"24px\").add(\"marginBottom\", \"24px\").add(\"marginLeft\", \"24px\"); }\",\n \"/** Sets `marginTop: \"v\"; marginRight: \"v\"; marginBottom: \"v\"; marginLeft: \"v\"`. */\n m(v: number | string) { return this.add(\"marginTop\", maybeInc(v)).add(\"marginRight\", maybeInc(v)).add(\"marginBottom\", maybeInc(v)).add(\"marginLeft\", maybeInc(v)); }\",\n \"/** Sets `marginTop: px; marginRight: px; marginBottom: px; marginLeft: px`. */\n mPx(px: number) { return this.add(\"marginTop\", `${px}px`).add(\"marginRight\", `${px}px`).add(\"marginBottom\", `${px}px`).add(\"marginLeft\", `${px}px`); }\",\n ]\n ");
|
|
22
33
|
});
|
|
23
34
|
});
|
|
35
|
+
describe("newParamMethod", function () {
|
|
36
|
+
it("creates a new method with a parameter", function () {
|
|
37
|
+
// Given a new method with a parameter
|
|
38
|
+
var result = (0, methods_1.newParamMethod)("bgColor", "backgroundColor");
|
|
39
|
+
// Then it should output the expected method
|
|
40
|
+
expect(result).toMatchInlineSnapshot("\n \"/** Sets `backgroundColor: value`. */\n bgColor(value: Properties[\"backgroundColor\"]) { return this.add(\"backgroundColor\", value); }\"\n ");
|
|
41
|
+
});
|
|
42
|
+
it("creates a new method with a parameter and additional properties", function () {
|
|
43
|
+
// Given a new method with a parameter and additional properties
|
|
44
|
+
var result = (0, methods_1.newParamMethod)("bgColor", "backgroundColor", { display: "block" });
|
|
45
|
+
// Then it should output the expected method
|
|
46
|
+
expect(result).toMatchInlineSnapshot("\n \"/** Sets `backgroundColor: value`. */\n bgColor(value: Properties[\"backgroundColor\"]) { return this.add(\"backgroundColor\", value).add(\"display\", \"block\"); }\"\n ");
|
|
47
|
+
});
|
|
48
|
+
});
|
|
49
|
+
describe("newMethodsForProp", function () {
|
|
50
|
+
it("creates a new method for prop", function () {
|
|
51
|
+
// Given a new method for "lineClamp" prop with different definitions
|
|
52
|
+
var baseProperties = { overflow: "hidden", textOverflow: "ellipsis" };
|
|
53
|
+
var def = function (lineClamp) { return (__assign({ WebkitLineClamp: lineClamp }, baseProperties)); };
|
|
54
|
+
// When we create the new methods
|
|
55
|
+
var result = (0, methods_1.newMethodsForProp)("lineClamp", { lineClamp1: def(1), lineClampNone: def("unset") });
|
|
56
|
+
// Then it should output the expected methods
|
|
57
|
+
expect(result).toMatchInlineSnapshot("\n [\n \"/** Sets `WebkitLineClamp: 1; overflow: \"hidden\"; textOverflow: \"ellipsis\"`. */\n get lineClamp1() { return this.add(\"WebkitLineClamp\", 1).add(\"overflow\", \"hidden\").add(\"textOverflow\", \"ellipsis\"); }\",\n \"/** Sets `WebkitLineClamp: \"unset\"; overflow: \"hidden\"; textOverflow: \"ellipsis\"`. */\n get lineClampNone() { return this.add(\"WebkitLineClamp\", \"unset\").add(\"overflow\", \"hidden\").add(\"textOverflow\", \"ellipsis\"); }\",\n \"/** Sets `lineClamp: value`. */\n lineClamp(value: Properties[\"lineClamp\"]) { return this.add(\"lineClamp\", value); }\",\n ]\n ");
|
|
58
|
+
});
|
|
59
|
+
it("creates method extra base definitions", function () {
|
|
60
|
+
// Given some base properties
|
|
61
|
+
var baseProperties = { overflow: "hidden", textOverflow: "ellipsis" };
|
|
62
|
+
// When we call newMethodsForProp with the base properties for "lineClamp"
|
|
63
|
+
var result = (0, methods_1.newMethodsForProp)("WebkitLineClamp", {}, "lineClamp", false, baseProperties);
|
|
64
|
+
// Then it should output a lineClamp function with the base properties
|
|
65
|
+
expect(result).toMatchInlineSnapshot("\n [\n \"/** Sets `WebkitLineClamp: value`. */\n lineClamp(value: Properties[\"WebkitLineClamp\"]) { return this.add(\"WebkitLineClamp\", value).add(\"overflow\", \"hidden\").add(\"textOverflow\", \"ellipsis\"); }\",\n ]\n ");
|
|
66
|
+
});
|
|
67
|
+
});
|
|
24
68
|
});
|
|
25
69
|
//# sourceMappingURL=methods.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"methods.test.js","sourceRoot":"","sources":["../src/methods.test.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"methods.test.js","sourceRoot":"","sources":["../src/methods.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,46 +1,38 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
catch (error) { e = { error: error }; }
|
|
10
|
-
finally {
|
|
11
|
-
try {
|
|
12
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
13
8
|
}
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
return
|
|
17
|
-
};
|
|
18
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
19
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
20
|
-
if (ar || !(i in from)) {
|
|
21
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
22
|
-
ar[i] = from[i];
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
26
12
|
};
|
|
27
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
14
|
exports.lineClamp = void 0;
|
|
29
15
|
var methods_1 = require("../../methods");
|
|
16
|
+
var additionalDefs = {
|
|
17
|
+
overflow: "hidden",
|
|
18
|
+
display: "-webkit-box",
|
|
19
|
+
// As of 11/28/2022, this is deprecated but still necessary for lineClamp to work:
|
|
20
|
+
// https://github.com/tailwindlabs/tailwindcss-line-clamp/blob/master/src/index.js
|
|
21
|
+
WebkitBoxOrient: "vertical",
|
|
22
|
+
// tailwinds doesn't add this by default, but it seems like a good default for us.
|
|
23
|
+
textOverflow: "ellipsis",
|
|
24
|
+
};
|
|
30
25
|
// https://github.com/tailwindlabs/tailwindcss-line-clamp/
|
|
31
|
-
var lineClamp = function () {
|
|
32
|
-
return (0, methods_1.
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
WebkitLineClamp:
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
})), false), [
|
|
43
|
-
(0, methods_1.newMethod)("lineClampNone", { WebkitLineClamp: "unset" }),
|
|
44
|
-
], false); };
|
|
26
|
+
var lineClamp = function () {
|
|
27
|
+
return (0, methods_1.newMethodsForProp)("WebkitLineClamp", {
|
|
28
|
+
lineClamp1: __assign(__assign({}, additionalDefs), { WebkitLineClamp: 1 }),
|
|
29
|
+
lineClamp2: __assign(__assign({}, additionalDefs), { WebkitLineClamp: 2 }),
|
|
30
|
+
lineClamp3: __assign(__assign({}, additionalDefs), { WebkitLineClamp: 3 }),
|
|
31
|
+
lineClamp4: __assign(__assign({}, additionalDefs), { WebkitLineClamp: 4 }),
|
|
32
|
+
lineClamp5: __assign(__assign({}, additionalDefs), { WebkitLineClamp: 5 }),
|
|
33
|
+
lineClamp6: __assign(__assign({}, additionalDefs), { WebkitLineClamp: 6 }),
|
|
34
|
+
lineClampNone: { WebkitLineClamp: "unset" },
|
|
35
|
+
}, "lineClamp", false, additionalDefs);
|
|
36
|
+
};
|
|
45
37
|
exports.lineClamp = lineClamp;
|
|
46
38
|
//# sourceMappingURL=lineClamp.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lineClamp.js","sourceRoot":"","sources":["../../../src/sections/tachyons/lineClamp.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"lineClamp.js","sourceRoot":"","sources":["../../../src/sections/tachyons/lineClamp.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAEA,yCAAgD;AAEhD,IAAM,cAAc,GAAe;IACjC,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,aAAa;IACtB,kFAAkF;IAClF,kFAAkF;IAClF,eAAe,EAAE,UAAU;IAC3B,kFAAkF;IAClF,YAAY,EAAE,UAAU;CACzB,CAAA;AAED,0DAA0D;AACnD,IAAM,SAAS,GAAoB;IACxC,OAAA,IAAA,2BAAiB,EACf,iBAAiB,EACjB;QACE,UAAU,wBAAO,cAAc,KAAE,eAAe,EAAE,CAAC,GAAE;QACrD,UAAU,wBAAO,cAAc,KAAE,eAAe,EAAE,CAAC,GAAE;QACrD,UAAU,wBAAO,cAAc,KAAE,eAAe,EAAE,CAAC,GAAE;QACrD,UAAU,wBAAO,cAAc,KAAE,eAAe,EAAE,CAAC,GAAE;QACrD,UAAU,wBAAO,cAAc,KAAE,eAAe,EAAE,CAAC,GAAE;QACrD,UAAU,wBAAO,cAAc,KAAE,eAAe,EAAE,CAAC,GAAE;QACrD,aAAa,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE;KAC5C,EACD,WAAW,EACX,KAAK,EACL,cAAc,CACjB;AAdC,CAcD,CAAC;AAfW,QAAA,SAAS,aAepB"}
|