feat: SW-276 SW-565 Updated UI

2024-10-09 12:21:13 +02:00
parent 9dbd10afdd
commit ad42440817
10 changed files with 268 additions and 91 deletions
--- a/components/TempDesignSystem/Button/button.module.css
+++ b/components/TempDesignSystem/Button/button.module.css
@@ -56,6 +56,12 @@ a.text {
  outline: none;
 }

+.elevated,
+a.elevated {
+  border: none;
+  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
+}
+
 /* VARIANTS */
 .default,
 a.default {
--- a/components/TempDesignSystem/Button/variants.ts
+++ b/components/TempDesignSystem/Button/variants.ts
@@ -10,6 +10,7 @@ export const buttonVariants = cva(styles.btn, {
      secondary: styles.secondary,
      tertiary: styles.tertiary,
      text: styles.text,
+      elevated: styles.elevated,
    },
    size: {
      small: styles.small,
--- a/components/TempDesignSystem/Text/Caption/caption.module.css
+++ b/components/TempDesignSystem/Text/Caption/caption.module.css
@@ -10,7 +10,7 @@ p.caption {
 .bold {
  font-family: var(--typography-Caption-Bold-fontFamily);
  font-size: var(--typography-Caption-Bold-fontSize);
-  font-weight: var(--typography-Caption-Bold-fontWeight);
+  font-weight: 500; /* var(--typography-Caption-Bold-fontWeight); /* Commented till figma values are fixed to 500 instead of medium */
  letter-spacing: var(--typography-Caption-Bold-letterSpacing);
  line-height: var(--typography-Caption-Bold-lineHeight);
  text-decoration: var(--typography-Caption-Bold-textDecoration);