Skip to content

Commit

Permalink
Merge branch 'main' of github.com-brisanet:Brisanet/ion into ion-update
Browse files Browse the repository at this point in the history
  • Loading branch information
@marcos-assis-brisa
marcos-assis-brisa committed Nov 12, 2024
2 parents a230a1a + b93d46b commit 1b47e85
Show file tree
Hide file tree
Showing 19 changed files with 968 additions and 111 deletions.
339 changes: 339 additions & 0 deletions projects/ion/src/lib/button/_button.theme.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -338,9 +338,348 @@ $default: (
),
);

$dark: (
border-radius: 8px,
text: (
font-weight: 600,
font-family: ion-theme(font-family-main),
),
size: (
sm: (
size: 24px,
padding: (
4px 12px,
),
border-radius: 6px,
spinner-size: 10px,
text: (
font-size: 12px,
line-height: 16px,
),
),
md: (
size: 32px,
padding: (
6px 16px,
),
border-radius: 8px,
spinner-size: 16px,
text: (
font-size: 14px,
line-height: 20px,
),
),
lg: (
size: 40px,
padding: (
8px 20px,
),
border-radius: 10px,
spinner-size: 16px,
text: (
font-size: 16px,
line-height: 24px,
),
),
xl: (
size: 48px,
padding: (
12px 24px,
),
border-radius: 10px,
spinner-size: 16px,
text: (
font-size: 16px,
line-height: 24px,
),
),
),
primary: (
background-color: ion-theme(primary-6),
text-color: ion-theme(neutral-1),
border: 0,
spinner-color: ion-theme(neutral-1),
icon-color: ion-theme(neutral-1),
hover: (
background-color: ion-theme(primary-5),
text-color: ion-theme(neutral-1),
border: 0,
spinner-color: ion-theme(neutral-1),
icon-color: ion-theme(neutral-1),
),
active: (
background-color: ion-theme(primary-8),
text-color: ion-theme(neutral-1),
border: 0,
spinner-color: ion-theme(neutral-1),
icon-color: ion-theme(neutral-1),
),
disabled: (
background-color: ion-theme(neutral-7),
text-color: ion-theme(neutral-3),
border: 0,
spinner-color: ion-theme(neutral-3),
icon-color: ion-theme(neutral-3),
),
loading: (
background-color: ion-theme(primary-5),
text-color: ion-theme(neutral-1),
border: 0,
spinner-color: ion-theme(neutral-1),
icon-color: ion-theme(neutral-1),
),
danger: (
background-color: ion-theme(negative-6),
text-color: ion-theme(neutral-1),
border: 0,
spinner-color: ion-theme(neutral-1),
icon-color: ion-theme(neutral-1),
hover: (
background-color: ion-theme(negative-5),
text-color: ion-theme(neutral-1),
border: 0,
spinner-color: ion-theme(neutral-1),
icon-color: ion-theme(neutral-1),
),
active: (
background-color: ion-theme(negative-7),
text-color: ion-theme(neutral-1),
border: 0,
spinner-color: ion-theme(neutral-1),
icon-color: ion-theme(neutral-1),
),
disabled: (
background-color: ion-theme(neutral-3),
text-color: ion-theme(neutral-5),
border: 0,
spinner-color: ion-theme(neutral-5),
icon-color: ion-theme(neutral-5),
),
loading: (
background-color: ion-theme(negative-5),
text-color: ion-theme(neutral-1),
border: 0,
spinner-color: ion-theme(neutral-1),
icon-color: ion-theme(neutral-1),
),
),
),
secondary: (
background-color: ion-theme(neutral-6),
text-color: ion-theme(primary-3),
border: 1px solid ion-theme(primary-3),
spinner-color: ion-theme(primary-3),
icon-color: ion-theme(primary-3),
hover: (
background-color: ion-theme(primary-3),
text-color: ion-theme(primary-6),
border: 1px solid ion-theme(primary-6),
spinner-color: ion-theme(primary-6),
icon-color: ion-theme(primary-6),
),
active: (
background-color: ion-theme(primary-4),
text-color: ion-theme(primary-8),
border: 1px solid ion-theme(primary-8),
spinner-color: ion-theme(primary-8),
icon-color: ion-theme(primary-8),
),
disabled: (
background-color: ion-theme(neutral-6),
text-color: ion-theme(neutral-3),
border: 1px solid ion-theme(neutral-3),
spinner-color: ion-theme(neutral-3),
icon-color: ion-theme(neutral-3),
),
loading: (
background-color: ion-theme(primary-3),
text-color: ion-theme(primary-6),
border: 1px solid ion-theme(primary-6),
spinner-color: ion-theme(primary-6),
icon-color: ion-theme(primary-6),
),
danger: (
background-color: ion-theme(neutral-6),
text-color: ion-theme(negative-4),
border: 1px solid ion-theme(negative-4),
spinner-color: ion-theme(negative-4),
icon-color: ion-theme(negative-4),
hover: (
background-color: ion-theme(negative-1),
text-color: ion-theme(negative-5),
border: 1px solid ion-theme(negative-4),
spinner-color: ion-theme(neutral-5),
icon-color: ion-theme(negative-5),
),
active: (
background-color: ion-theme(negative-2),
text-color: ion-theme(negative-7),
border: 1px solid ion-theme(negative-5),
spinner-color: ion-theme(neutral-7),
icon-color: ion-theme(negative-7),
),
disabled: (
background-color: ion-theme(neutral-3),
text-color: ion-theme(neutral-5),
border: 1px solid ion-theme(neutral-5),
spinner-color: ion-theme(neutral-5),
icon-color: ion-theme(neutral-5),
),
loading: (
background-color: ion-theme(negative-1),
text-color: ion-theme(negative-6),
border: 1px solid ion-theme(negative-3),
spinner-color: ion-theme(negative-6),
icon-color: ion-theme(negative-6),
),
),
),
ghost: (
background-color: transparent,
text-color: ion-theme(primary-3),
border: 0,
spinner-color: ion-theme(primary-3),
icon-color: ion-theme(primary-3),
hover: (
background-color: ion-theme(primary-3),
text-color: ion-theme(primary-6),
border: 0,
spinner-color: ion-theme(primary-6),
icon-color: ion-theme(primary-6),
),
active: (
background-color: ion-theme(primary-4),
text-color: ion-theme(primary-8),
border: 0,
spinner-color: ion-theme(primary-8),
icon-color: ion-theme(primary-8),
),
disabled: (
background-color: transparent,
text-color: ion-theme(neutral-3),
border: 0,
spinner-color: ion-theme(neutral-3),
icon-color: ion-theme(neutral-3),
),
loading: (
background-color: ion-theme(primary-3),
text-color: ion-theme(primary-6),
border: 0,
spinner-color: ion-theme(primary-6),
icon-color: ion-theme(primary-6),
),
danger: (
background-color: transparent,
text-color: ion-theme(negative-4),
border: 0,
spinner-color: ion-theme(negative-4),
icon-color: ion-theme(negative-4),
hover: (
background-color: ion-theme(negative-1),
text-color: ion-theme(negative-5),
border: 0,
spinner-color: ion-theme(negative-5),
icon-color: ion-theme(negative-5),
),
active: (
background-color: ion-theme(negative-2),
text-color: ion-theme(negative-7),
border: 0,
spinner-color: ion-theme(neutral-7),
icon-color: ion-theme(negative-7),
),
disabled: (
background-color: transparent,
text-color: ion-theme(neutral-5),
border: 0,
spinner-color: ion-theme(neutral-5),
icon-color: ion-theme(neutral-5),
),
loading: (
background-color: ion-theme(negative-1),
text-color: ion-theme(negative-6),
border: 0,
spinner-color: ion-theme(negative-6),
icon-color: ion-theme(negative-6),
),
),
),
dashed: (
background-color: ion-theme(neutral-6),
text-color: ion-theme(primary-3),
border: 1px dashed ion-theme(neutral-3),
spinner-color: ion-theme(primary-3),
icon-color: ion-theme(primary-3),
hover: (
background-color: ion-theme(primary-3),
text-color: ion-theme(primary-6),
border: 1px dashed ion-theme(primary-6),
spinner-color: ion-theme(primary-6),
icon-color: ion-theme(primary-6),
),
active: (
background-color: ion-theme(primary-4),
text-color: ion-theme(primary-8),
border: 1px dashed ion-theme(primary-8),
spinner-color: ion-theme(neutral-8),
icon-color: ion-theme(primary-8),
),
disabled: (
background-color: ion-theme(neutral-6),
text-color: ion-theme(neutral-3),
border: 1px dashed ion-theme(neutral-3),
spinner-color: ion-theme(neutral-3),
icon-color: ion-theme(neutral-3),
),
loading: (
background-color: ion-theme(primary-3),
text-color: ion-theme(primary-6),
border: 1px dashed ion-theme(primary-6),
spinner-color: ion-theme(primary-6),
icon-color: ion-theme(primary-6),
),
danger: (
background-color: transparent,
text-color: ion-theme(negative-4),
border: 1px dashed ion-theme(negative-4),
spinner-color: ion-theme(negative-4),
icon-color: ion-theme(negative-4),
hover: (
background-color: ion-theme(negative-1),
text-color: ion-theme(negative-5),
border: 1px dashed ion-theme(negative-3),
spinner-color: ion-theme(negative-5),
icon-color: ion-theme(negative-5),
),
active: (
background-color: ion-theme(negative-2),
text-color: ion-theme(negative-7),
border: 1px dashed ion-theme(negative-5),
spinner-color: ion-theme(neutral-7),
icon-color: ion-theme(negative-7),
),
disabled: (
background-color: ion-theme(neutral-3),
text-color: ion-theme(neutral-5),
border: 1px dashed ion-theme(neutral-5),
spinner-color: ion-theme(neutral-5),
icon-color: ion-theme(neutral-5),
),
loading: (
background-color: ion-theme(negative-1),
text-color: ion-theme(negative-6),
border: 1px dashed ion-theme(negative-3),
spinner-color: ion-theme(negative-6),
icon-color: ion-theme(negative-6),
),
),
),
);

@include register-component(
button,
(
default: $default,
dark: $dark,
)
);
Loading

0 comments on commit 1b47e85

Please sign in to comment.