@purpurds/badge 5.11.2 → 5.13.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 +55 -46
  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/badge.d.ts CHANGED
@@ -8,8 +8,9 @@ export declare const BADGE_VARIANT: {
8
8
  readonly SUCCESS: "success";
9
9
  readonly WARNING: "warning";
10
10
  readonly ERROR: "error";
11
+ readonly BLACK_FRIDAY: "black-friday";
11
12
  };
12
- export declare const badgeVariants: ("attention" | "special" | "neutral" | "information" | "success" | "warning" | "error")[];
13
+ export declare const badgeVariants: ("attention" | "special" | "neutral" | "information" | "success" | "warning" | "error" | "black-friday")[];
13
14
  export type BadgeVariant = (typeof BADGE_VARIANT)[keyof typeof BADGE_VARIANT];
14
15
  export type BadgeProps = {
15
16
  children: ReactNode;
package/dist/badge.d.ts.map CHANGED
@@ -1 +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"}
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;;;;;;;;;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 CHANGED
@@ -1,4 +1,4 @@
1
- import { jsx as d, jsxs as m } from "react/jsx-runtime";
1
+ import { jsx as d, jsxs as f } from "react/jsx-runtime";
2
2
  function h(e) {
3
3
  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
4
4
  }
@@ -14,11 +14,11 @@ var g = { exports: {} };
14
14
  function a() {
15
15
  for (var r = "", t = 0; t < arguments.length; t++) {
16
16
  var n = arguments[t];
17
- n && (r = u(r, l.call(this, n)));
17
+ n && (r = l(r, u.call(this, n)));
18
18
  }
19
19
  return r;
20
20
  }
21
- function l(r) {
21
+ function u(r) {
22
22
  if (typeof r == "string" || typeof r == "number")
23
23
  return this && this[r] || r;
24
24
  if (typeof r != "object")
@@ -29,17 +29,17 @@ var g = { exports: {} };
29
29
  return r.toString();
30
30
  var t = "";
31
31
  for (var n in r)
32
- s.call(r, n) && r[n] && (t = u(t, this && this[n] || n));
32
+ s.call(r, n) && r[n] && (t = l(t, this && this[n] || n));
33
33
  return t;
34
34
  }
35
- function u(r, t) {
35
+ function l(r, t) {
36
36
  return t ? r ? r + " " + t : r + t : r;
37
37
  }
38
38
  e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
39
39
  })();
40
40
  })(g);
41
41
  var w = g.exports;
42
- const _ = /* @__PURE__ */ h(w), b = {
42
+ const _ = /* @__PURE__ */ h(w), y = {
43
43
  "purpur-icon": "_purpur-icon_8u1lq_1",
44
44
  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
45
45
  "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -47,7 +47,7 @@ const _ = /* @__PURE__ */ h(w), b = {
47
47
  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
48
48
  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
49
49
  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
50
- }, y = {
50
+ }, b = {
51
51
  name: "alert",
52
52
  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>',
53
53
  keywords: ["alert"],
@@ -62,41 +62,46 @@ const _ = /* @__PURE__ */ h(w), b = {
62
62
  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>',
63
63
  keywords: ["error"],
64
64
  category: "status"
65
- }, S = {
65
+ }, A = {
66
66
  name: "info",
67
67
  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>',
68
68
  keywords: ["info"],
69
69
  category: "status"
70
- }, N = {
70
+ }, S = {
71
71
  name: "offering",
72
72
  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>',
73
73
  keywords: ["offering"],
74
74
  category: "other"
75
- }, A = {
75
+ }, N = {
76
76
  name: "question",
77
77
  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>',
78
78
  keywords: ["question"],
79
79
  category: "status"
80
- }, 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 } = {}) => {
80
+ }, M = {
81
+ name: "tag",
82
+ 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>',
83
+ keywords: ["tag"],
84
+ category: "other"
85
+ }, O = _.bind(y), c = "purpur-icon", C = "md", I = (e) => e.filter((s) => Object.keys(s).length >= 1).map((s) => `${s.name}="${s.value}"`).join(" "), R = ({ content: e = "", title: s } = {}) => {
81
86
  const a = [
82
87
  { name: "xmlns", value: "http://www.w3.org/2000/svg" },
83
88
  { name: "fill", value: "currentColor" },
84
89
  { name: "viewBox", value: "0 0 24 24" },
85
90
  s ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
86
- ], l = s ? `<title>${s}</title>` : "";
87
- return `<svg ${C(a)}>${l}${e}</svg>`;
88
- }, T = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), E = ({
91
+ ], u = s ? `<title>${s}</title>` : "";
92
+ return `<svg ${I(a)}>${u}${e}</svg>`;
93
+ }, T = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), B = ({
89
94
  ["data-testid"]: e,
90
95
  svg: s,
91
96
  allyTitle: a,
92
- className: l,
93
- size: u = M,
97
+ className: u,
98
+ size: l = C,
94
99
  ...r
95
100
  }) => {
96
- const t = I({
101
+ const t = R({
97
102
  content: T(s.svg),
98
103
  title: a
99
- }), n = O(l, c, `${c}--${u}`);
104
+ }), n = O(u, c, `${c}--${l}`);
100
105
  return /* @__PURE__ */ d(
101
106
  "span",
102
107
  {
@@ -108,7 +113,7 @@ const _ = /* @__PURE__ */ h(w), b = {
108
113
  }
109
114
  );
110
115
  };
111
- function R(e) {
116
+ function E(e) {
112
117
  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
113
118
  }
114
119
  var v = { exports: {} };
@@ -123,11 +128,11 @@ var v = { exports: {} };
123
128
  function a() {
124
129
  for (var r = "", t = 0; t < arguments.length; t++) {
125
130
  var n = arguments[t];
126
- n && (r = u(r, l(n)));
131
+ n && (r = l(r, u(n)));
127
132
  }
128
133
  return r;
129
134
  }
130
- function l(r) {
135
+ function u(r) {
131
136
  if (typeof r == "string" || typeof r == "number")
132
137
  return r;
133
138
  if (typeof r != "object")
@@ -138,25 +143,26 @@ var v = { exports: {} };
138
143
  return r.toString();
139
144
  var t = "";
140
145
  for (var n in r)
141
- s.call(r, n) && r[n] && (t = u(t, n));
146
+ s.call(r, n) && r[n] && (t = l(t, n));
142
147
  return t;
143
148
  }
144
- function u(r, t) {
149
+ function l(r, t) {
145
150
  return t ? r ? r + " " + t : r + t : r;
146
151
  }
147
152
  e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
148
153
  })();
149
154
  })(v);
