💄(react) update Alert and Toast icon size

We realized that even if the Figma sketches indicates that the icons
are 16px in reality the rendered DOM was not visualy matching the
sketches. We needs 19px to match the sketches.
This commit is contained in:
Nathan Vasse
2024-01-05 17:00:43 +01:00
committed by NathanVss
parent 5c5964cf9d
commit 540cdc6896
7 changed files with 13 additions and 8 deletions

View File

@@ -6,7 +6,7 @@ export const tokens = (defaults: DefaultTokens) => {
"border-radius": "4px",
"font-weight": defaults.theme.font.weights.medium,
color: defaults.theme.colors["greyscale-900"],
"icon-size": defaults.theme.font.sizes.l,
"icon-size": "19px",
"additional-font-weight": defaults.theme.font.weights.regular,
"additional-color": defaults.theme.colors["greyscale-700"],
};

View File

@@ -7,7 +7,7 @@ export const tokens = (defaults: DefaultTokens) => {
"background-color": defaults.theme.colors["greyscale-100"],
color: defaults.theme.colors["greyscale-900"],
"font-weight": defaults.theme.font.weights.regular,
"icon-size": defaults.theme.font.sizes.l,
"icon-size": "19px",
"progress-bar-height": "3px",
};
};

View File

@@ -117,7 +117,7 @@
--c--components--toast--background-color: var(--c--theme--colors--greyscale-100);
--c--components--toast--color: var(--c--theme--colors--greyscale-900);
--c--components--toast--font-weight: var(--c--theme--font--weights--regular);
--c--components--toast--icon-size: var(--c--theme--font--sizes--l);
--c--components--toast--icon-size: 19px;
--c--components--toast--progress-bar-height: 3px;
--c--components--forms-textarea--font-weight: var(--c--theme--font--weights--regular);
--c--components--forms-textarea--font-size: var(--c--theme--font--sizes--l);
@@ -261,7 +261,7 @@
--c--components--alert--border-radius: 4px;
--c--components--alert--font-weight: var(--c--theme--font--weights--medium);
--c--components--alert--color: var(--c--theme--colors--greyscale-900);
--c--components--alert--icon-size: var(--c--theme--font--sizes--l);
--c--components--alert--icon-size: 19px;
--c--components--alert--additional-font-weight: var(--c--theme--font--weights--regular);
--c--components--alert--additional-color: var(--c--theme--colors--greyscale-700);
}

File diff suppressed because one or more lines are too long

View File

@@ -140,7 +140,7 @@ $themes: (
'background-color': #FAFAFB,
'color': #0C1A2B,
'font-weight': 400,
'icon-size': 1rem,
'icon-size': 19px,
'progress-bar-height': 3px
),
'forms-textarea': (
@@ -308,7 +308,7 @@ $themes: (
'border-radius': 4px,
'font-weight': 500,
'color': #0C1A2B,
'icon-size': 1rem,
'icon-size': 19px,
'additional-font-weight': 400,
'additional-color': #555F6B
)

File diff suppressed because one or more lines are too long