@purpurds/badge 5.12.0 → 5.14.0

package/dist/badge.d.ts

@@ -8,8 +8,9 @@ export declare const BADGE_VARIANT: {
     readonly SUCCESS: "success";
     readonly WARNING: "warning";
     readonly ERROR: "error";
+    readonly BLACK_FRIDAY: "black-friday";
 };
-export declare const badgeVariants: ("attention" | "special" | "neutral" | "information" | "success" | "warning" | "error")[];
+export declare const badgeVariants: ("attention" | "special" | "neutral" | "information" | "success" | "warning" | "error" | "black-friday")[];
 export type BadgeVariant = (typeof BADGE_VARIANT)[keyof typeof BADGE_VARIANT];
 export type BadgeProps = {
     children: ReactNode;

package/dist/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../src/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOzC,eAAO,MAAM,aAAa;;;;;;;;CAQhB,CAAC;AAEX,eAAO,MAAM,aAAa,2FAA+B,CAAC;AAC1D,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAsB9E,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,KAAK,iGAQf,UAAU,sBAaZ,CAAC"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../src/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOzC,eAAO,MAAM,aAAa;;;;;;;;;CAShB,CAAC;AAEX,eAAO,MAAM,aAAa,4GAA+B,CAAC;AAC1D,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAwB9E,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,KAAK,iGAQf,UAAU,sBAaZ,CAAC"}

package/dist/badge.es.js

@@ -1,4 +1,4 @@
-import { jsx as d, jsxs as m } from "react/jsx-runtime";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 function h(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -39,7 +39,7 @@ var g = { exports: {} };
   })();
 })(g);
 var w = g.exports;
