scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
This commit is contained in:
Erik Tiekstra
2025-12-19 12:32:52 +00:00
committed by Bianca Widstam
parent 2197ab2137
commit 3f632e6031
169 changed files with 665 additions and 944 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/design-system/lib/components/RateCard/Campaign/index.tsx
View File

@@ -87,9 +87,8 @@ export default function CampaignRateCard({
id: 'selectRate.rateCard.openReservationPolicy',
defaultMessage: 'Open reservation policy',
})}
>
<MaterialIcon icon="info" size={20} color="Icon/Default" />
</IconButton>
iconName="info"
/>
}
>
{rateTermDetails.map((termGroup) => (

5
packages/design-system/lib/components/RateCard/Code/index.tsx
View File

@@ -77,9 +77,8 @@ export default function CodeRateCard({
id: 'selectRate.rateCard.openReservationPolicy',
defaultMessage: 'Open reservation policy',
})}
>
<MaterialIcon icon="info" size={20} color="Icon/Default" />
</IconButton>
iconName="info"
/>
}
>
{rateTermDetails.map((termGroup) => (

6
packages/design-system/lib/components/RateCard/Modal/index.tsx
View File

@@ -19,7 +19,6 @@ import { fade, slideInOut } from './motionVariants'
import { useIntl } from 'react-intl'
import { IconButton } from '../../IconButton'
import { MaterialIcon } from '../../Icons/MaterialIcon'
import { Typography } from '../../Typography'
import styles from './modal.module.css'
@@ -98,9 +97,8 @@ function InnerModal({
id: 'common.close',
defaultMessage: 'Close',
})}
>
<MaterialIcon icon="close" size={24} color="CurrentColor" />
</IconButton>
iconName="close"
/>
</header>
)}

5
packages/design-system/lib/components/RateCard/NoRateAvailable/index.tsx
View File

@@ -1,5 +1,4 @@
import { IconButton } from '../../IconButton'
import { MaterialIcon } from '../../Icons/MaterialIcon'
import { Typography } from '../../Typography'
import styles from '../rate-card.module.css'
import { variants } from '../variants'
@@ -34,9 +33,7 @@ export default function NoRateAvailableCard({
<header>
<Typography variant="Tag/sm">
<h3 className={`${styles.title} ${styles.textDisabled}`}>
<IconButton variant="Muted" emphasis size="sm">
<MaterialIcon icon="info" size={20} color="Icon/Default" />
</IconButton>
<IconButton variant="Muted" emphasis size="sm" iconName="info" />
{/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
{`${rateTitle} / ${paymentTerm}`}
</h3>

5
packages/design-system/lib/components/RateCard/Points/index.tsx
View File

@@ -63,9 +63,8 @@ export default function PointsRateCard({
id: 'selectRate.rateCard.openReservationPolicy',
defaultMessage: 'Open reservation policy',
})}
>
<MaterialIcon icon="info" size={20} color="Icon/Default" />
</IconButton>
iconName="info"
/>
}
>
{rateTermDetails.map((termGroup) => (

5
packages/design-system/lib/components/RateCard/Regular/index.tsx
View File

@@ -72,9 +72,8 @@ export default function RegularRateCard({
id: 'selectRate.rateCard.openReservationPolicy',
defaultMessage: 'Open reservation policy',
})}
>
<MaterialIcon icon="info" size={20} color="Icon/Default" />
</IconButton>
iconName="info"
/>
}
>
{rateTermDetails.map((termGroup) => (