@qeetrix/icons 1.0.2 → 1.0.3

package/dist/icons/travel/truck.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function Truck({ variant = "outline", ...props }) {
     if (variant === "solid") {
-        return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_4418_8281)", children: [_jsx("path", { d: "M14 2.92V11.23C14 12.25 13.17 13.08 12.15 13.08H3C2.45 13.08 2 12.63 2 12.08V5.69C2 3.65 3.65 2 5.69 2H13.07C13.59 2 14 2.41 14 2.92Z", fill: "white" }), _jsx("path", { d: "M21.5 15.5C21.78 15.5 22 15.72 22 16V17C22 18.66 20.66 20 19 20C19 18.35 17.65 17 16 17C14.35 17 13 18.35 13 20H11C11 18.35 9.65 17 8 17C6.35 17 5 18.35 5 20C3.34 20 2 18.66 2 17V15C2 14.45 2.45 14 3 14H12.5C13.88 14 15 12.88 15 11.5V6C15 5.45 15.45 5 16 5H16.84C17.56 5 18.22 5.39 18.58 6.01L19.22 7.13C19.31 7.29 19.19 7.5 19 7.5C17.62 7.5 16.5 8.62 16.5 10V13C16.5 14.38 17.62 15.5 19 15.5H21.5Z", fill: "white" }), _jsx("path", { d: "M8 22C9.10457 22 10 21.1046 10 20C10 18.8954 9.10457 18 8 18C6.89543 18 6 18.8954 6 20C6 21.1046 6.89543 22 8 22Z", fill: "white" }), _jsx("path", { d: "M16 22C17.1046 22 18 21.1046 18 20C18 18.8954 17.1046 18 16 18C14.8954 18 14 18.8954 14 20C14 21.1046 14.8954 22 16 22Z", fill: "white" }), _jsx("path", { d: "M22 12.53V14H19C18.45 14 18 13.55 18 13V10C18 9.45 18.45 9 19 9H20.29L21.74 11.54C21.91 11.84 22 12.18 22 12.53Z", fill: "white" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_4418_8281", children: _jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
+        return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_4418_8281)", children: [_jsx("path", { d: "M14 2.92V11.23C14 12.25 13.17 13.08 12.15 13.08H3C2.45 13.08 2 12.63 2 12.08V5.69C2 3.65 3.65 2 5.69 2H13.07C13.59 2 14 2.41 14 2.92Z", fill: "currentColor" }), _jsx("path", { d: "M21.5 15.5C21.78 15.5 22 15.72 22 16V17C22 18.66 20.66 20 19 20C19 18.35 17.65 17 16 17C14.35 17 13 18.35 13 20H11C11 18.35 9.65 17 8 17C6.35 17 5 18.35 5 20C3.34 20 2 18.66 2 17V15C2 14.45 2.45 14 3 14H12.5C13.88 14 15 12.88 15 11.5V6C15 5.45 15.45 5 16 5H16.84C17.56 5 18.22 5.39 18.58 6.01L19.22 7.13C19.31 7.29 19.19 7.5 19 7.5C17.62 7.5 16.5 8.62 16.5 10V13C16.5 14.38 17.62 15.5 19 15.5H21.5Z", fill: "currentColor" }), _jsx("path", { d: "M8 22C9.10457 22 10 21.1046 10 20C10 18.8954 9.10457 18 8 18C6.89543 18 6 18.8954 6 20C6 21.1046 6.89543 22 8 22Z", fill: "currentColor" }), _jsx("path", { d: "M16 22C17.1046 22 18 21.1046 18 20C18 18.8954 17.1046 18 16 18C14.8954 18 14 18.8954 14 20C14 21.1046 14.8954 22 16 22Z", fill: "currentColor" }), _jsx("path", { d: "M22 12.53V14H19C18.45 14 18 13.55 18 13V10C18 9.45 18.45 9 19 9H20.29L21.74 11.54C21.91 11.84 22 12.18 22 12.53Z", fill: "currentColor" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_4418_8281", children: _jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
     }
