Skip to content

Commit

Permalink
fix: web-extension
Browse files Browse the repository at this point in the history
  • Loading branch information
andreaSimonePorceddu authored and Mauro Erta committed Nov 30, 2022
1 parent 4e191da commit 08a3d95
Show file tree
Hide file tree
Showing 3 changed files with 21 additions and 0 deletions.
5 changes: 5 additions & 0 deletions web-extension/src/_shared/styles/components/button.ts
Original file line number Diff line number Diff line change
Expand Up @@ -14,13 +14,15 @@ export const Button: ComponentConfig = {
fontSize: 'm',
fontWeight: 'bold',
},
states: {},
variants: {
round: {
style: {
corner: 'round',
px: 'none',
py: 'none',
},
states: {},
},
side: {
style: {
Expand All @@ -31,17 +33,20 @@ export const Button: ComponentConfig = {
px: 'none',
py: 'none',
},
states: {},
},
error: {
style: {
bg: 'light',
color: 'error',
},
states: {},
},
success: {
style: {
bg: 'success',
},
states: {},
},
},
meta: {
Expand Down
3 changes: 3 additions & 0 deletions web-extension/src/_shared/styles/components/card.ts
Original file line number Diff line number Diff line change
Expand Up @@ -11,11 +11,13 @@ export const Card: ComponentConfig = {
flexDirection: 'column',
boxSizing: 'border-box',
},
states: {},
variants: {
primary: {
style: {
shadow: 'light',
},
states: {},
},
'primary.clickable': {
style: {
Expand All @@ -26,6 +28,7 @@ export const Card: ComponentConfig = {
transform: 'translateY(-5px)',
},
},
states: {},
},
},
meta: {
Expand Down
13 changes: 13 additions & 0 deletions web-extension/src/_shared/styles/components/typography.ts
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ export const Typography: ComponentConfig = {
style: {
fontFamily: 'default',
},
states: {},
variants: {
hero: {
tag: 'h1',
Expand All @@ -12,6 +13,7 @@ export const Typography: ComponentConfig = {
fontWeight: 'bold',
lineHeight: 'heading',
},
states: {},
},
h1: {
tag: 'h1',
Expand All @@ -21,6 +23,7 @@ export const Typography: ComponentConfig = {
lineHeight: 'heading',
fontWeight: 'bold',
},
states: {},
},
h2: {
tag: 'h2',
Expand All @@ -29,6 +32,7 @@ export const Typography: ComponentConfig = {
lineHeight: 'heading',
fontWeight: 'bold',
},
states: {},
},
h3: {
tag: 'h3',
Expand All @@ -37,6 +41,7 @@ export const Typography: ComponentConfig = {
lineHeight: 'heading',
fontWeight: 'bold',
},
states: {},
},
h4: {
tag: 'h4',
Expand All @@ -45,6 +50,7 @@ export const Typography: ComponentConfig = {
lineHeight: 'heading',
fontWeight: 'bold',
},
states: {},
},
h5: {
tag: 'h5',
Expand All @@ -53,6 +59,7 @@ export const Typography: ComponentConfig = {
lineHeight: 'heading',
fontWeight: 'regular',
},
states: {},
},
p1: {
tag: 'p',
Expand All @@ -61,6 +68,7 @@ export const Typography: ComponentConfig = {
letterSpacing: 'body',
lineHeight: 'body',
},
states: {},
},
p2: {
tag: 'p',
Expand All @@ -69,13 +77,15 @@ export const Typography: ComponentConfig = {
letterSpacing: 'body',
lineHeight: 'body',
},
states: {},
},
p3: {
tag: 'p',
style: {
fontSize: '2xs',
lineHeight: 'body',
},
states: {},
},
link: {
tag: 'a',
Expand All @@ -88,6 +98,7 @@ export const Typography: ComponentConfig = {
color: 'primary.lightest',
},
},
states: {},
},
cta: {
tag: 'span',
Expand All @@ -100,13 +111,15 @@ export const Typography: ComponentConfig = {
ml: '2xs',
},
},
states: {},
},
caption: {
style: {
fontSize: '2xs',
lineHeight: 'body',
fontStyle: 'italic',
},
states: {},
},
},
meta: {
Expand Down

0 comments on commit 08a3d95

Please sign in to comment.