@unmade/svg-helpers 0.1.1 → 0.1.2

package/dist/colours/format.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./named-colours.cjs"),m=s=>{let t=Array.from(s),r=!1;return t[0]==="#"&&(t.shift(),r=!0),t.length===3&&(t=t.map(e=>`${e}${e}`)),`${r?"#":""}${t.join("").toLowerCase()}`},h=s=>Math.max(0,Math.min(255,Math.round(s))).toString(16).padStart(2,"0"),l=(s,t,r)=>`#${h(s)}${h(t)}${h(r)}`,f=(s,t,r)=>{if(t===0){const d=Math.round(r*255);return[d,d,d]}const e=(s%360+360)%360,o=(1-Math.abs(2*r-1))*t,u=o*(1-Math.abs(e/60%2-1)),c=r-o/2;let n=0,a=0,i=0;return e<60?(n=o,a=u,i=0):e<120?(n=u,a=o,i=0):e<180?(n=0,a=o,i=u):e<240?(n=0,a=u,i=o):e<300?(n=u,a=0,i=o):(n=o,a=0,i=u),[Math.round((n+c)*255),Math.round((a+c)*255),Math.round((i+c)*255)]},b=s=>/^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.test(s),x=s=>{const t=s.trim().toLowerCase();if(t.startsWith("#")||/^[0-9a-f]{3}([0-9a-f]{3})?$/.test(t))return b(t)?m(t):void 0;if(t.startsWith("rgb")){const e=t.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*[\d.]+\s*)?\)/);return e?l(Number.parseInt(e[1],10),Number.parseInt(e[2],10),Number.parseInt(e[3],10)):void 0}if(t.startsWith("hsl")){const e=t.match(/hsla?\(\s*(\d+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%\s*(?:,\s*[\d.]+\s*)?\)/);if(!e)return;const o=Number.parseInt(e[1],10),u=Number.parseFloat(e[2])/100,c=Number.parseFloat(e[3])/100,[n,a,i]=f(o,u,c);return l(n,a,i)}const r=p.CSS_NAMED_COLOURS[t];if(r)return r};exports.expandHex=m;exports.hslToRgb=f;exports.isHex=b;exports.normaliseColour=x;exports.rgbToHex=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./named-colours.cjs"),m=r=>{let t=Array.from(r),s=!1;return t[0]==="#"&&(t.shift(),s=!0),t.length===3&&(t=t.map(e=>`${e}${e}`)),`${s?"#":""}${t.join("").toLowerCase()}`},h=r=>Math.max(0,Math.min(255,Math.round(r))).toString(16).padStart(2,"0"),l=(...r)=>{const[t,s,e]=Array.isArray(r[0])?r[0]:r;return`#${h(t)}${h(s)}${h(e)}`},f=(r,t,s)=>{if(t===0){const d=Math.round(s*255);return[d,d,d]}const e=(r%360+360)%360,o=(1-Math.abs(2*s-1))*t,u=o*(1-Math.abs(e/60%2-1)),c=s-o/2;let n=0,a=0,i=0;return e<60?(n=o,a=u,i=0):e<120?(n=u,a=o,i=0):e<180?(n=0,a=o,i=u):e<240?(n=0,a=u,i=o):e<300?(n=u,a=0,i=o):(n=o,a=0,i=u),[Math.round((n+c)*255),Math.round((a+c)*255),Math.round((i+c)*255)]},b=r=>/^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.test(r),x=r=>{const t=r.trim().toLowerCase();if(t.startsWith("#")||/^[0-9a-f]{3}([0-9a-f]{3})?$/.test(t))return b(t)?m(t):void 0;if(t.startsWith("rgb")){const e=t.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*[\d.]+\s*)?\)/);return e?l(Number.parseInt(e[1],10),Number.parseInt(e[2],10),Number.parseInt(e[3],10)):void 0}if(t.startsWith("hsl")){const e=t.match(/hsla?\(\s*(\d+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%\s*(?:,\s*[\d.]+\s*)?\)/);if(!e)return;const o=Number.parseInt(e[1],10),u=Number.parseFloat(e[2])/100,c=Number.parseFloat(e[3])/100,[n,a,i]=f(o,u,c);return l(n,a,i)}const s=p.CSS_NAMED_COLOURS[t];if(s)return s};exports.expandHex=m;exports.hslToRgb=f;exports.isHex=b;exports.normaliseColour=x;exports.rgbToHex=l;

package/dist/colours/format.mjs

@@ -1,39 +1,42 @@
 import { CSS_NAMED_COLOURS as f } from "./named-colours.mjs";