-    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_4418_7056)", children: [_jsx("path", { d: "M13 14.75H2C1.59 14.75 1.25 14.41 1.25 14V6C1.25 3.38 3.38 1.25 6 1.25H15C15.41 1.25 15.75 1.59 15.75 2V12C15.75 13.52 14.52 14.75 13 14.75ZM2.75 13.25H13C13.69 13.25 14.25 12.69 14.25 12V2.75H6C4.21 2.75 2.75 4.21 2.75 6V13.25Z", fill: "white" }), _jsx("path", { d: "M19 20.75H18C17.59 20.75 17.25 20.41 17.25 20C17.25 19.31 16.69 18.75 16 18.75C15.31 18.75 14.75 19.31 14.75 20C14.75 20.41 14.41 20.75 14 20.75H10C9.59 20.75 9.25 20.41 9.25 20C9.25 19.31 8.69 18.75 8 18.75C7.31 18.75 6.75 19.31 6.75 20C6.75 20.41 6.41 20.75 6 20.75H5C2.93 20.75 1.25 19.07 1.25 17V14C1.25 13.59 1.59 13.25 2 13.25H13C13.69 13.25 14.25 12.69 14.25 12V5C14.25 4.59 14.59 4.25 15 4.25H16.84C17.83 4.25 18.74 4.78001 19.23 5.64001L20.94 8.63C21.07 8.86 21.07 9.15 20.94 9.38C20.81 9.61 20.56 9.75 20.29 9.75H19C18.86 9.75 18.75 9.86 18.75 10V13C18.75 13.14 18.86 13.25 19 13.25H22C22.41 13.25 22.75 13.59 22.75 14V17C22.75 19.07 21.07 20.75 19 20.75ZM18.65 19.25H19C20.24 19.25 21.25 18.24 21.25 17V14.75H19C18.04 14.75 17.25 13.96 17.25 13V10C17.25 9.04 18.03 8.25 19 8.25L17.93 6.38C17.71 5.99 17.29 5.75 16.84 5.75H15.75V12C15.75 13.52 14.52 14.75 13 14.75H2.75V17C2.75 18.24 3.76 19.25 5 19.25H5.35001C5.68001 18.1 6.74 17.25 8 17.25C9.26 17.25 10.32 18.1 10.65 19.25H13.36C13.69 18.1 14.75 17.25 16.01 17.25C17.27 17.25 18.32 18.1 18.65 19.25Z", fill: "white" }), _jsx("path", { d: "M8 22.75C6.48 22.75 5.25 21.52 5.25 20C5.25 18.48 6.48 17.25 8 17.25C9.52 17.25 10.75 18.48 10.75 20C10.75 21.52 9.52 22.75 8 22.75ZM8 18.75C7.31 18.75 6.75 19.31 6.75 20C6.75 20.69 7.31 21.25 8 21.25C8.69 21.25 9.25 20.69 9.25 20C9.25 19.31 8.69 18.75 8 18.75Z", fill: "white" }), _jsx("path", { d: "M16 22.75C14.48 22.75 13.25 21.52 13.25 20C13.25 18.48 14.48 17.25 16 17.25C17.52 17.25 18.75 18.48 18.75 20C18.75 21.52 17.52 22.75 16 22.75ZM16 18.75C15.31 18.75 14.75 19.31 14.75 20C14.75 20.69 15.31 21.25 16 21.25C16.69 21.25 17.25 20.69 17.25 20C17.25 19.31 16.69 18.75 16 18.75Z", fill: "white" }), _jsx("path", { d: "M22 14.75H19C18.04 14.75 17.25 13.96 17.25 13V10C17.25 9.04 18.04 8.25 19 8.25H20.29C20.56 8.25 20.81 8.39 20.94 8.63L22.65 11.63C22.71 11.74 22.75 11.87 22.75 12V14C22.75 14.41 22.41 14.75 22 14.75ZM19 9.75C18.86 9.75 18.75 9.86 18.75 10V13C18.75 13.14 18.86 13.25 19 13.25H21.25V12.2L19.85 9.75H19Z", fill: "white" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_4418_7056", children: _jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
+    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_4418_7056)", children: [_jsx("path", { d: "M13 14.75H2C1.59 14.75 1.25 14.41 1.25 14V6C1.25 3.38 3.38 1.25 6 1.25H15C15.41 1.25 15.75 1.59 15.75 2V12C15.75 13.52 14.52 14.75 13 14.75ZM2.75 13.25H13C13.69 13.25 14.25 12.69 14.25 12V2.75H6C4.21 2.75 2.75 4.21 2.75 6V13.25Z", fill: "currentColor" }), _jsx("path", { d: "M19 20.75H18C17.59 20.75 17.25 20.41 17.25 20C17.25 19.31 16.69 18.75 16 18.75C15.31 18.75 14.75 19.31 14.75 20C14.75 20.41 14.41 20.75 14 20.75H10C9.59 20.75 9.25 20.41 9.25 20C9.25 19.31 8.69 18.75 8 18.75C7.31 18.75 6.75 19.31 6.75 20C6.75 20.41 6.41 20.75 6 20.75H5C2.93 20.75 1.25 19.07 1.25 17V14C1.25 13.59 1.59 13.25 2 13.25H13C13.69 13.25 14.25 12.69 14.25 12V5C14.25 4.59 14.59 4.25 15 4.25H16.84C17.83 4.25 18.74 4.78001 19.23 5.64001L20.94 8.63C21.07 8.86 21.07 9.15 20.94 9.38C20.81 9.61 20.56 9.75 20.29 9.75H19C18.86 9.75 18.75 9.86 18.75 10V13C18.75 13.14 18.86 13.25 19 13.25H22C22.41 13.25 22.75 13.59 22.75 14V17C22.75 19.07 21.07 20.75 19 20.75ZM18.65 19.25H19C20.24 19.25 21.25 18.24 21.25 17V14.75H19C18.04 14.75 17.25 13.96 17.25 13V10C17.25 9.04 18.03 8.25 19 8.25L17.93 6.38C17.71 5.99 17.29 5.75 16.84 5.75H15.75V12C15.75 13.52 14.52 14.75 13 14.75H2.75V17C2.75 18.24 3.76 19.25 5 19.25H5.35001C5.68001 18.1 6.74 17.25 8 17.25C9.26 17.25 10.32 18.1 10.65 19.25H13.36C13.69 18.1 14.75 17.25 16.01 17.25C17.27 17.25 18.32 18.1 18.65 19.25Z", fill: "currentColor" }), _jsx("path", { d: "M8 22.75C6.48 22.75 5.25 21.52 5.25 20C5.25 18.48 6.48 17.25 8 17.25C9.52 17.25 10.75 18.48 10.75 20C10.75 21.52 9.52 22.75 8 22.75ZM8 18.75C7.31 18.75 6.75 19.31 6.75 20C6.75 20.69 7.31 21.25 8 21.25C8.69 21.25 9.25 20.69 9.25 20C9.25 19.31 8.69 18.75 8 18.75Z", fill: "currentColor" }), _jsx("path", { d: "M16 22.75C14.48 22.75 13.25 21.52 13.25 20C13.25 18.48 14.48 17.25 16 17.25C17.52 17.25 18.75 18.48 18.75 20C18.75 21.52 17.52 22.75 16 22.75ZM16 18.75C15.31 18.75 14.75 19.31 14.75 20C14.75 20.69 15.31 21.25 16 21.25C16.69 21.25 17.25 20.69 17.25 20C17.25 19.31 16.69 18.75 16 18.75Z", fill: "currentColor" }), _jsx("path", { d: "M22 14.75H19C18.04 14.75 17.25 13.96 17.25 13V10C17.25 9.04 18.04 8.25 19 8.25H20.29C20.56 8.25 20.81 8.39 20.94 8.63L22.65 11.63C22.71 11.74 22.75 11.87 22.75 12V14C22.75 14.41 22.41 14.75 22 14.75ZM19 9.75C18.86 9.75 18.75 9.86 18.75 10V13C18.75 13.14 18.86 13.25 19 13.25H21.25V12.2L19.85 9.75H19Z", fill: "currentColor" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_4418_7056", children: _jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
 }

