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

packages/design-system/lib/components/Card/Compositions/ContentCard.stories.tsx

@@ -4,8 +4,8 @@ import { fn } from 'storybook/test'
 import { themes } from '../../../../.storybook/preview'
 
 import { Card } from '../'
-import { Typography } from '../../Typography'
 import { Button } from '../../Button'
+import { Typography } from '../../Typography'
 
 type CompositionProps = React.ComponentPropsWithoutRef<typeof Card> & {
   _onPrimaryPress?: () => void
@@ -97,33 +97,22 @@ const meta: Meta<CompositionProps> = {
       )}
 
       {showPrimaryButton && inMainArea && (
-        <Button
-          size="Large"
-          variant="Primary"
-          typography="Body/Paragraph/mdBold"
-          onPress={args._onPrimaryPress}
-        >
+        <Button size="lg" variant="Primary" onPress={args._onPrimaryPress}>
           Primary action
         </Button>
       )}
 
       {showPrimaryButton && !inMainArea && (
-        <Button
-          size="Small"
-          variant="Tertiary"
-          typography="Body/Paragraph/mdBold"
-          onPress={args._onPrimaryPress}
-        >
+        <Button size="sm" variant="Tertiary" onPress={args._onPrimaryPress}>
           Primary action
         </Button>
       )}
 
       {showSecondaryButton && (
         <Button
-          size={inMainArea ? 'Large' : 'Small'}
+          size={inMainArea ? 'lg' : 'sm'}
           variant="Secondary"
           onPress={args._onSecondaryPress}
-          typography="Body/Paragraph/mdBold"
         >
           Secondary action
         </Button>