@purpurds/badge 5.35.0 → 6.0.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 (10) 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.map +1 -1
  5. package/dist/badge.es.js +68 -67
  6. package/dist/badge.es.js.map +1 -1
  7. package/package.json +3 -3
  8. package/src/badge.stories.tsx +1 -1
  9. package/src/badge.test.tsx +2 -1
  10. package/src/badge.tsx +8 -1
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;;;;;;;;;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"}
1
+ {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../src/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAczC,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
@@ -14,11 +14,11 @@ var v = { 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 = u(r, o.call(this, n)));
18
18
  }
19
19
  return r;
20
20
  }
21
- function l(r) {
21
+ function o(r) {
22
22
  if (typeof r == "string" || typeof r == "number")
23
23
  return this && this[r] || r;
24
24
  if (typeof r != "object")
@@ -47,74 +47,75 @@ const y = /* @__PURE__ */ 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
- }, x = {
50
+ }, x = y.bind(b), c = "purpur-icon", Z = "md", A = (e) => e.filter((s) => Object.keys(s).length >= 1).map((s) => `${s.name}="${s.value}"`).join(" "), N = ({ content: e = "", title: s } = {}) => {
51
+ const a = [
52
+ { name: "xmlns", value: "http://www.w3.org/2000/svg" },
53
+ { name: "fill", value: "currentColor" },
54
+ { name: "viewBox", value: "0 0 24 24" },
55
+ s ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
56
+ ], o = s ? `<title>${s}</title>` : "";
57
+ return `<svg ${A(a)}>${o}${e}</svg>`;
58
+ }, S = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), g = ({
59
+ ["data-testid"]: e,
60
+ svg: s,
61
+ allyTitle: a,
62
+ className: o,
63
+ size: u = Z,
64
+ ...r
65
+ }) => {
66
+ const t = N({
67
+ content: S(s.svg),
68
+ title: a
69
+ }), n = x(o, c, `${c}--${u}`);
70
+ return /* @__PURE__ */ d(
71
+ "span",
72
+ {
73
+ "aria-label": a,
74
+ className: n,
75
+ "data-testid": e,
76
+ dangerouslySetInnerHTML: { __html: t },
77
+ ...r
78
+ }
79
+ );
80
+ };
81
+ g.displayName = "Icon";
82
+ const M = {
51
83
  name: "alert",
52
84
  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
85
  keywords: ["alert"],
54
86
  category: "status"
55
- }, Z = {
87
+ }, O = {
56
88
  name: "check-circle",
57
89
  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M16.487 9.514a.872.872 0 1 0-1.42-1.014l-4.248 5.948-2.18-2.18a.872.872 0 0 0-1.233 1.234l2.908 2.908a.872.872 0 0 0 1.326-.11l4.847-6.786Z"/><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>',
58
90
  keywords: ["check-circle"],
59
91
  category: "status"
60
- }, A = {
92
+ }, C = {
61
93
  name: "error",
62
94
  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
95
  keywords: ["error"],
64
96
  category: "status"
65
- }, N = {
97
+ }, I = {
66
98
  name: "info",
67
99
  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
100
  keywords: ["info"],
69
101
  category: "status"
70
- }, S = {
102
+ }, $ = {
71
103
  name: "offering",
72
104
  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
105
  keywords: ["offering"],
74
106
  category: "other"
75
- }, M = {
107
+ }, R = {
76
108
  name: "question",
77
109
  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
110
  keywords: ["question"],
79
111
  category: "status"
80
- }, C = {
112
+ }, E = {
81
113
  name: "tag",
82
114
  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
115
  keywords: ["tag"],
84
116
  category: "other"
85
- }, O = y.bind(b), c = "purpur-icon", I = "md", R = (e) => e.filter((s) => Object.keys(s).length >= 1).map((s) => `${s.name}="${s.value}"`).join(" "), E = ({ content: e = "", title: s } = {}) => {
86
- const a = [
87
- { name: "xmlns", value: "http://www.w3.org/2000/svg" },
88
- { name: "fill", value: "currentColor" },
89
- { name: "viewBox", value: "0 0 24 24" },
90
- s ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
91
- ], l = s ? `<title>${s}</title>` : "";
92
- return `<svg ${R(a)}>${l}${e}</svg>`;
93
- }, T = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), g = ({
94
- ["data-testid"]: e,
95
- svg: s,
96
- allyTitle: a,
97
- className: l,
98
- size: u = I,
99
- ...r
100
- }) => {
101
- const t = E({
102
- content: T(s.svg),
103
- title: a
104
- }), n = O(l, c, `${c}--${u}`);
105
- return /* @__PURE__ */ d(
106
- "span",
107
- {
108
- "aria-label": a,
109
- className: n,
110
- "data-testid": e,
111
- dangerouslySetInnerHTML: { __html: t },
112
- ...r
113
- }
114
- );
115
117
  };