package/dist/icons/travel/wing-wing-fly-flight-aircraft-aerodynamics-wingspan.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function WingWingFlyFlightAircraftAerodynamicsWingspan({ variant: _variant = "solid", ...props }) {
-    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_4418_8949)", children: [_jsx("path", { d: "M16.8599 5H19.2099C19.3899 5 19.5499 5.1 19.6399 5.25L22.0499 9.45C22.1399 9.6 22.1399 9.79 22.0499 9.94L17.4099 18.24C17.2199 18.58 16.7399 18.58 16.5399 18.25L15.2799 16.14C15.1899 15.98 15.1899 15.79 15.2799 15.64L18.5399 9.94C18.6299 9.79 18.6299 9.6 18.5399 9.44L16.4099 5.74001C16.2399 5.42001 16.4799 5 16.8599 5Z", fill: "white" }), _jsx("path", { d: "M9.85989 5H12.2099C12.3899 5 12.5499 5.1 12.6399 5.25L15.0499 9.45C15.1399 9.6 15.1399 9.79 15.0499 9.94L10.4099 18.24C10.2199 18.58 9.73991 18.58 9.53991 18.25L8.2799 16.14C8.1899 15.98 8.1899 15.79 8.2799 15.64L11.5399 9.94C11.6299 9.79 11.6299 9.6 11.5399 9.44L9.40991 5.74001C9.23991 5.42001 9.47989 5 9.85989 5Z", fill: "white" }), _jsx("path", { d: "M1.80005 5H5.01007C5.19007 5 5.36007 5.1 5.45007 5.25L7.87006 9.53999C7.96006 9.68999 7.96006 9.87999 7.87006 10.04L6.75006 11.96C6.56006 12.29 6.08008 12.29 5.89008 11.96L1.80005 5Z", fill: "white" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_4418_8949", children: _jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
+    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_4418_8949)", children: [_jsx("path", { d: "M16.8599 5H19.2099C19.3899 5 19.5499 5.1 19.6399 5.25L22.0499 9.45C22.1399 9.6 22.1399 9.79 22.0499 9.94L17.4099 18.24C17.2199 18.58 16.7399 18.58 16.5399 18.25L15.2799 16.14C15.1899 15.98 15.1899 15.79 15.2799 15.64L18.5399 9.94C18.6299 9.79 18.6299 9.6 18.5399 9.44L16.4099 5.74001C16.2399 5.42001 16.4799 5 16.8599 5Z", fill: "currentColor" }), _jsx("path", { d: "M9.85989 5H12.2099C12.3899 5 12.5499 5.1 12.6399 5.25L15.0499 9.45C15.1399 9.6 15.1399 9.79 15.0499 9.94L10.4099 18.24C10.2199 18.58 9.73991 18.58 9.53991 18.25L8.2799 16.14C8.1899 15.98 8.1899 15.79 8.2799 15.64L11.5399 9.94C11.6299 9.79 11.6299 9.6 11.5399 9.44L9.40991 5.74001C9.23991 5.42001 9.47989 5 9.85989 5Z", fill: "currentColor" }), _jsx("path", { d: "M1.80005 5H5.01007C5.19007 5 5.36007 5.1 5.45007 5.25L7.87006 9.53999C7.96006 9.68999 7.96006 9.87999 7.87006 10.04L6.75006 11.96C6.56006 12.29 6.08008 12.29 5.89008 11.96L1.80005 5Z", fill: "currentColor" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_4418_8949", children: _jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
 }