-const _ = /* @__PURE__ */ h(w), b = {
+const _ = /* @__PURE__ */ h(w), y = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -47,7 +47,7 @@ const _ = /* @__PURE__ */ h(w), b = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, y = {
+}, b = {
   name: "alert",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="m13.038 7.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.586 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.664 0 1.25.601 1.25 1.234Z"/><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-1.75 0a8.25 8.25 0 1 1-16.5 0 8.25 8.25 0 0 1 16.5 0Z" clip-rule="evenodd"/></svg>',
   keywords: ["alert"],
@@ -62,7 +62,7 @@ const _ = /* @__PURE__ */ h(w), b = {
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M10.354 3.05c.732-1.267 2.56-1.267 3.291 0l8.66 15c.732 1.267-.182 2.85-1.645 2.85H3.34c-1.463 0-2.377-1.583-1.646-2.85l8.66-15Zm1.595.862a.092.092 0 0 0-.036.038l-8.66 15a.092.092 0 0 0-.015.05c0 .014.005.032.015.05a.11.11 0 0 0 .036.038.09.09 0 0 0 .05.012H20.66a.088.088 0 0 0 .05-.012.106.106 0 0 0 .037-.038.105.105 0 0 0 .015-.05.092.092 0 0 0-.015-.05l-8.66-15a.092.092 0 0 0-.036-.038A.106.106 0 0 0 12 3.9a.105.105 0 0 0-.05.012Z" clip-rule="evenodd"/><path d="m12.523 14.922.412-6.25a.936.936 0 1 0-1.868 0l.421 6.25h1.035ZM12 17.52c.44 0 .826-.387.826-.815 0-.418-.387-.816-.826-.816-.428 0-.825.398-.825.816 0 .428.397.815.825.815Z"/><path fill-rule="evenodd" d="M12.691 15.096h-1.37l-.431-6.53a1 1 0 0 1 .997-1.066h.227a1 1 0 0 1 .998 1.064l-.42 6.532Zm.244-6.425a.936.936 0 1 0-1.868.002l.421 6.249h1.035l.412-6.25ZM13 16.706c0 .526-.466.99-1 .99-.522 0-1-.463-1-.99 0-.264.125-.51.304-.689.18-.178.429-.301.696-.301.536 0 1 .475 1 .99Zm-.174 0c0 .428-.387.815-.826.815-.428 0-.825-.387-.825-.815 0-.418.397-.816.825-.816.44 0 .826.398.826.816Z" clip-rule="evenodd"/></svg>',
   keywords: ["error"],
   category: "status"
-}, S = {
+}, A = {
   name: "info",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M11 8.18c0 .537.469.979 1.007.979.524 0 .993-.442.993-.98s-.469-.979-.993-.979c-.538 0-1.007.441-1.007.98Zm.152 1.958v6.897h1.696v-6.897h-1.696Z"/><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-1.75 0a8.25 8.25 0 1 1-16.5 0 8.25 8.25 0 0 1 16.5 0Z" clip-rule="evenodd"/></svg>',
   keywords: ["info"],
@@ -72,31 +72,36 @@ const _ = /* @__PURE__ */ h(w), b = {
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M7.118 4.6H7a1.9 1.9 0 0 0-1.9 1.9V8a1.9 1.9 0 0 0 1.5 1.858v.642a.9.9 0 1 0 1.8 0v-.6h3.2v.6a.9.9 0 0 0 1.8 0v-.6h3.7V11a.9.9 0 0 0 1.8 0V9.858A1.9 1.9 0 0 0 20.4 8V6.5a1.9 1.9 0 0 0-1.9-1.9h-.618c-.063-.708-.3-1.394-.756-1.943-.56-.674-1.384-1.057-2.376-1.057-.92 0-1.696.33-2.25.915-.554-.585-1.33-.915-2.25-.915-.992 0-1.816.383-2.376 1.057-.457.549-.693 1.235-.756 1.943Zm1.812 0h2.64c-.053-.34-.174-.607-.328-.792-.192-.232-.493-.408-.992-.408s-.8.176-.992.408c-.154.185-.275.452-.328.792Zm4.5 0h2.64c-.053-.34-.174-.607-.328-.792-.192-.232-.493-.408-.992-.408s-.8.176-.992.408c-.154.185-.275.452-.328.792Zm-.03 3.5h5.1a.1.1 0 0 0 .1-.1V6.5a.1.1 0 0 0-.1-.1h-5.1v1.7Zm-1.8-1.7H7a.1.1 0 0 0-.1.1V8a.1.1 0 0 0 .1.1h4.6V6.4Zm8.335 5.147c.743-.107 1.52.135 2.201.817.474.473.695 1.011.708 1.548.012.508-.163.927-.318 1.2-.185.326-.47.607-.634.77l-.049.047-4.414 4.414a1.9 1.9 0 0 1-1.343.557H7.914a.1.1 0 0 0-.07.03l-.5.5a1.9 1.9 0 0 1-2.687 0L2.57 19.342a1.9 1.9 0 0 1 0-2.686l4-4a1.9 1.9 0 0 1 1.343-.557H14.5v.9-.9h.041l.065.004a2.73 2.73 0 0 1 .79.185 2.665 2.665 0 0 1 1.46 1.417c.188-.162.375-.324.551-.479.46-.401.815-.722.957-.863.338-.34.882-.719 1.571-.817ZM15.088 15.1a1.06 1.06 0 0 0 .08-.145c.1-.207.113-.38.027-.553a.867.867 0 0 0-.668-.497.628.628 0 0 0-.042-.005h-6.57a.1.1 0 0 0-.071.03l-4 4a.1.1 0 0 0 0 .14l2.085 2.087a.1.1 0 0 0 .142 0l.5-.5a1.9 1.9 0 0 1 1.343-.557h8.172a.1.1 0 0 0 .07-.03l4.415-4.414c.225-.225.334-.335.39-.434a.539.539 0 0 0 .083-.266.283.283 0 0 0-.026-.11.712.712 0 0 0-.154-.21c-.319-.318-.542-.326-.674-.307-.186.026-.392.146-.554.307-.191.192-.595.553-1.043.946-.904.79-2.143 1.838-2.561 2.144l-.238.174H10.5a.9.9 0 0 1 0-1.8h4.588Z" clip-rule="evenodd"/></svg>',
   keywords: ["offering"],
   category: "other"
-}, A = {
+}, S = {
   name: "question",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M13.672 12.056c-.635.547-1.242 1.07-1.164 2.062h-1.385c-.309-1.553.504-2.214 1.23-2.805.514-.419.986-.802.986-1.442 0-.593-.489-1.068-1.267-1.068-.764 0-1.345.422-1.872 1.187L9 9.067C9.712 7.92 10.807 7.3 12.086 7.3 13.906 7.3 15 8.42 15 9.78c0 1.133-.678 1.717-1.328 2.277Zm-.822 3.763c0 .54-.487 1.028-1.041 1.028-.554 0-1.042-.488-1.042-1.028 0-.528.488-1.029 1.042-1.029s1.042.501 1.042 1.029Z"/><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-1.75 0a8.25 8.25 0 1 1-16.5 0 8.25 8.25 0 0 1 16.5 0Z" clip-rule="evenodd"/></svg>',
   keywords: ["question"],
   category: "status"
-}, O = _.bind(b), c = "purpur-icon", M = "md", C = (e) => e.filter((s) => Object.keys(s).length >= 1).map((s) => `${s.name}="${s.value}"`).join(" "), I = ({ content: e = "", title: s } = {}) => {
+}, M = {
+  name: "tag",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.1 4a.9.9 0 0 1 .9-.9h6.5a.9.9 0 0 1 .636.264l10 10a.9.9 0 0 1 0 1.272l-4.5 4.5a.9.9 0 1 1-1.272-1.272L19.227 14l-9.1-9.1H4.9v5.227l9.736 9.737a.9.9 0 1 1-1.272 1.272l-10-10A.9.9 0 0 1 3.1 10.5V4ZM8 7.4a.6.6 0 1 0 0 1.2.6.6 0 0 0 0-1.2ZM5.6 8a2.4 2.4 0 1 1 4.8 0 2.4 2.4 0 0 1-4.8 0Z" clip-rule="evenodd"/></svg>',
+  keywords: ["tag"],
+  category: "other"
+}, C = _.bind(y), c = "purpur-icon", O = "md", I = (e) => e.filter((s) => Object.keys(s).length >= 1).map((s) => `${s.name}="${s.value}"`).join(" "), R = ({ content: e = "", title: s } = {}) => {
   const a = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     s ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], l = s ? `<title>${s}</title>` : "";
-  return `<svg ${C(a)}>${l}${e}</svg>`;
-}, T = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), E = ({
+  return `<svg ${I(a)}>${l}${e}</svg>`;
+}, E = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), T = ({
   ["data-testid"]: e,
   svg: s,
   allyTitle: a,
   className: l,
-  size: u = M,
+  size: u = O,
   ...r
 }) => {
-  const t = I({
-    content: T(s.svg),
+  const t = R({
+    content: E(s.svg),
     title: a
-  }), n = O(l, c, `${c}--${u}`);
+  }), n = C(l, c, `${c}--${u}`);
   return /* @__PURE__ */ d(
     "span",
     {
@@ -108,7 +113,7 @@ const _ = /* @__PURE__ */ h(w), b = {
     }
   );
 };
-function R(e) {
+function j(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var v = { exports: {} };
@@ -147,16 +152,17 @@ var v = { exports: {} };
     e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
 })(v);
-var j = v.exports;
-const $ = /* @__PURE__ */ R(j), i = {
-  "purpur-badge": "_purpur-badge_stlab_1",
-  "purpur-badge--attention": "_purpur-badge--attention_stlab_13",
-  "purpur-badge--special": "_purpur-badge--special_stlab_17",
-  "purpur-badge--neutral": "_purpur-badge--neutral_stlab_21",
-  "purpur-badge--information": "_purpur-badge--information_stlab_25",
-  "purpur-badge--success": "_purpur-badge--success_stlab_29",
-  "purpur-badge--warning": "_purpur-badge--warning_stlab_33",
-  "purpur-badge--error": "_purpur-badge--error_stlab_37"
+var B = v.exports;
+const $ = /* @__PURE__ */ j(B), i = {
+  "purpur-badge": "_purpur-badge_1r1mu_1",
+  "purpur-badge--attention": "_purpur-badge--attention_1r1mu_13",
+  "purpur-badge--special": "_purpur-badge--special_1r1mu_17",
+  "purpur-badge--neutral": "_purpur-badge--neutral_1r1mu_21",
+  "purpur-badge--information": "_purpur-badge--information_1r1mu_25",
+  "purpur-badge--success": "_purpur-badge--success_1r1mu_29",
+  "purpur-badge--warning": "_purpur-badge--warning_1r1mu_33",
+  "purpur-badge--error": "_purpur-badge--error_1r1mu_37",
+  "purpur-badge--black-friday": "_purpur-badge--black-friday_1r1mu_41"
 }, p = "purpur-badge", o = {
   ATTENTION: "attention",
   SPECIAL: "special",
@@ -164,26 +170,29 @@ const $ = /* @__PURE__ */ R(j), i = {
   INFORMATION: "information",
   SUCCESS: "success",
   WARNING: "warning",
-  ERROR: "error"
-}, V = Object.values(o), q = (e) => {
+  ERROR: "error",
+  BLACK_FRIDAY: "black-friday"
+}, L = Object.values(o), k = (e) => {
   switch (e) {
     case o.ATTENTION:
     case o.SPECIAL:
       return N;
     case o.INFORMATION:
-      return S;
+      return A;
     case o.SUCCESS:
       return x;
     case o.WARNING:
-      return y;
+      return b;
     case o.ERROR:
       return Z;
     case o.NEUTRAL:
-      return A;
+      return S;
+    case o.BLACK_FRIDAY:
+      return M;
     default:
       return;
   }
-}, k = ({
+}, q = ({
   children: e,
   showIcon: s = !0,
   variant: a,
@@ -192,15 +201,15 @@ const $ = /* @__PURE__ */ R(j), i = {
   className: r = "",
   ...t
 }) => {
-  const n = q(a), f = $([r, i[p], i[`${p}--${a}`]]);
-  return /* @__PURE__ */ m("span", { "aria-label": u, className: f, "data-testid": l, ...t, children: [
-    s && n && /* @__PURE__ */ d(E, { "data-testid": `${l}-icon`, allyTitle: u, size: "xs", svg: n }),
+  const n = k(a), m = $([r, i[p], i[`${p}--${a}`]]);
+  return /* @__PURE__ */ f("span", { "aria-label": u, className: m, "data-testid": l, ...t, children: [
+    s && n && /* @__PURE__ */ d(T, { "data-testid": `${l}-icon`, allyTitle: u, size: "xs", svg: n }),
     e
   ] });
 };
 export {
   o as BADGE_VARIANT,
-  k as Badge,
-  V as badgeVariants
+  q as Badge,
+  L as badgeVariants
 };
 //# sourceMappingURL=badge.es.js.map