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

feat(WEB-170): edit profile view

Browse Source
This commit is contained in:
Simon Emanuelsson
2024-04-11 18:51:38 +02:00
parent 82e4d40203
commit 9396b2c3d5
114 changed files with 3642 additions and 2171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
components/TempDesignSystem/Button/button.module.css
View File

@@ -115,36 +115,36 @@
}
.primary {
background-color: var(--scandic-blue, #02838E);
border: 0.1rem solid var(--scandic-blue, #02838E);
color: var(--some-white-color, #FFF);
background-color: var(--scandic-blue, #02838e);
border: 0.1rem solid var(--scandic-blue, #02838e);
color: var(--some-white-color, #fff);
}
.secondary {
background-color: var(--some-black-color, #000);
border: 0.1rem solid var(--some-black-color, #000);
color: var(--some-white-color, #FFF);
color: var(--some-white-color, #fff);
}
.tertiary {
background-color: var(--some-red-color, #D60728);
border: 0.1rem solid var(--some-red-color, #D60728);
color: var(--some-white-color, #FFF);
background-color: var(--some-red-color, #d60728);
border: 0.1rem solid var(--some-red-color, #d60728);
color: var(--some-white-color, #fff);
}
.quarternary {
background-color: var(--some-grey-color, #727272);
border: 0.1rem solid var(--some-black-color, #727272);
color: var(--some-white-color, #FFF);
color: var(--some-white-color, #fff);
}
.white {
background-color: var(--some-white-color, #FFF);
background-color: var(--some-white-color, #fff);
border: 0.1rem solid var(--some-black-color, #000);
color: var(--some-black-color, #000);
}
.disabled {
background-color: var(--some-grey-color, #D9D9D9);
.btn:disabled {
background-color: var(--some-grey-color, #d9d9d9);
color: var(--some-grey-color, #757575);
}
}

3
components/TempDesignSystem/Button/index.tsx
View File

@@ -11,6 +11,7 @@ export default function Button({
bgcolor,
className,
disabled,
intent,
size,
variant,
weight,
@@ -20,7 +21,7 @@ export default function Button({
const classNames = buttonVariants({
bgcolor,
className,
disabled,
intent,
size,
variant,
weight,

4
components/TempDesignSystem/Button/variants.ts
View File

@@ -11,6 +11,10 @@ export const buttonVariants = cva(styles.btn, {
quarternary: styles.quarternary,
white: styles.white,
},
intent: {
primary: styles.primary,
secondary: styles.secondary,
},
size: {
small: styles.small,
regular: styles.average,