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/Forms/Edit/Profile/index.tsx

@@ -159,7 +159,7 @@ export default function Form({ user }: EditFormProps) {
               defaultMessage: "Discard unsaved changes?",
             })}
             trigger={
-              <Button variant="Secondary" size="Small" color="Primary">
+              <Button variant="Secondary" size="sm" color="Primary">
                 {intl.formatMessage({
                   id: "editProfile.discardChanges",
                   defaultMessage: "Discard changes",
@@ -171,7 +171,7 @@ export default function Form({ user }: EditFormProps) {
             isDisabled={!isValid || methods.formState.isSubmitting}
             form={formId}
             variant="Primary"
-            size="Small"
+            size="sm"
             color="Primary"
             type="submit"
           >

apps/scandic-web/components/Forms/ProfilingConsent/index.tsx

@@ -166,10 +166,9 @@ export function ProfilingConsent({
           >
             <Button
               type="submit"
-              typography="Body/Paragraph/mdBold"
               variant="Primary"
               color="Primary"
-              size="Medium"
+              size="md"
               isDisabled={!isDirty}
               isPending={isLoading}
             >
@@ -181,11 +180,10 @@ export function ProfilingConsent({
           </Tooltip>
           <Button
             type="button"
-            typography="Body/Paragraph/mdBold"
             variant="Secondary"
             color="Primary"
-            size="Medium"
-            onClick={() => {
+            size="md"
+            onPress={() => {
               backToProfile()
               trackConsentAction({
                 position: "profile",

apps/scandic-web/components/Forms/Signup/index.tsx

@@ -405,7 +405,6 @@ export default function SignupForm({
               type="submit"
               variant="Primary"
               onPress={() => methods.trigger()}
-              typography="Body/Paragraph/mdBold"
               data-testid="trigger-validation"
             >
               {signupButtonText}
@@ -416,7 +415,6 @@ export default function SignupForm({
               type="submit"
               variant="Primary"
               isDisabled={methods.formState.isSubmitting || signup.isPending}
-              typography="Body/Paragraph/mdBold"
               data-testid="submit"
             >
               {signupButtonText}