Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Button v3 Tertiary Styles Update #5399

Merged
merged 14 commits into from
Dec 18, 2024
Merged

Button v3 Tertiary Styles Update #5399

Show file tree
Hide file tree
Changes from 8 commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
2629b7f
Initial commit
Dec 16, 2024
3adc10c
Fix disabled styling in reversed.
Dec 17, 2024
0c7542f
Add changeset
Dec 17, 2024
4cdd65f
Menu: Create MenuPopover, MenuSection and MenuHeader wrappers over RA…
dougmacknz Dec 16, 2024
aa38287
version packages (#5397)
github-actions[bot] Dec 16, 2024
96b86c5
Merge branch 'main' into KZN-2918/button-v3-tertiary-styles
Zystix Dec 17, 2024
6a4c1d2
Remove tertiary disabled styles from this PR
Dec 17, 2024
305d335
Merge branch 'main' into KZN-2918/button-v3-tertiary-styles
Zystix Dec 17, 2024
506c0c3
refactor: clean up internal architecture (#5404)
HeartSquared Dec 18, 2024
8d011e9
chore(eslint): enable consistent-type-imports (#5403)
HeartSquared Dec 18, 2024
1252480
Merge branch 'main' into KZN-2918/button-v3-tertiary-styles
Dec 18, 2024
880a0f1
Update Primary Reversed Styles
Dec 18, 2024
42161ea
Merge branch 'main' into KZN-2918/button-v3-tertiary-styles
Zystix Dec 18, 2024
260b077
css typo
Dec 18, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .changeset/tough-pigs-deliver.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'@kaizen/components': patch
---

Update Button v3 styles
18 changes: 12 additions & 6 deletions packages/components/src/__actions__/Button/v3/Button.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -121,19 +121,25 @@
--button-border-color: transparent;
--button-text-color: var(--color-purple-800);

&[data-hovered],
&[data-pressed],
&[data-pending] {
--button-text-color: var(--color-blue-500);
}

&[data-hovered] {
--button-bg-color: var(--color-gray-200);
--button-border-color: var(--color-gray-200);
--button-bg-color: var(--color-blue-200);
--button-border-color: var(--color-blue-200);
}

&[data-pressed] {
--button-bg-color: var(--color-gray-300);
--button-border-color: var(--color-gray-300);
--button-bg-color: var(--color-blue-100);
--button-border-color: var(--color-blue-100);
}

&[data-pending] {
--button-bg-color: var(--color-gray-300);
--button-border-color: var(--color-gray-300);
--button-bg-color: var(--color-blue-100);
--button-border-color: var(--color-blue-100);
}
}

Expand Down
Loading