Merge pull request #608 from juntossomosmais/feat/add-turquesa-color

feat: add turquoise color
juntossomosmais · Jan 12, 2023 · 3207950 · 3207950
2 parents 8ec5958 + 30c4931
commit 3207950
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/packages/core/storybook/stories/2_Colors.stories.mdx b/packages/core/storybook/stories/2_Colors.stories.mdx
@@ -73,6 +73,16 @@ This is the contextual colors, is important use it to easily change a theme and
       'var(--color-contextual-warning-light-2)',
     ]}
   />
+  <ColorItem
+    title="Info"
+    subtitle="Used to communicate informational messages."
+    colors={[
+      'var(--color-contextual-info-dark-1)',
+      'var(--color-contextual-info-regular)',
+      'var(--color-contextual-info-light-1)',
+      'var( --color-contextual-info-light-2)',
+    ]}
+  />
   <ColorItem
     title="Disabled"
     subtitle="Used just in disabled states"

diff --git a/packages/styles/global/variables.scss b/packages/styles/global/variables.scss
@@ -44,6 +44,10 @@
   --color-contextual-warning-regular: #ffc900;
   --color-contextual-warning-light-1: #ffda52;
   --color-contextual-warning-light-2: #fff4cc;
+  --color-contextual-info-dark-1: #0A6171;
+  --color-contextual-info-regular: #0D8296;
+  --color-contextual-info-light-1: #10A2BC;
+  --color-contextual-info-light-2: #E3F9FD;
 
   /* Fonts
   * ------------------------- */