From 85e6198db3bf58afbf3ebf1e256fa4c8ae1c6785 Mon Sep 17 00:00:00 2001
From: Meriemu <me.achemlal@gmail.com>
Date: Fri, 9 Aug 2024 15:53:18 +0200
Subject: [PATCH] feat(redmine 1306612): correction to color contrast (#208)

* feat(redmine 1306612): correction to color contrast
---
 .changeset/curvy-zoos-stare.md                              | 5 +++++
 .../src/Components/CardHeader/CardHeader.stories.tsx        | 2 +-
 .../src/Components/DataBadge/DataBadge.stories.tsx          | 6 +++++-
 3 files changed, 11 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/curvy-zoos-stare.md

diff --git a/.changeset/curvy-zoos-stare.md b/.changeset/curvy-zoos-stare.md
new file mode 100644
index 00000000..9d1b8b60
--- /dev/null
+++ b/.changeset/curvy-zoos-stare.md
@@ -0,0 +1,5 @@
+---
+'@smile/haring-react': minor
+---
+
+make corrections to color contrasts
diff --git a/packages/haring-react/src/Components/CardHeader/CardHeader.stories.tsx b/packages/haring-react/src/Components/CardHeader/CardHeader.stories.tsx
index cdbda636..06d3f6c9 100644
--- a/packages/haring-react/src/Components/CardHeader/CardHeader.stories.tsx
+++ b/packages/haring-react/src/Components/CardHeader/CardHeader.stories.tsx
@@ -27,7 +27,7 @@ const meta = {
               </Badge>
             </Group>
 
-            <Text color="dimmed" size="sm">
+            <Text c="dark.3" size="sm">
               With Fjord Tours you can explore more of the magical fjord
               landscapes with tours and activities on and around the fjords of
               Norway
diff --git a/packages/haring-react/src/Components/DataBadge/DataBadge.stories.tsx b/packages/haring-react/src/Components/DataBadge/DataBadge.stories.tsx
index 12c10745..a9745c02 100644
--- a/packages/haring-react/src/Components/DataBadge/DataBadge.stories.tsx
+++ b/packages/haring-react/src/Components/DataBadge/DataBadge.stories.tsx
@@ -1,11 +1,15 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
+import { DEFAULT_THEME } from '@mantine/core';
+
 import { DataBadge as Cmp } from './DataBadge';
 
+const colorOptions = Object.keys(DEFAULT_THEME.colors);
 const meta = {
   argTypes: {
     color: {
-      control: { type: 'color' },
+      control: 'select',
+      options: colorOptions,
     },
   },
   component: Cmp,