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

feat(SW-2178): Changed to new buttons for summary inside enter details

Browse Source 
Approved-by: Michael Zetterberg
Approved-by: Matilda Landström
This commit is contained in:
Erik Tiekstra
2025-04-11 15:13:37 +00:00
parent 8961cbd9d5
commit f62723c6e5
15 changed files with 363 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,11 +1,11 @@
import { Typography } from '../../Typography'
import { Rate, RateTermDetails } from '../types'
import styles from '../rate-card.module.css'
import { Button } from '../../Button'
import { variants } from '../variants'
import { MaterialIcon } from '../../Icons/MaterialIcon'
import Modal from '../Modal'
import styles from '../rate-card.module.css'
import { variants } from '../variants'
interface CampaignRateCardProps {
name: string
@@ -67,11 +67,11 @@ export default function CampaignRateCard({
title={rateTitle}
subtitle={paymentTerm}
trigger={
<Button variant="Icon" color="IconDefault" size="Small">
<Button variant="Icon" size="Small">
<MaterialIcon
icon="info"
size={20}
color="CurrentColor"
color="Icon/Default"
/>
</Button>
}

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

@@ -1,11 +1,11 @@
import { Rate, RateTermDetails } from '../types'
import styles from '../rate-card.module.css'
import { Typography } from '../../Typography'
import { Button } from '../../Button'
import { variants } from '../variants'
import { MaterialIcon } from '../../Icons/MaterialIcon'
import { Typography } from '../../Typography'
import Modal from '../Modal'
import styles from '../rate-card.module.css'
import { variants } from '../variants'
interface CodeRateCardProps {
name: string
@@ -63,11 +63,11 @@ export default function CodeRateCard({
title={rateTitle}
subtitle={paymentTerm}
trigger={
<Button variant="Icon" color="IconDefault" size="Small">
<Button variant="Icon" size="Small">
<MaterialIcon
icon="info"
size={20}
color="CurrentColor"
color="Icon/Default"
/>
</Button>
}

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

@@ -1,8 +1,8 @@
import styles from '../rate-card.module.css'
import { Typography } from '../../Typography'
import { Button } from '../../Button'
import { variants } from '../variants'
import { MaterialIcon } from '../../Icons/MaterialIcon'
import { Typography } from '../../Typography'
import styles from '../rate-card.module.css'
import { variants } from '../variants'
interface NoRateAvailableCardProps {
variant: 'Regular' | 'Campaign' | 'Code' | 'Points'
@@ -34,8 +34,8 @@ export default function NoRateAvailableCard({
<header>
<Typography variant="Tag/sm">
<h3 className={`${styles.title} ${styles.textDisabled}`}>
<Button variant="Icon" color="IconDefault" size="Small">
<MaterialIcon icon="info" size={20} color="CurrentColor" />
<Button variant="Icon" size="Small">
<MaterialIcon icon="info" size={20} color="Icon/Default" />
</Button>
{`${rateTitle} / ${paymentTerm}`}
</h3>

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

@@ -1,13 +1,13 @@
import { Typography } from '../../Typography'
import { RatePointsOption, RateTermDetails } from '../types'
import styles from '../rate-card.module.css'
import { Button } from '../../Button'
import { Radio } from '../../Radio'
import { RadioGroup } from 'react-aria-components'
import { variants } from '../variants'
import { Button } from '../../Button'
import { MaterialIcon } from '../../Icons/MaterialIcon'
import { Radio } from '../../Radio'
import Modal from '../Modal'
import styles from '../rate-card.module.css'
import { variants } from '../variants'
interface PointsRateCardProps {
rateTitle: string
@@ -49,8 +49,8 @@ export default function PointsRateCard({
title={rateTitle}
subtitle={paymentTerm}
trigger={
<Button variant="Icon" color="IconDefault" size="Small">
<MaterialIcon icon="info" size={20} color="CurrentColor" />
<Button variant="Icon" size="Small">
<MaterialIcon icon="info" size={20} color="Icon/Default" />
</Button>
}
>

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

@@ -1,11 +1,11 @@
import { Rate, RateTermDetails } from '../types'
import styles from '../rate-card.module.css'
import { Typography } from '../../Typography'
import { Button } from '../../Button'
import { variants } from '../variants'
import { MaterialIcon } from '../../Icons/MaterialIcon'
import { Typography } from '../../Typography'
import Modal from '../Modal'
import styles from '../rate-card.module.css'
import { variants } from '../variants'
interface RegularRateCardProps {
name: string
@@ -56,11 +56,11 @@ export default function RegularRateCard({
title={rateTitle}
subtitle={paymentTerm}
trigger={
<Button variant="Icon" color="IconDefault" size="Small">
<Button variant="Icon" size="Small">
<MaterialIcon
icon="info"
size={20}
color="CurrentColor"
color="Icon/Default"
/>
</Button>
}