package/dist/icons/travel/wing-wing.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function WingWing({ variant: _variant = "outline", ...props }) {
-    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_4418_7750)", children: [_jsx("path", { d: "M17.0001 19.7502C16.7401 19.7502 16.4901 19.6102 16.3601 19.3802L14.5101 16.2802C14.3701 16.0502 14.3701 15.7602 14.5001 15.5202L17.8401 9.69023L15.3501 5.36023C15.2201 5.13023 15.2201 4.84023 15.3501 4.61023C15.4801 4.38023 15.7301 4.24023 16.0001 4.24023H19.5001C19.7701 4.24023 20.0201 4.38022 20.1501 4.62022L22.8501 9.32024C22.9801 9.55024 22.9801 9.83023 22.8501 10.0602L17.6501 19.3602C17.5201 19.5902 17.2701 19.7402 17.0101 19.7402C17.0101 19.7502 17.0001 19.7502 17.0001 19.7502ZM16.0201 15.8902L16.9801 17.5002L21.3401 9.70023L19.0701 5.74023H17.3001L19.3501 9.32024C19.4801 9.55024 19.4801 9.84024 19.3501 10.0702L16.0201 15.8902Z", fill: "white" }), _jsx("path", { d: "M10.0001 19.7502C9.74009 19.7502 9.49007 19.6102 9.36007 19.3802L7.5101 16.2802C7.3701 16.0502 7.37009 15.7602 7.50009 15.5202L10.8401 9.69023L8.35009 5.36023C8.22009 5.13023 8.22009 4.84023 8.35009 4.61023C8.48009 4.38023 8.73009 4.24023 9.00009 4.24023H12.5001C12.7701 4.24023 13.0201 4.38022 13.1501 4.62022L15.8501 9.32024C15.9801 9.55024 15.9801 9.83023 15.8501 10.0602L10.6501 19.3602C10.5201 19.5902 10.2701 19.7402 10.0101 19.7402C10.0101 19.7502 10.0001 19.7502 10.0001 19.7502ZM9.02008 15.8902L9.9801 17.5002L14.3401 9.70023L12.0701 5.74023H10.3001L12.3501 9.32024C12.4801 9.55024 12.4801 9.84024 12.3501 10.0702L9.02008 15.8902Z", fill: "white" }), _jsx("path", { d: "M6.29992 13.45C6.02992 13.45 5.78992 13.31 5.64992 13.08L1.14992 5.38C1.00992 5.15 1.00992 4.86 1.14992 4.63C1.27992 4.4 1.52992 4.25 1.79992 4.25H5.29992C5.56992 4.25 5.81994 4.4 5.94994 4.63L8.64992 9.42999C8.77992 9.65999 8.77994 9.94999 8.63994 10.18L6.93993 13.08C6.80993 13.31 6.56992 13.45 6.29992 13.45ZM3.10991 5.75L6.29992 11.22L7.12993 9.8L4.85991 5.75999H3.10991V5.75Z", fill: "white" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_4418_7750", children: _jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
+    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_4418_7750)", children: [_jsx("path", { d: "M17.0001 19.7502C16.7401 19.7502 16.4901 19.6102 16.3601 19.3802L14.5101 16.2802C14.3701 16.0502 14.3701 15.7602 14.5001 15.5202L17.8401 9.69023L15.3501 5.36023C15.2201 5.13023 15.2201 4.84023 15.3501 4.61023C15.4801 4.38023 15.7301 4.24023 16.0001 4.24023H19.5001C19.7701 4.24023 20.0201 4.38022 20.1501 4.62022L22.8501 9.32024C22.9801 9.55024 22.9801 9.83023 22.8501 10.0602L17.6501 19.3602C17.5201 19.5902 17.2701 19.7402 17.0101 19.7402C17.0101 19.7502 17.0001 19.7502 17.0001 19.7502ZM16.0201 15.8902L16.9801 17.5002L21.3401 9.70023L19.0701 5.74023H17.3001L19.3501 9.32024C19.4801 9.55024 19.4801 9.84024 19.3501 10.0702L16.0201 15.8902Z", fill: "currentColor" }), _jsx("path", { d: "M10.0001 19.7502C9.74009 19.7502 9.49007 19.6102 9.36007 19.3802L7.5101 16.2802C7.3701 16.0502 7.37009 15.7602 7.50009 15.5202L10.8401 9.69023L8.35009 5.36023C8.22009 5.13023 8.22009 4.84023 8.35009 4.61023C8.48009 4.38023 8.73009 4.24023 9.00009 4.24023H12.5001C12.7701 4.24023 13.0201 4.38022 13.1501 4.62022L15.8501 9.32024C15.9801 9.55024 15.9801 9.83023 15.8501 10.0602L10.6501 19.3602C10.5201 19.5902 10.2701 19.7402 10.0101 19.7402C10.0101 19.7502 10.0001 19.7502 10.0001 19.7502ZM9.02008 15.8902L9.9801 17.5002L14.3401 9.70023L12.0701 5.74023H10.3001L12.3501 9.32024C12.4801 9.55024 12.4801 9.84024 12.3501 10.0702L9.02008 15.8902Z", fill: "currentColor" }), _jsx("path", { d: "M6.29992 13.45C6.02992 13.45 5.78992 13.31 5.64992 13.08L1.14992 5.38C1.00992 5.15 1.00992 4.86 1.14992 4.63C1.27992 4.4 1.52992 4.25 1.79992 4.25H5.29992C5.56992 4.25 5.81994 4.4 5.94994 4.63L8.64992 9.42999C8.77992 9.65999 8.77994 9.94999 8.63994 10.18L6.93993 13.08C6.80993 13.31 6.56992 13.45 6.29992 13.45ZM3.10991 5.75L6.29992 11.22L7.12993 9.8L4.85991 5.75999H3.10991V5.75Z", fill: "currentColor" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_4418_7750", children: _jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
 }