-const l = (r) => {
-  let t = Array.from(r), e = !1;
-  return t[0] === "#" && (t.shift(), e = !0), t.length === 3 && (t = t.map((s) => `${s}${s}`)), `${e ? "#" : ""}${t.join("").toLowerCase()}`;
-}, m = (r) => Math.max(0, Math.min(255, Math.round(r))).toString(16).padStart(2, "0"), d = (r, t, e) => `#${m(r)}${m(t)}${m(e)}`, b = (r, t, e) => {
+const l = (s) => {
+  let t = Array.from(s), e = !1;
+  return t[0] === "#" && (t.shift(), e = !0), t.length === 3 && (t = t.map((r) => `${r}${r}`)), `${e ? "#" : ""}${t.join("").toLowerCase()}`;
+}, m = (s) => Math.max(0, Math.min(255, Math.round(s))).toString(16).padStart(2, "0"), d = (...s) => {
+  const [t, e, r] = Array.isArray(s[0]) ? s[0] : s;
+  return `#${m(t)}${m(e)}${m(r)}`;
+}, b = (s, t, e) => {
   if (t === 0) {
-    const u = Math.round(e * 255);
-    return [u, u, u];
+    const h = Math.round(e * 255);
+    return [h, h, h];
   }
-  const s = (r % 360 + 360) % 360, n = (1 - Math.abs(2 * e - 1)) * t, c = n * (1 - Math.abs(s / 60 % 2 - 1)), h = e - n / 2;
+  const r = (s % 360 + 360) % 360, n = (1 - Math.abs(2 * e - 1)) * t, c = n * (1 - Math.abs(r / 60 % 2 - 1)), u = e - n / 2;
   let o = 0, a = 0, i = 0;
-  return s < 60 ? (o = n, a = c, i = 0) : s < 120 ? (o = c, a = n, i = 0) : s < 180 ? (o = 0, a = n, i = c) : s < 240 ? (o = 0, a = c, i = n) : s < 300 ? (o = c, a = 0, i = n) : (o = n, a = 0, i = c), [
-    Math.round((o + h) * 255),
-    Math.round((a + h) * 255),
-    Math.round((i + h) * 255)
+  return r < 60 ? (o = n, a = c, i = 0) : r < 120 ? (o = c, a = n, i = 0) : r < 180 ? (o = 0, a = n, i = c) : r < 240 ? (o = 0, a = c, i = n) : r < 300 ? (o = c, a = 0, i = n) : (o = n, a = 0, i = c), [
+    Math.round((o + u) * 255),
+    Math.round((a + u) * 255),
+    Math.round((i + u) * 255)
   ];
-}, p = (r) => /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.test(r), M = (r) => {
-  const t = r.trim().toLowerCase();
+}, p = (s) => /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.test(s), M = (s) => {
+  const t = s.trim().toLowerCase();
   if (t.startsWith("#") || /^[0-9a-f]{3}([0-9a-f]{3})?$/.test(t))
     return p(t) ? l(t) : void 0;
   if (t.startsWith("rgb")) {
-    const s = t.match(
+    const r = t.match(
       /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*[\d.]+\s*)?\)/
     );
-    return s ? d(
-      Number.parseInt(s[1], 10),
-      Number.parseInt(s[2], 10),
-      Number.parseInt(s[3], 10)
+    return r ? d(
+      Number.parseInt(r[1], 10),
+      Number.parseInt(r[2], 10),
+      Number.parseInt(r[3], 10)
     ) : void 0;
   }
   if (t.startsWith("hsl")) {
-    const s = t.match(
+    const r = t.match(
       /hsla?\(\s*(\d+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%\s*(?:,\s*[\d.]+\s*)?\)/
     );
-    if (!s) return;
-    const n = Number.parseInt(s[1], 10), c = Number.parseFloat(s[2]) / 100, h = Number.parseFloat(s[3]) / 100, [o, a, i] = b(n, c, h);
+    if (!r) return;
+    const n = Number.parseInt(r[1], 10), c = Number.parseFloat(r[2]) / 100, u = Number.parseFloat(r[3]) / 100, [o, a, i] = b(n, c, u);
     return d(o, a, i);
   }
   const e = f[t];

package/dist/index.d.ts

@@ -94,6 +94,6 @@ export declare const normaliseColour: (value: string) => string | undefined;
 /**
  * Convert RGB channel values (0–255) to a `#rrggbb` hex string.
  */
-export declare const rgbToHex: (r: number, g: number, b: number) => string;
+export declare const rgbToHex: (...args: [r: number, g: number, b: number] | [[number, number, number]]) => string;
 
 export { }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unmade/svg-helpers",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Set of helper functions for working with SVG content",
   "type": "module",
   "main": "./dist/colours.cjs",