feat(Panel): Clockface 4 Updates

influxdata · Nov 6, 2022 · 7c47667 · 7c47667
1 parent e17dc04
commit 7c47667
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/src/Components/Icon/Composed/Bullet.scss b/src/Components/Icon/Composed/Bullet.scss
@@ -8,13 +8,12 @@
 .cf-bullet {
   user-select: none;
   border-radius: 50%;
-  background-color: $g2-kevlar;
+  background-color: $cf-lavender;
   font-weight: $cf-font-weight--bold;
   text-align: center;
   display: inline-flex;
   justify-content: center;
   align-items: center;
-  color: $c-honeydew;
 }
 
 /*

diff --git a/src/Components/Panel/Family/Panel.tsx b/src/Components/Panel/Family/Panel.tsx
@@ -49,7 +49,7 @@ export const PanelRoot = forwardRef<PanelRef, PanelProps>(
       children,
       className,
       onDismiss,
-      backgroundColor = InfluxColors.Castle,
+      backgroundColor = InfluxColors.Grey2,
       dismissButtonColor = ComponentColor.Primary,
     },
     ref

diff --git a/src/Types/index.tsx b/src/Types/index.tsx
@@ -199,6 +199,10 @@ export enum InfluxColors {
 
   // Grey
   Grey1 = '#0e101f',
+  Grey2 = '#1a1c2b',
+  Grey3 = '#232533',
+  Grey4 = '#4b4f62',
+  Grey6 = '#c2c5db',
   Grey5 = '#07070e',
   Grey15 = '#1a1a2a',
   Grey25 = '#333346',