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

Merged in fix/SW-1561-hotelpage-ui (pull request #2542)

Browse Source 
Fix(SW-1561): Hotelpage design and token update

* fix(SW-1561): fix sidepeek subtitle

* fix(SW-1561): update mapCard to new tokens and update styling

* fix(SW-1561): correct Typography lowcase titles


Approved-by: Anton Gunnarsson
This commit is contained in:
Matilda Landström
2025-07-10 14:13:47 +00:00
parent 04a495b536
commit 2fee29f3f9
12 changed files with 105 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/design-system/lib/components/Typography/Typography.stories.tsx
View File

@@ -40,10 +40,10 @@ export const TitleMd: Story = {
children: <h1>The quick brown fox jumps over the lazy dog</h1>,
},
}
export const TitleMdRegular: Story = {
name: 'Title/mdRegular',
export const TitleMdLowCase: Story = {
name: 'Title/mdLowCase',
args: {
variant: 'Title/mdRegular',
variant: 'Title/mdLowCase',
children: <h1>The quick brown fox jumps over the lazy dog</h1>,
},
}
@@ -54,10 +54,10 @@ export const TitleSm: Story = {
children: <h1>The quick brown fox jumps over the lazy dog</h1>,
},
}
export const TitleSmRegular: Story = {
name: 'Title/smRegular',
export const TitleSmLowCase: Story = {
name: 'Title/smLowCase',
args: {
variant: 'Title/smRegular',
variant: 'Title/smLowCase',
children: <h1>The quick brown fox jumps over the lazy dog</h1>,
},
}

13
packages/design-system/lib/components/Typography/typography.module.css
View File

@@ -18,12 +18,13 @@
text-decoration: none;
}
.Title-mdRegular {
font-family: var(--Title-md-Font-family), var(--Title-md-Font-fallback);
.Title-mdLowCase {
font-family:
var(--Title-md-LowCase-Font-family), var(--Title-md-LowCase-Font-fallback);
font-size: var(--Title-md-Size);
font-weight: 700;
letter-spacing: var(--Title-md-Letter-spacing);
text-transform: var(--Title-md-Text-Transform);
font-weight: var(--Title-md-LowCase-Font-weight);
letter-spacing: var(--Title-md-LowCase-Letter-spacing);
text-transform: var(--Title-md-LowCase-Text-Transform);
line-height: 1.1;
text-decoration: none;
}
@@ -38,7 +39,7 @@
text-decoration: none;
}
.Title-smRegular {
.Title-smLowcase {
font-family:
var(--Title-sm-LowCase-Font-family), var(--Title-sm-LowCase-Font-fallback);
font-size: var(--Title-sm-LowCase-Size);

4
packages/design-system/lib/components/Typography/variants.ts
View File

@@ -8,9 +8,9 @@ export const config = {
variant: {
'Title/lg': styles['Title-lg'],
'Title/md': styles['Title-md'],
'Title/mdRegular': styles['Title-mdRegular'],
'Title/mdLowCase': styles['Title-mdLowCase'],
'Title/sm': styles['Title-sm'],
'Title/smRegular': styles['Title-smRegular'],
'Title/smLowCase': styles['Title-smLowCase'],
'Title/xs': styles['Title-xs'],
'Title/Decorative/lg': styles['Title-Decorative-lg'],
'Title/Decorative/md': styles['Title-Decorative-md'],