fix: incorrect toHex value (#236)

* add failing test

* add other scenario

* fix to hex

* copy readme

* bump versions

Author: ricokahler

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "color2k",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "private": true,
   "description": "a color parsing and manipulation lib served in roughly 2kB",
   "repository": {

package.json

@@ -69,6 +69,14 @@ async function main() {
     JSON.stringify(publishPackageJson, null, 2)
   );
 
+  const readme = await fs.promises.readFile(
+    path.resolve(__dirname, '../README.md')
+  );
+  await fs.promises.writeFile(
+    path.resolve(__dirname, '../dist/README.md'),
+    readme
+  );
+
   console.log('DONE!');
 }
 

scripts/build.ts

@@ -1,4 +1,5 @@
 import toHex from './toHex';
+import darken from './darken';
 
 it("takes in any color and returns it's hex code", () => {
   expect(toHex('palevioletred')).toMatchInlineSnapshot(`"#db7093"`);
@@ -15,3 +16,12 @@ test('rgba no transparency', () => {
 test('hsla w/ transparency', () => {
   expect(toHex('rgba(0, 255, 0, 0.5)')).toMatchInlineSnapshot(`"#00ff0080"`);
 });
+
+test('https://github.com/ricokahler/color2k/issues/235', () => {
+  expect(darken('#b00020', 0.2)).toMatchInlineSnapshot(
+    `"hsla(349, 100%, 15%, 1)"`
+  );
+  expect(toHex(darken('#b00020', 0.2))).toMatchInlineSnapshot(`"#4d000e"`);
+
+  expect(toHex('#03dac5')).toMatchInlineSnapshot(`"#03dac5"`);
+});

src/toHex.test.ts

@@ -6,7 +6,7 @@ import guard from './guard';
  */
 function toHex(color: string): string {
   const [r, g, b, a] = parseToRgba(color);
-  const hex = (x: number) => guard(0, 255, x).toString(16).padEnd(2, '0');
+  const hex = (x: number) => guard(0, 255, x).toString(16).padStart(2, '0');
   return `#${hex(r)}${hex(g)}${hex(b)}${a < 1 ? hex(Math.round(a * 255)) : ''}`;
 }