package/dist/index.d.ts

@@ -15,6 +15,13 @@
  *   <Activity width={20} height={20} />
  *   <Activity className="size-5" />
  *
+ * Colour is white by default, matching the source artwork, and retints from the
+ * `color` prop or any CSS that sets `color` — which is what makes dark and light
+ * mode work:
+ *
+ *   <Activity color="black" />
+ *   <Activity className="text-black dark:text-white" />
+ *
  * Every export is side-effect free (`sideEffects: false`), so a bundler drops
  * every icon a consumer does not import.
  */

package/dist/index.js

@@ -15,6 +15,13 @@
  *   <Activity width={20} height={20} />
  *   <Activity className="size-5" />
  *
+ * Colour is white by default, matching the source artwork, and retints from the
+ * `color` prop or any CSS that sets `color` — which is what makes dark and light
+ * mode work:
+ *
+ *   <Activity color="black" />
+ *   <Activity className="text-black dark:text-white" />
+ *
  * Every export is side-effect free (`sideEffects: false`), so a bundler drops
  * every icon a consumer does not import.
  */

package/dist/types.d.ts

@@ -5,13 +5,30 @@ export type IconVariant = "outline" | "solid";
  * Props accepted by every Qeetrix icon component.
  *
  * A thin extension of `SVGProps<SVGSVGElement>`: anything valid on an `<svg>`
