@purpurds/badge 3.5.1 → 3.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/badge",
-  "version": "3.5.1",
+  "version": "3.7.0",
   "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/icon": "3.5.1",
-    "@purpurds/tokens": "3.5.1"
+    "@purpurds/icon": "3.7.0",
+    "@purpurds/tokens": "3.7.0"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.7.0",
@@ -38,8 +38,8 @@
     "prettier": "~2.8.8",
     "react-dom": "~18.2.0",
     "react": "~18.2.0",
-    "typescript": "~5.2.2",
-    "vite": "~5.1.0",
+    "typescript": "~5.4.2",
+    "vite": "~5.2.2",
     "vitest": "~1.4.0",
     "@purpurds/component-rig": "1.0.0"
   },

package/readme.mdx

@@ -21,30 +21,18 @@ import packageInfo from "./package.json";
 
 #### Via NPM, in the monorepo
 
-Add the dependency to your consumer app like `"@purpurds/badge": "x.y.z"`
-
-### Via NPM, outside the monorepo (build-time)
-
-To install this package, you need to setup access to the new artifactory. [Click here to go to the guide on how to do that](https://github.com/telia-company/jfrog-documentation/blob/main/doc/JFrog/JFrog_Onboarding.md#getting-access-to-artifactory-and-other-jfrog-applications).
-
----
+Add the dependency to your consumer app like `"@purpurds/purpur": "^x.y.z"`
 
 In MyApp.tsx
 
 ```tsx
-import "@purpurds/badge/styles";
-```
-
-and
-
-```tsx
-import "@purpurds/badge/styles";
+import "@purpurds/purpur/styles";
 ```
 
 In MyComponent.tsx
 
 ```tsx
-import { Badge } from "@purpurds/badge";
+import { Badge } from "@purpurds/purpur";
 
 export const MyComponent = () => {
   return (

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;
   }