();
@@ -118,7 +118,7 @@ export class WeakPasswordsReportComponent extends CipherReportComponent implemen
return c.login.password + "_____" + (this.isUserNameNotEmpty(c) ? c.login.username : "");
}
- private scoreKey(score: number): [string, BadgeTypes] {
+ private scoreKey(score: number): [string, BadgeVariant] {
switch (score) {
case 4:
return ["strong", "success"];
diff --git a/apps/web/src/app/reports/shared/report-card/report-card.component.html b/apps/web/src/app/reports/shared/report-card/report-card.component.html
index 2996b7b499..5553daf6e7 100644
--- a/apps/web/src/app/reports/shared/report-card/report-card.component.html
+++ b/apps/web/src/app/reports/shared/report-card/report-card.component.html
@@ -15,7 +15,7 @@
diff --git a/apps/web/src/app/vault/components/premium-badge.component.ts b/apps/web/src/app/vault/components/premium-badge.component.ts
index 5dafda2551..6deff43489 100644
--- a/apps/web/src/app/vault/components/premium-badge.component.ts
+++ b/apps/web/src/app/vault/components/premium-badge.component.ts
@@ -5,7 +5,7 @@ import { MessagingService } from "@bitwarden/common/platform/abstractions/messag
@Component({
selector: "app-premium-badge",
template: `
-
- {{
+ {{
"domainStatusUnverified" | i18n
}}
- {{
+ {{
"domainStatusVerified" | i18n
}}
diff --git a/bitwarden_license/bit-web/src/app/admin-console/organizations/manage/domain-verification/domain-verification.component.html b/bitwarden_license/bit-web/src/app/admin-console/organizations/manage/domain-verification/domain-verification.component.html
index dbe793dd3b..84d32ade01 100644
--- a/bitwarden_license/bit-web/src/app/admin-console/organizations/manage/domain-verification/domain-verification.component.html
+++ b/bitwarden_license/bit-web/src/app/admin-console/organizations/manage/domain-verification/domain-verification.component.html
@@ -41,10 +41,10 @@
- {{
+ {{
"domainStatusUnverified" | i18n
}}
- {{
+ {{
"domainStatusVerified" | i18n
}}
|
diff --git a/bitwarden_license/bit-web/src/app/admin-console/providers/manage/people.component.html b/bitwarden_license/bit-web/src/app/admin-console/providers/manage/people.component.html
index 99c73057bb..cb271b94d0 100644
--- a/bitwarden_license/bit-web/src/app/admin-console/providers/manage/people.component.html
+++ b/bitwarden_license/bit-web/src/app/admin-console/providers/manage/people.component.html
@@ -8,17 +8,17 @@
>
{{ "all" | i18n }}
- {{ allCount }}
+ {{ allCount }}
{{ "invited" | i18n }}
- {{ invitedCount }}
+ {{ invitedCount }}
{{ "accepted" | i18n }}
- {{ acceptedCount }}
+ {{ acceptedCount }}
@@ -120,10 +120,10 @@
{{ u.email }}
- {{
+ {{
"invited" | i18n
}}
- {{
+ {{
"accepted" | i18n
}}
{{ u.name }}
diff --git a/bitwarden_license/bit-web/src/app/secrets-manager/shared/secrets-list.component.html b/bitwarden_license/bit-web/src/app/secrets-manager/shared/secrets-list.component.html
index 36efa42ea6..f8d5d1081e 100644
--- a/bitwarden_license/bit-web/src/app/secrets-manager/shared/secrets-list.component.html
+++ b/bitwarden_license/bit-web/src/app/secrets-manager/shared/secrets-list.component.html
@@ -90,13 +90,13 @@
{{ project.name | ellipsis: 32 }}
- {{ "unassigned" | i18n }}
diff --git a/libs/components/src/badge-list/badge-list.component.html b/libs/components/src/badge-list/badge-list.component.html
index da58323084..53360a0c10 100644
--- a/libs/components/src/badge-list/badge-list.component.html
+++ b/libs/components/src/badge-list/badge-list.component.html
@@ -1,11 +1,11 @@
-
+
{{ item }}
,
-
+
{{ "plusNMore" | i18n: (items.length - filteredItems.length).toString() }}
diff --git a/libs/components/src/badge-list/badge-list.component.ts b/libs/components/src/badge-list/badge-list.component.ts
index 64deae21b9..5ec0d7dc4c 100644
--- a/libs/components/src/badge-list/badge-list.component.ts
+++ b/libs/components/src/badge-list/badge-list.component.ts
@@ -1,6 +1,6 @@
import { Component, Input, OnChanges } from "@angular/core";
-import { BadgeTypes } from "../badge";
+import { BadgeVariant } from "../badge";
@Component({
selector: "bit-badge-list",
@@ -12,7 +12,7 @@ export class BadgeListComponent implements OnChanges {
protected filteredItems: string[] = [];
protected isFiltered = false;
- @Input() badgeType: BadgeTypes = "primary";
+ @Input() variant: BadgeVariant = "primary";
@Input() items: string[] = [];
@Input() truncate = true;
diff --git a/libs/components/src/badge-list/badge-list.stories.ts b/libs/components/src/badge-list/badge-list.stories.ts
index 92e9e14875..24024cb6bb 100644
--- a/libs/components/src/badge-list/badge-list.stories.ts
+++ b/libs/components/src/badge-list/badge-list.stories.ts
@@ -28,7 +28,7 @@ export default {
}),
],
args: {
- badgeType: "primary",
+ variant: "primary",
truncate: false,
},
parameters: {
@@ -45,12 +45,12 @@ export const Default: Story = {
render: (args) => ({
props: args,
template: `
-
+
`,
}),
args: {
- badgeType: "info",
+ variant: "info",
maxItems: 3,
items: ["Badge 1", "Badge 2", "Badge 3", "Badge 4", "Badge 5"],
truncate: false,
@@ -60,7 +60,7 @@ export const Default: Story = {
export const Truncated: Story = {
...Default,
args: {
- badgeType: "info",
+ variant: "info",
maxItems: 3,
items: ["Badge 1", "Badge 2 containing lengthy text", "Badge 3", "Badge 4", "Badge 5"],
truncate: true,
diff --git a/libs/components/src/badge/badge.directive.ts b/libs/components/src/badge/badge.directive.ts
index 14dc96edd5..dd28d86ae8 100644
--- a/libs/components/src/badge/badge.directive.ts
+++ b/libs/components/src/badge/badge.directive.ts
@@ -1,8 +1,8 @@
import { Directive, ElementRef, HostBinding, Input } from "@angular/core";
-export type BadgeTypes = "primary" | "secondary" | "success" | "danger" | "warning" | "info";
+export type BadgeVariant = "primary" | "secondary" | "success" | "danger" | "warning" | "info";
-const styles: Record = {
+const styles: Record = {
primary: ["tw-bg-primary-500"],
secondary: ["tw-bg-text-muted"],
success: ["tw-bg-success-500"],
@@ -11,7 +11,7 @@ const styles: Record = {
info: ["tw-bg-info-500"],
};
-const hoverStyles: Record = {
+const hoverStyles: Record = {
primary: ["hover:tw-bg-primary-700"],
secondary: ["hover:tw-bg-secondary-700"],
success: ["hover:tw-bg-success-700"],
@@ -44,15 +44,22 @@ export class BadgeDirective {
"focus:tw-ring-offset-2",
"focus:tw-ring-primary-700",
]
- .concat(styles[this.badgeType])
- .concat(this.hasHoverEffects ? hoverStyles[this.badgeType] : [])
+ .concat(styles[this.variant])
+ .concat(this.hasHoverEffects ? hoverStyles[this.variant] : [])
.concat(this.truncate ? ["tw-truncate", "tw-max-w-40"] : []);
}
@HostBinding("attr.title") get title() {
return this.truncate ? this.el.nativeElement.textContent.trim() : null;
}
- @Input() badgeType: BadgeTypes = "primary";
+ /**
+ * Variant, sets the background color of the badge.
+ */
+ @Input() variant: BadgeVariant = "primary";
+
+ /**
+ * Truncate long text
+ */
@Input() truncate = true;
private hasHoverEffects = false;
diff --git a/libs/components/src/badge/badge.stories.ts b/libs/components/src/badge/badge.stories.ts
index 5912250e0e..27873bbbbf 100644
--- a/libs/components/src/badge/badge.stories.ts
+++ b/libs/components/src/badge/badge.stories.ts
@@ -13,7 +13,7 @@ export default {
}),
],
args: {
- badgeType: "primary",
+ variant: "primary",
truncate: false,
},
parameters: {
@@ -30,11 +30,11 @@ export const Primary: Story = {
render: (args) => ({
props: args,
template: `
- Span Badge containing lengthy text
+ Span Badge containing lengthy text
- Link Badge
+ Link Badge
- Button Badge
+ Button Badge
`,
}),
};
@@ -42,35 +42,35 @@ export const Primary: Story = {
export const Secondary: Story = {
...Primary,
args: {
- badgeType: "secondary",
+ variant: "secondary",
},
};
export const Success: Story = {
...Primary,
args: {
- badgeType: "success",
+ variant: "success",
},
};
export const Danger: Story = {
...Primary,
args: {
- badgeType: "danger",
+ variant: "danger",
},
};
export const Warning: Story = {
...Primary,
args: {
- badgeType: "warning",
+ variant: "warning",
},
};
export const Info: Story = {
...Primary,
args: {
- badgeType: "info",
+ variant: "info",
},
};
diff --git a/libs/components/src/badge/index.ts b/libs/components/src/badge/index.ts
index 574db348ba..a8f5babda9 100644
--- a/libs/components/src/badge/index.ts
+++ b/libs/components/src/badge/index.ts
@@ -1,2 +1,2 @@
-export { BadgeDirective, BadgeTypes } from "./badge.directive";
+export { BadgeDirective, BadgeVariant } from "./badge.directive";
export * from "./badge.module";
diff --git a/libs/components/src/multi-select/multi-select.component.html b/libs/components/src/multi-select/multi-select.component.html
index 1c972fbea4..6e0db43615 100644
--- a/libs/components/src/multi-select/multi-select.component.html
+++ b/libs/components/src/multi-select/multi-select.component.html
@@ -26,7 +26,7 @@
- All 3
+ All 3
-
+
Invited
-
+
- Accepted 2
+ Accepted 2
-
+
Deactivated
|