@purpurds/badge 5.12.0 → 5.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/LICENSE.txt +1 -1
  2. package/dist/badge.cjs.js +3 -3
  3. package/dist/badge.cjs.js.map +1 -1
  4. package/dist/badge.d.ts +2 -1
  5. package/dist/badge.d.ts.map +1 -1
  6. package/dist/badge.es.js +43 -34
  7. package/dist/badge.es.js.map +1 -1
  8. package/dist/styles.css +1 -1
  9. package/package.json +3 -3
  10. package/src/badge.module.scss +5 -0
  11. package/src/badge.tsx +4 -1
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- ._purpur-badge_stlab_1{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-medium);font-size:var(--purpur-typography-scale-75);min-height:var(--purpur-spacing-200);border-radius:var(--purpur-border-radius-xs);line-height:1;padding:var(--purpur-spacing-50) var(--purpur-spacing-100);display:inline-flex;align-items:center;gap:var(--purpur-spacing-50)}._purpur-badge--attention_stlab_13{background-color:var(--purpur-color-background-status-attention);color:var(--purpur-color-text-status-attention)}._purpur-badge--special_stlab_17{background-color:var(--purpur-color-background-status-special);color:var(--purpur-color-text-status-special)}._purpur-badge--neutral_stlab_21{background-color:var(--purpur-color-background-status-neutral);color:var(--purpur-color-text-status-neutral)}._purpur-badge--information_stlab_25{background-color:var(--purpur-color-background-status-info-strong);color:var(--purpur-color-text-status-info-strong)}._purpur-badge--success_stlab_29{background-color:var(--purpur-color-background-status-success-strong);color:var(--purpur-color-text-status-success-strong)}._purpur-badge--warning_stlab_33{background-color:var(--purpur-color-background-status-warning-strong);color:var(--purpur-color-text-status-warning-strong)}._purpur-badge--error_stlab_37{background-color:var(--purpur-color-background-status-error-strong);color:var(--purpur-color-text-status-error-strong)}
1
+ ._purpur-badge_1r1mu_1{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-medium);font-size:var(--purpur-typography-scale-75);min-height:var(--purpur-spacing-200);border-radius:var(--purpur-border-radius-xs);line-height:1;padding:var(--purpur-spacing-50) var(--purpur-spacing-100);display:inline-flex;align-items:center;gap:var(--purpur-spacing-50)}._purpur-badge--attention_1r1mu_13{background-color:var(--purpur-color-background-status-attention);color:var(--purpur-color-text-status-attention)}._purpur-badge--special_1r1mu_17{background-color:var(--purpur-color-background-status-special);color:var(--purpur-color-text-status-special)}._purpur-badge--neutral_1r1mu_21{background-color:var(--purpur-color-background-status-neutral);color:var(--purpur-color-text-status-neutral)}._purpur-badge--information_1r1mu_25{background-color:var(--purpur-color-background-status-info-strong);color:var(--purpur-color-text-status-info-strong)}._purpur-badge--success_1r1mu_29{background-color:var(--purpur-color-background-status-success-strong);color:var(--purpur-color-text-status-success-strong)}._purpur-badge--warning_1r1mu_33{background-color:var(--purpur-color-background-status-warning-strong);color:var(--purpur-color-text-status-warning-strong)}._purpur-badge--error_1r1mu_37{background-color:var(--purpur-color-background-status-error-strong);color:var(--purpur-color-text-status-error-strong)}._purpur-badge--black-friday_1r1mu_41{background-color:var(--purpur-color-background-status-black-friday);color:var(--purpur-color-text-status-black-friday)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@purpurds/badge",
3
- "version": "5.12.0",
3
+ "version": "5.14.0",
4
4
  "license": "AGPL-3.0-only",
5
5
  "main": "./dist/badge.cjs.js",
6
6
  "types": "./dist/badge.d.ts",
@@ -15,8 +15,8 @@
15
15
  "source": "src/badge.tsx",
16
16
  "dependencies": {
17
17
  "classnames": "~2.5.0",
18
- "@purpurds/tokens": "5.12.0",
19
- "@purpurds/icon": "5.12.0"
18
+ "@purpurds/icon": "5.14.0",
19
+ "@purpurds/tokens": "5.14.0"
20
20
  },
21
21
  "devDependencies": {
22
22
  "@rushstack/eslint-patch": "~1.10.0",
package/src/badge.module.scss CHANGED
@@ -45,4 +45,9 @@
45
45
  background-color: var(--purpur-color-background-status-error-strong);
46
46
  color: var(--purpur-color-text-status-error-strong);
47
47
  }
48
+
49
+ &--black-friday {
50
+ background-color: var(--purpur-color-background-status-black-friday);
51
+ color: var(--purpur-color-text-status-black-friday);
52
+ }
48
53
  }
package/src/badge.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React, { ReactNode } from "react";
2
- import { alert, checkCircle, error, Icon, info, offering, question } from "@purpurds/icon";
2
+ import { alert, checkCircle, error, Icon, info, offering, question, tag } from "@purpurds/icon";
3
3
  import c from "classnames";
4
4
 
5
5
  import styles from "./badge.module.scss";
@@ -13,6 +13,7 @@ export const BADGE_VARIANT = {
13
13
  SUCCESS: "success",
14
14
  WARNING: "warning",
15
15
  ERROR: "error",
16
+ BLACK_FRIDAY: "black-friday",
16
17
  } as const;
17
18
 
18
19
  export const badgeVariants = Object.values(BADGE_VARIANT);
@@ -33,6 +34,8 @@ const getIcon = (variant: BadgeVariant) => {
33
34
  return error;
34
35
  case BADGE_VARIANT.NEUTRAL:
35
36
  return question;
37
+ case BADGE_VARIANT.BLACK_FRIDAY:
38
+ return tag;
36
39
  default:
37
40
  return;
38
41
  }