@moda/tokens 5.5.1 → 5.5.2

package/CHANGELOG.md

@@ -3,6 +3,13 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.5.2](https://github.com/ModaOperandi/tokens/compare/v5.5.1...v5.5.2) (2022-07-01)
+
+
+### Bug Fixes
+
+* **storybook:** fix the reference to root package ([81b90cc](https://github.com/ModaOperandi/tokens/commit/81b90cc5664b1037f115a18d9bd96f237884ffa9))
+
 ## [5.5.1](https://github.com/ModaOperandi/tokens/compare/v5.5.0...v5.5.1) (2021-10-27)
 
 

package/dist/scripts/export.d.ts

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

package/dist/scripts/export.js

@@ -0,0 +1,22 @@
+"use strict";
+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 });
+var path = require("path");
+var sass = require("node-sass");
+var exportSass = require("node-sass-export");
+var includePaths_1 = require("../src/includePaths");
+sass.renderSync({
+    file: path.join(__dirname, './export.scss'),
+    includePaths: __spreadArray([], includePaths_1.includePaths, true),
+    functions: exportSass('.')
+});
+exportSass;
+//# sourceMappingURL=export.js.map

package/dist/scripts/export.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"export.js","sourceRoot":"","sources":["../../scripts/export.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,2BAA6B;AAC7B,gCAAkC;AAClC,6CAAgD;AAEhD,oDAAmD;AAEnD,IAAI,CAAC,UAAU,CAAC;IACd,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,eAAe,CAAC;IAC3C,YAAY,oBAAM,2BAAY,OAAC;IAC/B,SAAS,EAAE,UAAU,CAAC,GAAG,CAAC;CAC3B,CAAC,CAAC;AAEH,UAAU,CAAC"}

package/dist/src/breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.js","sourceRoot":"","sources":["../../src/breakpoints.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC/B,QAAA,WAAW,GAAG;IACzB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,QAAQ;CACf,CAAC"}

package/dist/src/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC/B,QAAA,MAAM,GAAG;IACpB,KAAK,EAAE;QACL,MAAM,EAAE,cAAc;QACtB,KAAK,EAAE,iBAAiB;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,KAAK,EAAE,oBAAoB;QAC3B,UAAU,EAAE,oBAAoB;QAChC,OAAO,EAAE,oBAAoB;QAC7B,MAAM,EAAE,oBAAoB;QAC5B,YAAY,EAAE,oBAAoB;QAClC,UAAU,EAAE,gBAAgB;QAC5B,MAAM,EAAE,oBAAoB;QAC5B,YAAY,EAAE,gBAAgB;QAC9B,SAAS,EAAE,mBAAmB;QAC9B,cAAc,EAAE,mBAAmB;QACnC,YAAY,EAAE,kBAAkB;QAChC,OAAO,EAAE,kBAAkB;QAC3B,WAAW,EAAE,mBAAmB;QAChC,SAAS,EAAE,oBAAoB;QAC/B,OAAO,EAAE,oBAAoB;QAC7B,cAAc,EAAE,mBAAmB;QACnC,OAAO,EAAE,oBAAoB;QAC7B,cAAc,EAAE,gBAAgB;QAChC,OAAO,EAAE,oBAAoB;QAC7B,iBAAiB,EAAE,oBAAoB;QACvC,YAAY,EAAE,mBAAmB;QACjC,OAAO,EAAE,oBAAoB;QAC7B,QAAQ,EAAE,mBAAmB;KAC9B;IACD,IAAI,EAAE;QACJ,YAAY,EAAE,oBAAoB;QAClC,UAAU,EAAE,gBAAgB;QAC5B,MAAM,EAAE,oBAAoB;QAC5B,YAAY,EAAE,gBAAgB;QAC9B,SAAS,EAAE,mBAAmB;QAC9B,cAAc,EAAE,mBAAmB;KACpC;IACD,QAAQ,EAAE;QACR,YAAY,EAAE,kBAAkB;QAChC,OAAO,EAAE,kBAAkB;QAC3B,WAAW,EAAE,mBAAmB;QAChC,SAAS,EAAE,oBAAoB;QAC/B,OAAO,EAAE,oBAAoB;KAC9B;IACD,MAAM,EAAE;QACN,iBAAiB,EAAE,oBAAoB;QACvC,YAAY,EAAE,mBAAmB;QACjC,OAAO,EAAE,oBAAoB;QAC7B,OAAO,EAAE,oBAAoB;QAC7B,QAAQ,EAAE,mBAAmB;KAC9B;IACD,QAAQ,EAAE;QACR,cAAc,EAAE,mBAAmB;QACnC,OAAO,EAAE,oBAAoB;QAC7B,cAAc,EAAE,gBAAgB;QAChC,OAAO,EAAE,oBAAoB;QAC7B,SAAS,EAAE,mBAAmB;QAC9B,cAAc,EAAE,mBAAmB;KACpC;IACD,WAAW,EAAE;QACX,MAAM,EAAE,cAAc;QACtB,KAAK,EAAE,iBAAiB;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,KAAK,EAAE,oBAAoB;QAC3B,UAAU,EAAE,oBAAoB;QAChC,OAAO,EAAE,oBAAoB;QAC7B,MAAM,EAAE,oBAAoB;KAC7B;CACF,CAAC"}

package/dist/src/helpers.d.ts

@@ -0,0 +1,66 @@
+import { colors } from './colors';
+import { typography } from './typography';
+export declare type Font = keyof typeof typography.fonts;
+export declare type TextTreatment = keyof typeof typography['text-treatments'];
+export declare type Color = keyof typeof colors.all;
+export declare const text: (name: TextTreatment, font?: "code" | "serif" | "sans") => {
+    'font-family': string;
+    'line-height': string;
+    "font-size": string;
+    "letter-spacing": number;
+} | {
+    'font-family': string;
+    'line-height': string;
+    "font-size": string;
+    "letter-spacing": number;
+} | {
+    'font-family': string;
+    'line-height': string;
+    "font-size": string;
+    "letter-spacing": number;
+} | {
+    'font-family': string;
+    'line-height': string;
+    "font-size": string;
+    "letter-spacing": number;
+} | {
+    'font-family': string;
+    'line-height': string;
+    "font-size": string;
+    "letter-spacing": number;
+} | {
+    'font-family': string;
+    'line-height': string;
+    "font-size": string;
+    "letter-spacing": string;
+} | {
+    'font-family': string;
+    'line-height': string;
+    "font-size": string;
+    "letter-spacing": string;
+} | {
+    'font-family': string;
+    'line-height': string;
+    "font-size": string;
+    "letter-spacing": string;
+} | {
+    'font-family': string;
+    'line-height': string;
+    "font-size": string;
+    "letter-spacing": string;
+    "font-weight": string;
+} | {
+    'font-family': string;
+    'line-height': string;
+    "font-size": string;
+    "letter-spacing": string;
+} | {
+    'font-family': string;
+    'line-height': string;
+    "font-size": string;
+    "letter-spacing": string;
+    "text-transform": string;
+};
+export declare const remToUnitlessPx: (value: string) => number;
+export declare const color: (name: Color, alpha?: number) => string;
+export declare const spacing: (topY: number | string, rightX?: number | string, bottom?: number | string, left?: number | string) => string | number | undefined;

package/dist/{helpers.js → src/helpers.js}

@@ -26,28 +26,31 @@ var colors_1 = require("./colors");
 var space_1 = require("./space");
 var typography_1 = require("./typography");
 var text = function (name, font) {
-    if (font === void 0) { font = "sans"; }
-    var treatment = typography_1.typography["text-treatments"][name];
-    return __assign(__assign({}, treatment), { "font-family": typography_1.typography.fonts[font].join(","), "line-height": "" + treatment["line-height"] });
+    if (font === void 0) { font = 'sans'; }
+    var treatment = typography_1.typography['text-treatments'][name];
+    return __assign(__assign({}, treatment), { 'font-family': typography_1.typography.fonts[font].join(','), 'line-height': "".concat(treatment['line-height']) });
 };
 exports.text = text;
 var remToUnitlessPx = function (value) {
-    return parseFloat(value) * parseInt(typography_1.typography["root-font-size"], 0);
+    return parseFloat(value) * parseInt(typography_1.typography['root-font-size'], 10);
 };
 exports.remToUnitlessPx = remToUnitlessPx;
 var color = function (name, alpha) {
     var _a;
     var color = colors_1.colors.all[name];
-    return alpha != null ? colorString.to.rgb(__spreadArray(__spreadArray([], (((_a = colorString.get.rgb(color)) === null || _a === void 0 ? void 0 : _a.slice(0, 3)) || []), true), [alpha], false)) : color;
+    return alpha != null
+        ? // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+            colorString.to.rgb(__spreadArray(__spreadArray([], (((_a = colorString.get.rgb(color)) === null || _a === void 0 ? void 0 : _a.slice(0, 3)) || []), true), [alpha], false))
+        : color;
 };
 exports.color = color;
-var spacing = function (ty, rx, b, l) {
-    return [ty, rx, b, l].reduce(function (acc, v) {
+var spacing = function (topY, rightX, bottom, left) {
+    return [topY, rightX, bottom, left].reduce(function (acc, value) {
         var _a;
-        if (v === undefined)
+        if (value === undefined)
             return acc;
-        return [acc, (_a = space_1.space.scale[v]) !== null && _a !== void 0 ? _a : v].join(" ");
-    }, "");
+        return [acc, (_a = space_1.space.scale[value]) !== null && _a !== void 0 ? _a : value].join(' ');
+    }, '');
 };
 exports.spacing = spacing;
 //# sourceMappingURL=helpers.js.map

package/dist/src/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/helpers.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAA4C;AAC5C,mCAAkC;AAClC,iCAAgC;AAChC,2CAA0C;AAMnC,IAAM,IAAI,GAAG,UAAC,IAAmB,EAAE,IAAqB;IAArB,qBAAA,EAAA,OAAO,MAAc;IAC7D,IAAM,SAAS,GAAG,uBAAU,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,CAAC;IACtD,6BACK,SAAS,KACZ,aAAa,EAAE,uBAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/C,aAAa,EAAE,UAAG,SAAS,CAAC,aAAa,CAAC,CAAE,IAC5C;AACJ,CAAC,CAAC;AAPW,QAAA,IAAI,QAOf;AAEK,IAAM,eAAe,GAAG,UAAC,KAAa;IAC3C,OAAA,UAAU,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,uBAAU,CAAC,gBAAgB,CAAC,EAAE,EAAE,CAAC;AAA9D,CAA8D,CAAC;AADpD,QAAA,eAAe,mBACqC;AAE1D,IAAM,KAAK,GAAG,UAAC,IAAW,EAAE,KAAc;;IAC/C,IAAM,KAAK,GAAG,eAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,KAAK,IAAI,IAAI;QAClB,CAAC,CAAC,+DAA+D;YAC/D,WAAW,CAAC,EAAE,CAAC,GAAG,iCAAK,CAAC,CAAA,MAAA,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,0CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAI,EAAE,CAAC,UAAE,KAAK,UAAE;QACjF,CAAC,CAAC,KAAK,CAAC;AACZ,CAAC,CAAC;AANW,QAAA,KAAK,SAMhB;AAEK,IAAM,OAAO,GAAG,UACrB,IAAqB,EACrB,MAAwB,EACxB,MAAwB,EACxB,IAAsB;IAEtB,OAAA,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,KAAK;;QAC7C,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO,GAAG,CAAC;QACpC,OAAO,CAAC,GAAG,EAAE,MAAA,aAAK,CAAC,KAAK,CAAC,KAAK,CAAC,mCAAI,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACtD,CAAC,EAAE,EAAE,CAAC;AAHN,CAGM,CAAC;AATI,QAAA,OAAO,WASX"}

package/dist/{includePaths.js → src/includePaths.js}

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.includePaths = void 0;
 var path = require("path");
-exports.includePaths = [path.join(__dirname, "../lib/assets/stylesheets")];
+exports.includePaths = [path.join(__dirname, '../lib/assets/stylesheets')];
 //# sourceMappingURL=includePaths.js.map

package/dist/src/includePaths.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"includePaths.js","sourceRoot":"","sources":["../../src/includePaths.ts"],"names":[],"mappings":";;;AAAA,2BAA6B;AAEhB,QAAA,YAAY,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,2BAA2B,CAAC,CAAC,CAAC"}

package/dist/src/index.d.ts

@@ -0,0 +1,5 @@
+export { colors } from './colors';
+export { typography } from './typography';
+export { space } from './space';
+export { breakpoints } from './breakpoints';
+export * from './helpers';

package/dist/{index.js → src/index.js}

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,4CAA0B"}

package/dist/src/space.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"space.js","sourceRoot":"","sources":["../../src/space.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC/B,QAAA,KAAK,GAAG;IACnB,OAAO,EAAE;QACP,MAAM;QACN,SAAS;QACT,QAAQ;QACR,SAAS;QACT,MAAM;QACN,QAAQ;QACR,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,OAAO;QACP,OAAO;KACR;IACD,KAAK,EAAE;QACL,IAAI,EAAE,MAAM;QACZ,WAAW,EAAE,SAAS;QACtB,QAAQ,EAAE,QAAQ;QAClB,iBAAiB,EAAE,SAAS;QAC5B,IAAI,EAAE,MAAM;QACZ,kBAAkB,EAAE,QAAQ;QAC5B,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,OAAO;KACf;CACF,CAAC"}

package/dist/src/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/typography.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC/B,QAAA,UAAU,GAAG;IACxB,OAAO,EAAE;QACP,MAAM,EAAE;YACN,oBAAoB;YACpB,OAAO;YACP,YAAY;SACb;QACD,OAAO,EAAE;YACP,qBAAqB;YACrB,iBAAiB;YACjB,OAAO;YACP,OAAO;SACR;QACD,MAAM,EAAE;YACN,OAAO;YACP,QAAQ;YACR,UAAU;YACV,aAAa;YACb,WAAW;SACZ;KACF;IACD,cAAc,EAAE;QACd,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;KACJ;IACD,gBAAgB,EAAE;QAChB,CAAC;QACD,QAAQ;QACR,QAAQ;QACR,OAAO;KACR;IACD,YAAY,EAAE;QACZ,SAAS;QACT,WAAW;QACX,MAAM;QACN,SAAS;QACT,QAAQ;QACR,MAAM;QACN,MAAM;QACN,SAAS;QACT,MAAM;KACP;IACD,gBAAgB,EAAE,MAAM;IACxB,iBAAiB,EAAE;QACjB,SAAS,EAAE;YACT,WAAW,EAAE,MAAM;YACnB,aAAa,EAAE,GAAG;YAClB,gBAAgB,EAAE,CAAC;SACpB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,SAAS;YACtB,aAAa,EAAE,GAAG;YAClB,gBAAgB,EAAE,CAAC;SACpB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,MAAM;YACnB,aAAa,EAAE,GAAG;YAClB,gBAAgB,EAAE,CAAC;SACpB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,MAAM;YACnB,aAAa,EAAE,GAAG;YAClB,gBAAgB,EAAE,CAAC;SACpB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,QAAQ;YACrB,aAAa,EAAE,GAAG;YAClB,gBAAgB,EAAE,CAAC;SACpB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,SAAS;YACtB,aAAa,EAAE,GAAG;YAClB,gBAAgB,EAAE,QAAQ;SAC3B;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,MAAM;YACnB,aAAa,EAAE,GAAG;YAClB,gBAAgB,EAAE,QAAQ;SAC3B;QACD,OAAO,EAAE;YACP,WAAW,EAAE,WAAW;YACxB,aAAa,EAAE,GAAG;YAClB,gBAAgB,EAAE,QAAQ;SAC3B;QACD,OAAO,EAAE;YACP,WAAW,EAAE,WAAW;YACxB,aAAa,EAAE,GAAG;YAClB,gBAAgB,EAAE,OAAO;YACzB,aAAa,EAAE,MAAM;SACtB;QACD,OAAO,EAAE;YACP,WAAW,EAAE,SAAS;YACtB,aAAa,EAAE,GAAG;YAClB,gBAAgB,EAAE,QAAQ;SAC3B;QACD,SAAS,EAAE;YACT,WAAW,EAAE,SAAS;YACtB,aAAa,EAAE,GAAG;YAClB,gBAAgB,EAAE,OAAO;YACzB,gBAAgB,EAAE,WAAW;SAC9B;KACF;CACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moda/tokens",
-  "version": "5.5.1",
+  "version": "5.5.2",
   "description": "Constant values for modaoperandi.com",
   "repository": "git@github.com:ModaOperandi/tokens.git",
   "author": "Moda Operandi",
@@ -27,19 +27,29 @@
     "postpublish": "pinst --enable"
   },
   "devDependencies": {
-    "@commitlint/cli": "^13.1.0",
-    "@commitlint/config-conventional": "^13.1.0",
+    "@commitlint/cli": "^17.0.0",
+    "@commitlint/config-conventional": "^17.0.0",
     "@jedmao/semantic-release-npm-github-config": "^1.0.9",
     "@types/color-string": "^1.5.0",
-    "@types/node": "^16.0.0",
+    "@types/node": "^17.0.0",
+    "@types/node-sass": "^4.11.3",
+    "@typescript-eslint/eslint-plugin": "^5.30.0",
+    "@typescript-eslint/parser": "^5.30.0",
     "cz-conventional-changelog": "3.3.0",
-    "gh-pages": "3.2.3",
-    "husky": "^7.0.0",
-    "jest": "^27.0.1",
-    "node-sass": "^6.0.0",
+    "eslint": "^8.18.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-no-loops": "^0.3.0",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "gh-pages": "4.0.0",
+    "husky": "^8.0.1",
+    "jest": "^28.0.2",
+    "node-sass": "^7.0.0",
     "node-sass-export": "^0.0.7",
-    "pinst": "^2.1.4",
-    "semantic-release": "^18.0.0",
+    "pinst": "^3.0.0",
+    "prettier": "^2.7.1",
+    "semantic-release": "^19.0.2",
     "typescript": "^4.0.2"
   },
   "config": {

package/src/helpers.ts

@@ -1,36 +1,39 @@
 import * as colorString from 'color-string';
-import { colors } from "./colors";
-import { space } from "./space";
-import { typography } from "./typography";
+import { colors } from './colors';
+import { space } from './space';
+import { typography } from './typography';
 
 export type Font = keyof typeof typography.fonts;
-export type TextTreatment = keyof typeof typography["text-treatments"];
+export type TextTreatment = keyof typeof typography['text-treatments'];
 export type Color = keyof typeof colors.all;
 
-export const text = (name: TextTreatment, font = "sans" as Font) => {
-  const treatment = typography["text-treatments"][name];
+export const text = (name: TextTreatment, font = 'sans' as Font) => {
+  const treatment = typography['text-treatments'][name];
   return {
     ...treatment,
-    "font-family": typography.fonts[font].join(","),
-    "line-height": `${treatment["line-height"]}`,
+    'font-family': typography.fonts[font].join(','),
+    'line-height': `${treatment['line-height']}`
   };
 };
 
 export const remToUnitlessPx = (value: string) =>
-  parseFloat(value) * parseInt(typography["root-font-size"], 0);
+  parseFloat(value) * parseInt(typography['root-font-size'], 10);
 
 export const color = (name: Color, alpha?: number) => {
   const color = colors.all[name];
-  return alpha != null ? colorString.to.rgb([...(colorString.get.rgb(color)?.slice(0, 3) || []), alpha]) : color;
-}
+  return alpha != null
+    ? // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+      colorString.to.rgb([...(colorString.get.rgb(color)?.slice(0, 3) || []), alpha])
+    : color;
+};
 
 export const spacing = (
-  ty: number | string,
-  rx?: number | string,
-  b?: number | string,
-  l?: number | string
+  topY: number | string,
+  rightX?: number | string,
+  bottom?: number | string,
+  left?: number | string
 ) =>
-  [ty, rx, b, l].reduce((acc, v) => {
-    if (v === undefined) return acc;
-    return [acc, space.scale[v] ?? v].join(" ");
-  }, "");
+  [topY, rightX, bottom, left].reduce((acc, value) => {
+    if (value === undefined) return acc;
+    return [acc, space.scale[value] ?? value].join(' ');
+  }, '');

package/src/includePaths.js

@@ -2,4 +2,4 @@
 exports.__esModule = true;
 exports.includePaths = void 0;
 var path = require("path");
-exports.includePaths = [path.join(__dirname, "../lib/assets/stylesheets")];
+exports.includePaths = [path.join(__dirname, '../lib/assets/stylesheets')];

package/src/includePaths.ts

@@ -1,3 +1,3 @@
-import * as path from "path";
+import * as path from 'path';
 
-export const includePaths = [path.join(__dirname, "../lib/assets/stylesheets")];
+export const includePaths = [path.join(__dirname, '../lib/assets/stylesheets')];

package/src/index.ts

@@ -1,5 +1,5 @@
-export { colors } from "./colors";
-export { typography } from "./typography";
-export { space } from "./space";
-export { breakpoints } from "./breakpoints";
-export * from "./helpers";
+export { colors } from './colors';
+export { typography } from './typography';
+export { space } from './space';
+export { breakpoints } from './breakpoints';
+export * from './helpers';

package/dist/breakpoints.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breakpoints.js","sourceRoot":"","sources":["../src/breakpoints.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC/B,QAAA,WAAW,GAAG;IACzB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,QAAQ;CACf,CAAC"}

package/dist/colors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors.js","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC/B,QAAA,MAAM,GAAG;IACpB,KAAK,EAAE;QACL,MAAM,EAAE,cAAc;QACtB,KAAK,EAAE,iBAAiB;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,KAAK,EAAE,oBAAoB;QAC3B,UAAU,EAAE,oBAAoB;QAChC,OAAO,EAAE,oBAAoB;QAC7B,MAAM,EAAE,oBAAoB;QAC5B,YAAY,EAAE,oBAAoB;QAClC,UAAU,EAAE,gBAAgB;QAC5B,MAAM,EAAE,oBAAoB;QAC5B,YAAY,EAAE,gBAAgB;QAC9B,SAAS,EAAE,mBAAmB;QAC9B,cAAc,EAAE,mBAAmB;QACnC,YAAY,EAAE,kBAAkB;QAChC,OAAO,EAAE,kBAAkB;QAC3B,WAAW,EAAE,mBAAmB;QAChC,SAAS,EAAE,oBAAoB;QAC/B,OAAO,EAAE,oBAAoB;QAC7B,cAAc,EAAE,mBAAmB;QACnC,OAAO,EAAE,oBAAoB;QAC7B,cAAc,EAAE,gBAAgB;QAChC,OAAO,EAAE,oBAAoB;QAC7B,iBAAiB,EAAE,oBAAoB;QACvC,YAAY,EAAE,mBAAmB;QACjC,OAAO,EAAE,oBAAoB;QAC7B,QAAQ,EAAE,mBAAmB;KAC9B;IACD,IAAI,EAAE;QACJ,YAAY,EAAE,oBAAoB;QAClC,UAAU,EAAE,gBAAgB;QAC5B,MAAM,EAAE,oBAAoB;QAC5B,YAAY,EAAE,gBAAgB;QAC9B,SAAS,EAAE,mBAAmB;QAC9B,cAAc,EAAE,mBAAmB;KACpC;IACD,QAAQ,EAAE;QACR,YAAY,EAAE,kBAAkB;QAChC,OAAO,EAAE,kBAAkB;QAC3B,WAAW,EAAE,mBAAmB;QAChC,SAAS,EAAE,oBAAoB;QAC/B,OAAO,EAAE,oBAAoB;KAC9B;IACD,MAAM,EAAE;QACN,iBAAiB,EAAE,oBAAoB;QACvC,YAAY,EAAE,mBAAmB;QACjC,OAAO,EAAE,oBAAoB;QAC7B,OAAO,EAAE,oBAAoB;QAC7B,QAAQ,EAAE,mBAAmB;KAC9B;IACD,QAAQ,EAAE;QACR,cAAc,EAAE,mBAAmB;QACnC,OAAO,EAAE,oBAAoB;QAC7B,cAAc,EAAE,gBAAgB;QAChC,OAAO,EAAE,oBAAoB;QAC7B,SAAS,EAAE,mBAAmB;QAC9B,cAAc,EAAE,mBAAmB;KACpC;IACD,WAAW,EAAE;QACX,MAAM,EAAE,cAAc;QACtB,KAAK,EAAE,iBAAiB;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,KAAK,EAAE,oBAAoB;QAC3B,UAAU,EAAE,oBAAoB;QAChC,OAAO,EAAE,oBAAoB;QAC7B,MAAM,EAAE,oBAAoB;KAC7B;CACF,CAAC"}

package/dist/helpers.d.ts

@@ -1,66 +0,0 @@
-import { colors } from "./colors";
-import { typography } from "./typography";
-export declare type Font = keyof typeof typography.fonts;
-export declare type TextTreatment = keyof typeof typography["text-treatments"];
-export declare type Color = keyof typeof colors.all;
-export declare const text: (name: TextTreatment, font?: "serif" | "sans" | "code") => {
-    "font-family": string;
-    "line-height": string;
-    "font-size": string;
-    "letter-spacing": number;
-} | {
-    "font-family": string;
-    "line-height": string;
-    "font-size": string;
-    "letter-spacing": number;
-} | {
-    "font-family": string;
-    "line-height": string;
-    "font-size": string;
-    "letter-spacing": number;
-} | {
-    "font-family": string;
-    "line-height": string;
-    "font-size": string;
-    "letter-spacing": number;
-} | {
-    "font-family": string;
-    "line-height": string;
-    "font-size": string;
-    "letter-spacing": number;
-} | {
-    "font-family": string;
-    "line-height": string;
-    "font-size": string;
-    "letter-spacing": string;
-} | {
-    "font-family": string;
-    "line-height": string;
-    "font-size": string;
-    "letter-spacing": string;
-} | {
-    "font-family": string;
-    "line-height": string;
-    "font-size": string;
-    "letter-spacing": string;
-} | {
-    "font-family": string;
-    "line-height": string;
-    "font-size": string;
-    "letter-spacing": string;
-    "font-weight": string;
-} | {
-    "font-family": string;
-    "line-height": string;
-    "font-size": string;
-    "letter-spacing": string;
-} | {
-    "font-family": string;
-    "line-height": string;
-    "font-size": string;
-    "letter-spacing": string;
-    "text-transform": string;
-};
-export declare const remToUnitlessPx: (value: string) => number;
-export declare const color: (name: Color, alpha?: number | undefined) => string;
-export declare const spacing: (ty: number | string, rx?: string | number | undefined, b?: string | number | undefined, l?: string | number | undefined) => string | number | undefined;

package/dist/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAA4C;AAC5C,mCAAkC;AAClC,iCAAgC;AAChC,2CAA0C;AAMnC,IAAM,IAAI,GAAG,UAAC,IAAmB,EAAE,IAAqB;IAArB,qBAAA,EAAA,OAAO,MAAc;IAC7D,IAAM,SAAS,GAAG,uBAAU,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,CAAC;IACtD,6BACK,SAAS,KACZ,aAAa,EAAE,uBAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/C,aAAa,EAAE,KAAG,SAAS,CAAC,aAAa,CAAG,IAC5C;AACJ,CAAC,CAAC;AAPW,QAAA,IAAI,QAOf;AAEK,IAAM,eAAe,GAAG,UAAC,KAAa;IAC3C,OAAA,UAAU,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,uBAAU,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;AAA7D,CAA6D,CAAC;AADnD,QAAA,eAAe,mBACoC;AAEzD,IAAM,KAAK,GAAG,UAAC,IAAW,EAAE,KAAc;;IAC/C,IAAM,KAAK,GAAG,eAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,iCAAK,CAAC,CAAA,MAAA,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,0CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAI,EAAE,CAAC,UAAE,KAAK,UAAE,CAAC,CAAC,CAAC,KAAK,CAAC;AACjH,CAAC,CAAA;AAHY,QAAA,KAAK,SAGjB;AAEM,IAAM,OAAO,GAAG,UACrB,EAAmB,EACnB,EAAoB,EACpB,CAAmB,EACnB,CAAmB;IAEnB,OAAA,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,CAAC;;QAC3B,IAAI,CAAC,KAAK,SAAS;YAAE,OAAO,GAAG,CAAC;QAChC,OAAO,CAAC,GAAG,EAAE,MAAA,aAAK,CAAC,KAAK,CAAC,CAAC,CAAC,mCAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9C,CAAC,EAAE,EAAE,CAAC;AAHN,CAGM,CAAC;AATI,QAAA,OAAO,WASX"}

package/dist/includePaths.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"includePaths.js","sourceRoot":"","sources":["../src/includePaths.ts"],"names":[],"mappings":";;;AAAA,2BAA6B;AAEhB,QAAA,YAAY,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,2BAA2B,CAAC,CAAC,CAAC"}

