@moda/tokens 6.2.126 → 6.2.128

package/dist/helpers.d.ts

@@ -62,6 +62,6 @@ export declare const text: (name: TextTreatment, font?: Font) => {
     "text-transform": string;
 };
 export declare const remToUnitlessPx: (value: string) => number;
-export declare const color: (name: Color, alpha?: number) => string;
+export declare const color: (name: Color, alpha?: number) => string | null;
 export declare const colorInHex: (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

@@ -10,18 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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 = exports.colorInHex = exports.color = exports.remToUnitlessPx = exports.text = void 0;
-var colorString = require("color-string");
+var color_string_1 = require("color-string");
 var colors_1 = require("./colors");
 var space_1 = require("./space");
 var typography_1 = require("./typography");
@@ -38,14 +29,14 @@ exports.remToUnitlessPx = remToUnitlessPx;
 var color = function (name, alpha) {
     var _a;
     var color = colors_1.colors.all[name];
-    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;
+    var _b = (_a = color_string_1.default.get.rgb(color)) !== null && _a !== void 0 ? _a : [], red = _b[0], green = _b[1], blue = _b[2];
+    return alpha != null ? color_string_1.default.to.rgb(red, green, blue, alpha) : color;
 };
 exports.color = color;
 var colorInHex = function (name, alpha) {
-    return colorString.to.hex(colorString.get.rgb((0, exports.color)(name, alpha)));
+    var _a, _b, _c;
+    var _d = (_b = color_string_1.default.get.rgb((_a = (0, exports.color)(name, alpha)) !== null && _a !== void 0 ? _a : '')) !== null && _b !== void 0 ? _b : [], red = _d[0], green = _d[1], blue = _d[2];
+    return (_c = color_string_1.default.to.hex(red, green, blue, alpha)) !== null && _c !== void 0 ? _c : '';
 };
 exports.colorInHex = colorInHex;
 var spacing = function (topY, rightX, bottom, left) {

package/dist/helpers.js.map

@@ -1 +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,UAAU,GAAG,UAAC,IAAW,EAAE,KAAc;IACpD,OAAA,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,IAAA,aAAK,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;AAA3D,CAA2D,CAAC;AADjD,QAAA,UAAU,cACuC;AAEvD,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,MAAM,CAAC,KAAK,CAAC,CAAC,mCAAI,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9D,CAAC,EAAE,EAAE,CAAC;AAHN,CAGM,CAAC;AATI,QAAA,OAAO,WASX"}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,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;IACzB,IAAA,KAAqB,MAAA,sBAAW,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,mCAAI,EAAE,EAApD,GAAG,QAAA,EAAE,KAAK,QAAA,EAAE,IAAI,QAAoC,CAAC;IAE5D,OAAO,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,sBAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AAC7E,CAAC,CAAC;AALW,QAAA,KAAK,SAKhB;AAEK,IAAM,UAAU,GAAG,UAAC,IAAW,EAAE,KAAc;;IAC9C,IAAA,KAAqB,MAAA,sBAAW,CAAC,GAAG,CAAC,GAAG,CAAC,MAAA,IAAA,aAAK,EAAC,IAAI,EAAE,KAAK,CAAC,mCAAI,EAAE,CAAC,mCAAI,EAAE,EAAvE,GAAG,QAAA,EAAE,KAAK,QAAA,EAAE,IAAI,QAAuD,CAAC;IAE/E,OAAO,MAAA,sBAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,mCAAI,EAAE,CAAC;AAC3D,CAAC,CAAC;AAJW,QAAA,UAAU,cAIrB;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,MAAM,CAAC,KAAK,CAAC,CAAC,mCAAI,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9D,CAAC,EAAE,EAAE,CAAC;AAHN,CAGM,CAAC;AATI,QAAA,OAAO,WASX"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moda/tokens",
-  "version": "6.2.126",
+  "version": "6.2.128",
   "description": "Constant values for modaoperandi.com",
   "repository": "git@github.com:ModaOperandi/tokens.git",
   "author": "Moda Operandi",
@@ -67,6 +67,6 @@
     "access": "public"
   },
   "dependencies": {
-    "color-string": "^1.9.1"
+    "color-string": "^2.0.1"
   }
 }

package/src/helpers.ts

@@ -1,4 +1,4 @@
-import * as colorString from 'color-string';
+import colorString from 'color-string';
 import { colors } from './colors';
 import { space } from './space';
 import { typography } from './typography';
@@ -21,14 +21,16 @@ export const remToUnitlessPx = (value: string) =>
 
 export const color = (name: Color, alpha?: number) => {
   const color = colors.all[name];
-  return alpha != null
-    ? // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-      colorString.to.rgb([...(colorString.get.rgb(color)?.slice(0, 3) || []), alpha])
-    : color;
+  const [red, green, blue] = colorString.get.rgb(color) ?? [];
+
+  return alpha != null ? colorString.to.rgb(red, green, blue, alpha) : color;
 };
 
-export const colorInHex = (name: Color, alpha?: number): string =>
-  colorString.to.hex(colorString.get.rgb(color(name, alpha)));
+export const colorInHex = (name: Color, alpha?: number): string => {
+  const [red, green, blue] = colorString.get.rgb(color(name, alpha) ?? '') ?? [];
+
+  return colorString.to.hex(red, green, blue, alpha) ?? '';
+};
 
 export const spacing = (
   topY: number | string,