Merged in fix/BOOK-293-button-variants (pull request #3371)

fix(BOOK-293): changed variants and props on IconButton component

* fix(BOOK-293): changed variants and props on IconButton component

* fix(BOOK-293): inherit color for icon


Approved-by: Bianca Widstam
Approved-by: Christel Westerberg

apps/scandic-web/components/DigitalTeamMemberCard/EmployeeBenefits/CallToActions/index.tsx

@@ -33,7 +33,7 @@ export default async function EmployeeBenefitsCallToActions() {
               })}
             </p>
           </Typography>
-          <ButtonLink href={loginAndLinkURL} size="Medium" variant="Tertiary">
+          <ButtonLink href={loginAndLinkURL} size="md" variant="Tertiary">
             {intl.formatMessage({
               id: "dtmc.logInAndLinkEmployment",
               defaultMessage: "Log in and link employment",
@@ -50,7 +50,7 @@ export default async function EmployeeBenefitsCallToActions() {
               })}
             </p>
           </Typography>
-          <ButtonLink href={signup[lang]} size="Medium" variant="Secondary">
+          <ButtonLink href={signup[lang]} size="md" variant="Secondary">
             {intl.formatMessage({
               id: "dtmc.signUpAndLinkEmployment",
               defaultMessage: "Sign up and link employment",
@@ -65,12 +65,7 @@ export default async function EmployeeBenefitsCallToActions() {
     return (
       <div className={styles.container}>
         <DigitalTeamMemberCard user={user}>
-          <TeamMemberCardTrigger
-            size="Medium"
-            variant="Tertiary"
-            color="Primary"
-            typography="Body/Paragraph/mdBold"
-          >
+          <TeamMemberCardTrigger size="md" variant="Tertiary" color="Primary">
             {intl.formatMessage({
               id: "dtmc.showTeamMemberCard",
               defaultMessage: "Show Team Member Card",
@@ -86,7 +81,7 @@ export default async function EmployeeBenefitsCallToActions() {
       <ButtonLink
         href={dtmcLogin[lang]}
         prefetch={false}
-        size="Medium"
+        size="md"
         variant="Tertiary"
         color="Primary"
       >