- * element is valid here — `className`, `style`, `width`, `height`, `fill`,
+ * element is valid here — `className`, `style`, `width`, `height`, `color`,
  * every `aria-*` attribute and every event handler. Props spread onto the root
- * `<svg>` last, so they override the values baked into the source SVG.
+ * `<svg>` last, so they override the defaults baked into the component.
  *
- * Named `QeetrixIconProps` rather than `IconProps` because `@qeetrix/ui`
- * already exports an `IconProps`. Distinct names let a consumer re-export both
- * packages from one barrel.
+ * ## Colour
+ *
+ * Icons are drawn in white by default, matching the source artwork, and all
+ * visible geometry paints `currentColor`. The root carries `color="white"` as
+ * the default, so a single knob retints the whole glyph:
+ *
+ * ```tsx
+ * <Activity />                                    // white, as drawn
+ * <Activity color="black" />                      // any CSS colour
+ * <Activity className="text-red-500" />           // a utility class
+ * <Activity className="text-black dark:text-white" />   // dark / light mode
+ * <Activity color="currentColor" />               // inherit surrounding text
+ * ```
+ *
+ * `color` is a presentation attribute, which CSS outranks — so a `className` or
+ * stylesheet rule beats the white default without needing `!important`.
+ *
+ * Note that `fill` is *not* the knob to reach for: visible paths carry their own
+ * `fill="currentColor"`, and an explicit fill on a child beats an inherited one
+ * from the root, so setting `fill` on the icon has no effect on the artwork.
  *
  * Individual components narrow `variant` to the styles they actually ship, so a
  * solid-only icon rejects `variant="outline"` at the type level.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qeetrix/icons",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "private": false,
   "description": "Qeetrix Icons — the Qeet Group icon library. Outline icons on a 24×24 grid, generated from canonical SVG.",
   "license": "MIT",