code review

Author: avivkeller

packages/ui-components/Common/DataTag/index.module.css

@@ -23,7 +23,7 @@
   }
 
   &.event {
-    @apply bg-purple-600;
+    @apply bg-accent1-600;
   }
 
   &.method {
@@ -47,6 +47,6 @@
   }
 
   &.ctor {
-    @apply bg-pink-600;
+    @apply bg-accent2-600;
   }
 }

packages/ui-components/Common/DataTag/index.stories.tsx

@@ -11,7 +11,11 @@ export const DataTags: Story = {
       {['event', 'method', 'property', 'class', 'module', 'classMethod', 'ctor']
         .map(kind =>
           ['sm', 'md', 'lg'].map(size => (
-            <div key={`${kind}-${size}`} className="flex justify-center">
+            <div
+              key={`${kind}-${size}`}
+              className="flex justify-center"
+              title={kind}
+            >
               <DataTag
                 kind={kind as DataTagProps['kind']}
                 size={size as DataTagProps['size']}