🔧(react) regenerate tokens files

These new tokens file adds button and alert tokens.
This commit is contained in:
Nathan Vasse
2023-12-20 11:04:09 +01:00
committed by NathanVss
parent 491f66f86e
commit 6e4dd55f49
4 changed files with 23 additions and 3 deletions

View File

@@ -237,6 +237,7 @@
--c--components--button--border-radius: 8px;
--c--components--button--border-radius--active: 2px;
--c--components--button--border-radius--focus: 8px;
--c--components--button--medium-text-height: 36px;
--c--components--button--medium-height: 48px;
--c--components--button--small-height: 32px;
--c--components--button--nano-height: 24px;
@@ -248,6 +249,14 @@
--c--components--button--nano-icon-font-size: var(--c--theme--font--sizes--l);
--c--components--button--font-weight: var(--c--theme--font--weights--regular);
--c--components--button--font-family: var(--c--theme--font--families--base);
--c--components--button--text-font-weight: var(--c--theme--font--weights--medium);
--c--components--alert--background-color: var(--c--theme--colors--greyscale-100);
--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--additional-font-weight: var(--c--theme--font--weights--regular);
--c--components--alert--additional-color: var(--c--theme--colors--greyscale-700);
}
.cunningham-theme--dark{
--c--theme--colors--greyscale-100: #182536;

File diff suppressed because one or more lines are too long

View File

@@ -280,6 +280,7 @@ $themes: (
'border-radius': 8px,
'border-radius--active': 2px,
'border-radius--focus': 8px,
'medium-text-height': 36px,
'medium-height': 48px,
'small-height': 32px,
'nano-height': 24px,
@@ -290,7 +291,17 @@ $themes: (
'nano-font-size': 0.8125rem,
'nano-icon-font-size': 1rem,
'font-weight': 400,
'font-family': \Roboto Flex Variable\, sans-serif
'font-family': \Roboto Flex Variable\, sans-serif,
'text-font-weight': 500
),
'alert': (
'background-color': #FAFAFB,
'border-radius': 4px,
'font-weight': 500,
'color': #0C1A2B,
'icon-size': 1rem,
'additional-font-weight': 400,
'additional-color': #555F6B
)
)
),

File diff suppressed because one or more lines are too long