package/dist/index.d.ts

@@ -1,5 +0,0 @@
-export { colors } from "./colors";
-export { typography } from "./typography";
-export { space } from "./space";
-export { breakpoints } from "./breakpoints";
-export * from "./helpers";

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,4CAA0B"}

package/dist/space.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"space.js","sourceRoot":"","sources":["../src/space.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC/B,QAAA,KAAK,GAAG;IACnB,OAAO,EAAE;QACP,MAAM;QACN,SAAS;QACT,QAAQ;QACR,SAAS;QACT,MAAM;QACN,QAAQ;QACR,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,OAAO;QACP,OAAO;KACR;IACD,KAAK,EAAE;QACL,IAAI,EAAE,MAAM;QACZ,WAAW,EAAE,SAAS;QACtB,QAAQ,EAAE,QAAQ;QAClB,iBAAiB,EAAE,SAAS;QAC5B,IAAI,EAAE,MAAM;QACZ,kBAAkB,EAAE,QAAQ;QAC5B,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,OAAO;KACf;CACF,CAAC"}

package/dist/typography.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography.js","sourceRoot":"","sources":["../src/typography.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC/B,QAAA,UAAU,GAAG;IACxB,OAAO,EAAE;QACP,MAAM,EAAE;YACN,oBAAoB;YACpB,OAAO;YACP,YAAY;SACb;QACD,OAAO,EAAE;YACP,qBAAqB;YACrB,iBAAiB;YACjB,OAAO;YACP,OAAO;SACR;QACD,MAAM,EAAE;YACN,OAAO;YACP,QAAQ;YACR,UAAU;YACV,aAAa;YACb,WAAW;SACZ;KACF;IACD,cAAc,EAAE;QACd,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;KACJ;IACD,gBAAgB,EAAE;QAChB,CAAC;QACD,QAAQ;QACR,QAAQ;QACR,OAAO;KACR;IACD,YAAY,EAAE;QACZ,SAAS;QACT,WAAW;QACX,MAAM;QACN,SAAS;QACT,QAAQ;QACR,MAAM;QACN,MAAM;QACN,SAAS;QACT,MAAM;KACP;IACD,gBAAgB,EAAE,MAAM;IACxB,iBAAiB,EAAE;QACjB,SAAS,EAAE;YACT,WAAW,EAAE,MAAM;YACnB,aAAa,EAAE,GAAG;YAClB,gBAAgB,EAAE,CAAC;SACpB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,SAAS;YACtB,aAAa,EAAE,GAAG;YAClB,gBAAgB,EAAE,CAAC;SACpB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,MAAM;YACnB,aAAa,EAAE,GAAG;YAClB,gBAAgB,EAAE,CAAC;SACpB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,MAAM;YACnB,aAAa,EAAE,GAAG;YAClB,gBAAgB,EAAE,CAAC;SACpB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,QAAQ;YACrB,aAAa,EAAE,GAAG;YAClB,gBAAgB,EAAE,CAAC;SACpB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,SAAS;YACtB,aAAa,EAAE,GAAG;YAClB,gBAAgB,EAAE,QAAQ;SAC3B;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,MAAM;YACnB,aAAa,EAAE,GAAG;YAClB,gBAAgB,EAAE,QAAQ;SAC3B;QACD,OAAO,EAAE;YACP,WAAW,EAAE,WAAW;YACxB,aAAa,EAAE,GAAG;YAClB,gBAAgB,EAAE,QAAQ;SAC3B;QACD,OAAO,EAAE;YACP,WAAW,EAAE,WAAW;YACxB,aAAa,EAAE,GAAG;YAClB,gBAAgB,EAAE,OAAO;YACzB,aAAa,EAAE,MAAM;SACtB;QACD,OAAO,EAAE;YACP,WAAW,EAAE,SAAS;YACtB,aAAa,EAAE,GAAG;YAClB,gBAAgB,EAAE,QAAQ;SAC3B;QACD,SAAS,EAAE;YACT,WAAW,EAAE,SAAS;YACtB,aAAa,EAAE,GAAG;YAClB,gBAAgB,EAAE,OAAO;YACzB,gBAAgB,EAAE,WAAW;SAC9B;KACF;CACF,CAAC"}