@purpurds/badge 3.6.0 → 3.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/badge",
-  "version": "3.6.0",
+  "version": "3.7.1",
   "license": "AGPL-3.0-only",
   "main": "./dist/badge.cjs.js",
   "types": "./dist/badge.d.ts",
@@ -16,8 +16,8 @@
   "source": "src/badge.tsx",
   "dependencies": {
     "classnames": "~2.5.0",
-    "@purpurds/tokens": "3.6.0",
-    "@purpurds/icon": "3.6.0"
+    "@purpurds/icon": "3.7.1",
+    "@purpurds/tokens": "3.7.1"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.7.0",

package/src/badge.test.tsx

@@ -26,9 +26,9 @@ describe("Badge", () => {
     expect(screen.getByTestId("badge-icon")).toHaveAttribute("aria-label", "Testing badge");
   });
 
-  it("should render with badge variant without default icon", () => {
+  it("should render with badge without icon, with default icon", () => {
     render(
-      <Badge data-testid="badge" variant="special" allyLabel="Testing badge">
+      <Badge data-testid="badge" variant="special" allyLabel="Testing badge" showIcon={false}>
         Badge test
       </Badge>
     );

package/src/badge.tsx

@@ -1,5 +1,5 @@
 import React, { ReactNode } from "react";
-import { alert, checkCircle, error, Icon } from "@purpurds/icon";
+import { alert, checkCircle, error, Icon, info, offering, question } from "@purpurds/icon";
 import c from "classnames";
 
 import styles from "./badge.module.scss";
@@ -20,12 +20,19 @@ export type BadgeVariant = (typeof BADGE_VARIANT)[keyof typeof BADGE_VARIANT];
 
 const getIcon = (variant: BadgeVariant) => {
   switch (variant) {
+    case BADGE_VARIANT.ATTENTION:
+    case BADGE_VARIANT.SPECIAL:
+      return offering;
+    case BADGE_VARIANT.INFORMATION:
+      return info;
     case BADGE_VARIANT.SUCCESS:
       return checkCircle;
     case BADGE_VARIANT.WARNING:
       return alert;
     case BADGE_VARIANT.ERROR:
       return error;
+    case BADGE_VARIANT.NEUTRAL:
+      return question;
     default:
       return;
   }