Added null checking on parsed color

microsoft · Feb 11, 2021 · 5fe109b · 5fe109b
1 parent 10ea204
commit 5fe109b
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/web-components/src/design-system-provider/index.ts b/packages/web-components/src/design-system-provider/index.ts
@@ -84,7 +84,10 @@ export class FluentDesignSystemProvider extends DesignSystemProvider
   })
   public neutralBaseColor: string;
   protected neutralBaseColorChanged(oldValue: string, newValue: string): void {
-    this.neutralPalette = createColorPalette(parseColorHexRGB(newValue));
+    const color = parseColorHexRGB(newValue);
+    if (color) {
+      this.neutralPalette = createColorPalette(color);
+    }
   }
 
   @designSystemProperty({
@@ -94,7 +97,10 @@ export class FluentDesignSystemProvider extends DesignSystemProvider
   })
   public accentBaseColor: string;
   protected accentBaseColorChanged(oldValue: string, newValue: string): void {
-    this.accentPalette = createColorPalette(parseColorHexRGB(newValue));
+    const color = parseColorHexRGB(newValue);
+    if (color) {
+      this.accentPalette = createColorPalette(color);
+    }
   }
 
   @designSystemProperty({