bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-14 15:23:33 +00:00
Code Issues Releases Wiki Activity

[CL-254] Rename 500 colors to 600 to prep for UI redesign (#8623)

Browse Source 
* [CL-254] Rename 500 colors to 600 to prep for UI redesign

---------

Co-authored-by: Will Martin <contact@willmartian.com>
This commit is contained in:
Victoria League
2024-04-05 10:58:32 -04:00
committed by GitHub
parent fb51aa570d
commit 09169cac71
56 changed files with 253 additions and 245 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
libs/components/src/icon-button/icon-button.component.ts
View File

@@ -60,15 +60,15 @@ const styles: Record<IconButtonType, string[]> = {
...focusRing,
],
primary: [
"tw-bg-primary-500",
"tw-bg-primary-600",
"!tw-text-contrast",
"tw-border-primary-500",
"tw-border-primary-600",
"hover:tw-bg-primary-700",
"hover:tw-border-primary-700",
"focus-visible:before:tw-ring-primary-700",
"disabled:tw-opacity-60",
"disabled:hover:tw-border-primary-500",
"disabled:hover:tw-bg-primary-500",
"disabled:hover:tw-border-primary-600",
"disabled:hover:tw-bg-primary-600",
...focusRing,
],
secondary: [
@@ -88,15 +88,15 @@ const styles: Record<IconButtonType, string[]> = {
danger: [
"tw-bg-transparent",
"!tw-text-danger",
"tw-border-danger-500",
"tw-border-danger-600",
"hover:!tw-text-contrast",
"hover:tw-bg-danger-500",
"hover:tw-bg-danger-600",
"focus-visible:before:tw-ring-primary-700",
"disabled:tw-opacity-60",
"disabled:hover:tw-border-danger-500",
"disabled:hover:tw-border-danger-600",
"disabled:hover:tw-bg-transparent",
"disabled:hover:!tw-text-danger",
"disabled:hover:tw-border-danger-500",
"disabled:hover:tw-border-danger-600",
...focusRing,
],
light: [

4
libs/components/src/icon-button/icon-button.stories.ts
View File

@@ -30,7 +30,7 @@ export const Default: Story = {
<button bitIconButton="bwi-plus" [disabled]="disabled" [loading]="loading" buttonType="primary" [size]="size">Button</button>
<button bitIconButton="bwi-plus" [disabled]="disabled" [loading]="loading" buttonType="secondary"[size]="size">Button</button>
<button bitIconButton="bwi-plus" [disabled]="disabled" [loading]="loading" buttonType="danger" [size]="size">Button</button>
<div class="tw-bg-primary-500 tw-p-2 tw-inline-block">
<div class="tw-bg-primary-600 tw-p-2 tw-inline-block">
<button bitIconButton="bwi-plus" [disabled]="disabled" [loading]="loading" buttonType="contrast" [size]="size">Button</button>
</div>
<div class="tw-bg-background-alt2 tw-p-2 tw-inline-block">
@@ -111,7 +111,7 @@ export const Contrast: Story = {
render: (args) => ({
props: args,
template: `
<div class="tw-bg-primary-500 tw-p-6 tw-w-full tw-inline-block">
<div class="tw-bg-primary-600 tw-p-6 tw-w-full tw-inline-block">
<button bitIconButton="bwi-plus" [disabled]="disabled" [loading]="loading" [buttonType]="buttonType" [size]="size">Button</button>
</div>
`,