fix: use "HSL" instead of "HLS" color format

oliverschwendener · Jul 26, 2024 · 936a038 · 936a038
1 parent 072b1fd
commit 936a038
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 9 deletions.
diff --git a/src/main/Extensions/ColorConverter/ColorConverterExtension.test.ts b/src/main/Extensions/ColorConverter/ColorConverterExtension.test.ts
@@ -39,7 +39,7 @@ describe(ColorConverterExtension, () => {
             expect(colorConverterExtension.getSettingDefaultValue("key")).toEqual(undefined));
 
         it("should return the default formats when passing 'formats' as key", () =>
-            expect(colorConverterExtension.getSettingDefaultValue("formats")).toEqual(["HEX", "HLS", "RGB"]));
+            expect(colorConverterExtension.getSettingDefaultValue("formats")).toEqual(["HEX", "HSL", "RGB"]));
     });
 
     describe(ColorConverterExtension.prototype.isSupported, () =>
@@ -68,7 +68,7 @@ describe(ColorConverterExtension, () => {
             const colorConverter = <ColorConverter>{
                 convertFromString: vi.fn().mockReturnValue(<ColorConversionResult[]>[
                     { format: "HEX", value: "#FFFFFF" },
-                    { format: "HLS", value: "hsl(0, 0%, 100%)" },
+                    { format: "HSL", value: "hsl(0, 0%, 100%)" },
                     { format: "RGB", value: "rgb(255, 255, 255)" },
                 ]),
             };

diff --git a/src/main/Extensions/ColorConverter/ColorConverterExtension.ts b/src/main/Extensions/ColorConverter/ColorConverterExtension.ts
@@ -23,7 +23,7 @@ export class ColorConverterExtension implements Extension {
     };
 
     private readonly defaultSettings = {
-        formats: ["HEX", "HLS", "RGB"],
+        formats: ["HEX", "HSL", "RGB"],
     };
 
     public constructor(

diff --git a/src/main/Extensions/ColorConverter/QixColorConverter.test.ts b/src/main/Extensions/ColorConverter/QixColorConverter.test.ts
@@ -22,27 +22,27 @@ describe(QixColorConverter, () => {
         it("should be able to parse hex colors", () => {
             expect(new QixColorConverter().convertFromString("#fff")).toEqual(<ColorConversionResult[]>[
                 { format: "HEX", value: "#FFFFFF" },
-                { format: "HLS", value: "hsl(0, 0%, 100%)" },
+                { format: "HSL", value: "hsl(0, 0%, 100%)" },
                 { format: "RGB", value: "rgb(255, 255, 255)" },
             ]);
 
             expect(new QixColorConverter().convertFromString("#ffffff")).toEqual(<ColorConversionResult[]>[
                 { format: "HEX", value: "#FFFFFF" },
-                { format: "HLS", value: "hsl(0, 0%, 100%)" },
+                { format: "HSL", value: "hsl(0, 0%, 100%)" },
                 { format: "RGB", value: "rgb(255, 255, 255)" },
             ]);
         });
 
         it("should be able to parse rgb colors", () => {
             expect(new QixColorConverter().convertFromString("rgb(255,255,255)")).toEqual(<ColorConversionResult[]>[
                 { format: "HEX", value: "#FFFFFF" },
-                { format: "HLS", value: "hsl(0, 0%, 100%)" },
+                { format: "HSL", value: "hsl(0, 0%, 100%)" },
                 { format: "RGB", value: "rgb(255, 255, 255)" },
             ]);
 
             expect(new QixColorConverter().convertFromString("rgba(255,255,255,1)")).toEqual(<ColorConversionResult[]>[
                 { format: "HEX", value: "#FFFFFF" },
-                { format: "HLS", value: "hsl(0, 0%, 100%)" },
+                { format: "HSL", value: "hsl(0, 0%, 100%)" },
                 { format: "RGB", value: "rgb(255, 255, 255)" },
             ]);
         });

diff --git a/src/main/Extensions/ColorConverter/QixColorConverter.ts b/src/main/Extensions/ColorConverter/QixColorConverter.ts
@@ -12,7 +12,7 @@ export class QixColorConverter implements ColorConverter {
 
         return [
             { format: "HEX", value: color.hex() },
-            { format: "HLS", value: color.hsl().string() },
+            { format: "HSL", value: color.hsl().string() },
             { format: "RGB", value: color.rgb().string() },
         ];
     }

diff --git a/src/renderer/Extensions/ColorConverter/ColorConverterSettings.tsx b/src/renderer/Extensions/ColorConverter/ColorConverterSettings.tsx
@@ -9,7 +9,7 @@ export const ColorConverterSettings = () => {
     const extensionId = "ColorConverter";
     const { t } = useTranslation(`extension[${extensionId}]`);
 
-    const allFormats = ["HEX", "HLS", "RGB"];
+    const allFormats = ["HEX", "HSL", "RGB"];
 
     const { value: enabledFormats, updateValue: setEnabledFormats } = useExtensionSetting<string[]>({
         extensionId,