chore: more core style (Card/Button/Link) (#2604)

marigold-ui · Oct 28, 2022 · 0e923cc · 0e923cc
1 parent 26e2989
commit 0e923cc
Show file tree

Hide file tree

Showing 9 changed files with 21 additions and 2 deletions.
diff --git a/.changeset/calm-jokes-hope.md b/.changeset/calm-jokes-hope.md
@@ -0,0 +1,5 @@
+---
+"@marigold/theme-core": patch
+---
+
+chore: more core style (Card/Button/Link)
diff --git a/themes/theme-core/src/components/Body.style.ts b/themes/theme-core/src/components/Body.style.ts
@@ -0,0 +1,7 @@
+import type { Theme } from '@marigold/components';
+
+export const Body: Theme['components']['Body'] = {
+  base: {
+    m: 'none',
+  },
+};
diff --git a/themes/theme-core/src/components/Button.style.ts b/themes/theme-core/src/components/Button.style.ts
@@ -71,7 +71,7 @@ export const Button: Theme['components']['Button'] = {
       },
     },
     link: {
-      color: 'text',
+      color: '#990000',
       border: 'none',
       bg: 'none',
       '&:hover': {

diff --git a/themes/theme-core/src/components/Card.style.ts b/themes/theme-core/src/components/Card.style.ts
@@ -2,6 +2,7 @@ import type { Theme } from '@marigold/components';
 
 export const Card: Theme['components']['Card'] = {
   base: {
+    position: 'relative',
     bg: '#fafaf8',
     borderRadius: '5px',
     p: 'xsmall',

diff --git a/themes/theme-core/src/components/Headline.style.ts b/themes/theme-core/src/components/Headline.style.ts
@@ -10,6 +10,7 @@ export const Headline: Theme['components']['Headline'] = {
     },
     'level-2': {
       fontSize: 'large',
+      mb: 'medium',
     },
     'level-3': {
       fontSize: 'medium',

diff --git a/themes/theme-core/src/components/Link.style.ts b/themes/theme-core/src/components/Link.style.ts
@@ -4,7 +4,7 @@ export const Link: Theme['components']['Link'] = {
   base: {
     color: '#900',
     '&:hover, &:visited': {
-      textDecoration: 'underline',
+      textDecoration: 'none',
       cursor: 'pointer',
     },
     '&:disabled': {

diff --git a/themes/theme-core/src/components/Text.style.ts b/themes/theme-core/src/components/Text.style.ts
@@ -9,5 +9,8 @@ export const Text: Theme['components']['Text'] = {
     bold: {
       fontWeight: 'bold',
     },
+    muted: {
+      color: 'gray40',
+    },
   },
 };
diff --git a/themes/theme-core/src/components/index.ts b/themes/theme-core/src/components/index.ts
@@ -1,4 +1,5 @@
 export * from './Badge.style';
+export * from './Body.style';
 export * from './Button.style';
 export * from './Card.style';
 export * from './Checkbox.style';

diff --git a/themes/theme-core/src/index.ts b/themes/theme-core/src/index.ts
@@ -29,6 +29,7 @@ const theme: Theme = {
   },
   colors: {
     ...colors,
+    none: 'transparent',
     text: '#511e04',
     background: colors.gray10,
     primary: colors.orange60,