150
155
  var j = v.exports;
151
- const $ = /* @__PURE__ */ R(j), i = {
152
- "purpur-badge": "_purpur-badge_stlab_1",
153
- "purpur-badge--attention": "_purpur-badge--attention_stlab_13",
154
- "purpur-badge--special": "_purpur-badge--special_stlab_17",
155
- "purpur-badge--neutral": "_purpur-badge--neutral_stlab_21",
156
- "purpur-badge--information": "_purpur-badge--information_stlab_25",
157
- "purpur-badge--success": "_purpur-badge--success_stlab_29",
158
- "purpur-badge--warning": "_purpur-badge--warning_stlab_33",
159
- "purpur-badge--error": "_purpur-badge--error_stlab_37"
156
+ const k = /* @__PURE__ */ E(j), i = {
157
+ "purpur-badge": "_purpur-badge_1r1mu_1",
158
+ "purpur-badge--attention": "_purpur-badge--attention_1r1mu_13",
159
+ "purpur-badge--special": "_purpur-badge--special_1r1mu_17",
160
+ "purpur-badge--neutral": "_purpur-badge--neutral_1r1mu_21",
161
+ "purpur-badge--information": "_purpur-badge--information_1r1mu_25",
162
+ "purpur-badge--success": "_purpur-badge--success_1r1mu_29",
163
+ "purpur-badge--warning": "_purpur-badge--warning_1r1mu_33",
164
+ "purpur-badge--error": "_purpur-badge--error_1r1mu_37",
165
+ "purpur-badge--black-friday": "_purpur-badge--black-friday_1r1mu_41"
160
166
  }, p = "purpur-badge", o = {
161
167
  ATTENTION: "attention",
162
168
  SPECIAL: "special",
@@ -164,43 +170,46 @@ const $ = /* @__PURE__ */ R(j), i = {
164
170
  INFORMATION: "information",
165
171
  SUCCESS: "success",
166
172
  WARNING: "warning",
167
- ERROR: "error"
168
- }, V = Object.values(o), q = (e) => {
173
+ ERROR: "error",
174
+ BLACK_FRIDAY: "black-friday"
175
+ }, q = Object.values(o), V = (e) => {
169
176
  switch (e) {
170
177
  case o.ATTENTION:
171
178
  case o.SPECIAL:
172
- return N;
173
- case o.INFORMATION:
174
179
  return S;
180
+ case o.INFORMATION:
181
+ return A;
175
182
  case o.SUCCESS:
176
183
  return x;
177
184
  case o.WARNING:
178
- return y;
185
+ return b;
179
186
  case o.ERROR:
180
187
  return Z;
181
188
  case o.NEUTRAL:
182
- return A;
189
+ return N;
190
+ case o.BLACK_FRIDAY:
191
+ return M;
183
192
  default:
184
193
  return;
185
194
  }
186
- }, k = ({
195
+ }, H = ({
187
196
  children: e,
188
197
  showIcon: s = !0,
189
198
  variant: a,
190
- ["data-testid"]: l,
191
- allyLabel: u,
199
+ ["data-testid"]: u,
200
+ allyLabel: l,
192
201
  className: r = "",
193
202
  ...t
194
203
  }) => {
195
- const n = q(a), f = $([r, i[p], i[`${p}--${a}`]]);
196
- return /* @__PURE__ */ m("span", { "aria-label": u, className: f, "data-testid": l, ...t, children: [
197
- s && n && /* @__PURE__ */ d(E, { "data-testid": `${l}-icon`, allyTitle: u, size: "xs", svg: n }),
204
+ const n = V(a), m = k([r, i[p], i[`${p}--${a}`]]);
205
+ return /* @__PURE__ */ f("span", { "aria-label": l, className: m, "data-testid": u, ...t, children: [
206
+ s && n && /* @__PURE__ */ d(B, { "data-testid": `${u}-icon`, allyTitle: l, size: "xs", svg: n }),
198
207
  e
199
208
  ] });
200
209
  };
201
210
  export {
202
211
  o as BADGE_VARIANT,
203
- k as Badge,
204
- V as badgeVariants
212
+ H as Badge,
213
+ q as badgeVariants
205
214
  };
206
215
  //# sourceMappingURL=badge.es.js.map