116
- g.displayName = "Icon";
117
- function j(e) {
118
+ function T(e) {
118
119
  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
119
120
  }
120
121
  var f = { exports: {} };
@@ -129,11 +130,11 @@ var f = { exports: {} };
129
130
  function a() {
130
131
  for (var r = "", t = 0; t < arguments.length; t++) {
131
132
  var n = arguments[t];
132
- n && (r = u(r, l(n)));
133
+ n && (r = u(r, o(n)));
133
134
  }
134
135
  return r;
135
136
  }
136
- function l(r) {
137
+ function o(r) {
137
138
  if (typeof r == "string" || typeof r == "number")
138
139
  return r;
139
140
  if (typeof r != "object")
@@ -153,8 +154,8 @@ var f = { exports: {} };
153
154
  e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
154
155
  })();
155
156
  })(f);
156
- var B = f.exports;
157
- const $ = /* @__PURE__ */ j(B), i = {
157
+ var j = f.exports;
158
+ const B = /* @__PURE__ */ T(j), i = {
158
159
  "purpur-badge": "_purpur-badge_19vzu_1",
159
160
  "purpur-badge--attention": "_purpur-badge--attention_19vzu_13",
160
161
  "purpur-badge--special": "_purpur-badge--special_19vzu_17",
@@ -164,7 +165,7 @@ const $ = /* @__PURE__ */ j(B), i = {
164
165
  "purpur-badge--warning": "_purpur-badge--warning_19vzu_33",
165
166
  "purpur-badge--error": "_purpur-badge--error_19vzu_37",
166
167
  "purpur-badge--black-friday": "_purpur-badge--black-friday_19vzu_41"
167
- }, p = "purpur-badge", o = {
168
+ }, p = "purpur-badge", l = {
168
169
  ATTENTION: "attention",
169
170
  SPECIAL: "special",
170
171
  NEUTRAL: "neutral",
@@ -173,44 +174,44 @@ const $ = /* @__PURE__ */ j(B), i = {
173
174
  WARNING: "warning",
174
175
  ERROR: "error",
175
176
  BLACK_FRIDAY: "black-friday"
176
- }, V = Object.values(o), k = (e) => {
177
+ }, V = Object.values(l), k = (e) => {
177
178
  switch (e) {
178
- case o.ATTENTION:
179
- case o.SPECIAL:
180
- return S;
181
- case o.INFORMATION:
182
- return N;
183
- case o.SUCCESS:
184
- return Z;
185
- case o.WARNING:
186
- return x;
187
- case o.ERROR:
188
- return A;
189
- case o.NEUTRAL:
179
+ case l.ATTENTION:
180
+ case l.SPECIAL:
181
+ return $;
182
+ case l.INFORMATION:
183
+ return I;
184
+ case l.SUCCESS:
185
+ return O;
186
+ case l.WARNING:
190
187
  return M;
191
- case o.BLACK_FRIDAY:
188
+ case l.ERROR:
192
189
  return C;
190
+ case l.NEUTRAL:
191
+ return R;
192
+ case l.BLACK_FRIDAY:
193
+ return E;
193
194
  default:
194
195
  return;
195
196
  }
196
- }, L = ({
197
+ }, q = ({
197
198
  children: e,
198
199
  showIcon: s = !0,
199
200
  variant: a,
200
- ["data-testid"]: l,
201
+ ["data-testid"]: o,
201
202
  allyLabel: u,
202
203
  className: r = "",
203
204
  ...t
204
205
  }) => {
205
- const n = k(a), m = $([r, i[p], i[`${p}--${a}`]]);
206
- return /* @__PURE__ */ h("span", { "aria-label": u, className: m, "data-testid": l, ...t, children: [
207
- s && n && /* @__PURE__ */ d(g, { "data-testid": `${l}-icon`, allyTitle: u, size: "xs", svg: n }),
206
+ const n = k(a), m = B([r, i[p], i[`${p}--${a}`]]);
207
+ return /* @__PURE__ */ h("span", { "aria-label": u, className: m, "data-testid": o, ...t, children: [
208
+ s && n && /* @__PURE__ */ d(g, { "data-testid": `${o}-icon`, allyTitle: u, size: "xs", svg: n }),
208
209
  e
209
210
  ] });
210
211
  };
211
212
  export {
212
- o as BADGE_VARIANT,
213
- L as Badge,
213
+ l as BADGE_VARIANT,
214
+ q as Badge,
214
215
  V as badgeVariants
215
216
  };
216
217
  //# sourceMappingURL=badge.es.js.map