💄(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:
@@ -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"],
|
||||
};
|
||||
|
||||
@@ -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",
|
||||
};
|
||||
};
|
||||
|
||||
@@ -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
@@ -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
Reference in New Issue
Block a user