@sproutsocial/seeds-react-badge 1.0.0

package/dist/index.js

@@ -0,0 +1,616 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Badge: () => Badge_default,
+  badgeColors: () => badgeColors,
+  default: () => src_default,
+  legacyBadgeColors: () => legacyBadgeColors
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/Badge.tsx
+var React = require("react");
+var import_seeds_react_box = __toESM(require("@sproutsocial/seeds-react-box"));
+var import_seeds_react_icon = __toESM(require("@sproutsocial/seeds-react-icon"));
+
+// src/styles.ts
+var import_styled_components = __toESM(require("styled-components"));
+
+// ../seeds-react-system-props/dist/index.mjs
+var import_react = require("react");
+var _r = Object.create;
+var _ = Object.defineProperty;
+var re = Object.getOwnPropertyDescriptor;
+var ee = Object.getOwnPropertyNames;
+var te = Object.getPrototypeOf;
+var oe = Object.prototype.hasOwnProperty;
+var ae = (a3, r) => () => (r || a3((r = { exports: {} }).exports, r), r.exports);
+var se = (a3, r, e, o) => {
+  if (r && typeof r == "object" || typeof r == "function")
+    for (let t of ee(r))
+      !oe.call(a3, t) && t !== e && _(a3, t, { get: () => r[t], enumerable: !(o = re(r, t)) || o.enumerable });
+  return a3;
+};
+var ie = (a3, r, e) => (e = a3 != null ? _r(te(a3)) : {}, se(!a3 || !a3.__esModule ? _(e, "default", { value: a3, enumerable: true }) : e, a3));
+var tr = ae(($e, er) => {
+  var rr = Object.getOwnPropertySymbols, pe = Object.prototype.hasOwnProperty, ne = Object.prototype.propertyIsEnumerable;
+  function de(a3) {
+    if (a3 == null)
+      throw new TypeError("Object.assign cannot be called with null or undefined");
+    return Object(a3);
+  }
+  function le() {
+    try {
+      if (!Object.assign)
+        return false;
+      var a3 = new String("abc");
+      if (a3[5] = "de", Object.getOwnPropertyNames(a3)[0] === "5")
+        return false;
+      for (var r = {}, e = 0; e < 10; e++)
+        r["_" + String.fromCharCode(e)] = e;
+      var o = Object.getOwnPropertyNames(r).map(function(s) {
+        return r[s];
+      });
+      if (o.join("") !== "0123456789")
+        return false;
+      var t = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(s) {
+        t[s] = s;
+      }), Object.keys(Object.assign({}, t)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return false;
+    }
+  }
+  er.exports = le() ? Object.assign : function(a3, r) {
+    for (var e, o = de(a3), t, s = 1; s < arguments.length; s++) {
+      e = Object(arguments[s]);
+      for (var i in e)
+        pe.call(e, i) && (o[i] = e[i]);
+      if (rr) {
+        t = rr(e);
+        for (var p = 0; p < t.length; p++)
+          ne.call(e, t[p]) && (o[t[p]] = e[t[p]]);
+      }
+    }
+    return o;
+  };
+});
+var R = ie(tr());
+var or = function(r, e) {
+  var o = (0, R.default)({}, r, e);
+  for (var t in r) {
+    var s;
+    !r[t] || typeof e[t] != "object" || (0, R.default)(o, (s = {}, s[t] = (0, R.default)(r[t], e[t]), s));
+  }
+  return o;
+};
+var ce = function(r) {
+  var e = {};
+  return Object.keys(r).sort(function(o, t) {
+    return o.localeCompare(t, void 0, { numeric: true, sensitivity: "base" });
+  }).forEach(function(o) {
+    e[o] = r[o];
+  }), e;
+};
+var me = { breakpoints: [40, 52, 64].map(function(a3) {
+  return a3 + "em";
+}) };
+var ar = function(r) {
+  return "@media screen and (min-width: " + r + ")";
+};
+var ge = function(r, e) {
+  return P(e, r, r);
+};
+var P = function(r, e, o, t, s) {
+  for (e = e && e.split ? e.split(".") : [e], t = 0; t < e.length; t++)
+    r = r ? r[e[t]] : s;
+  return r === s ? o : r;
+};
+var j = function a(r) {
+  var e = {}, o = function(i) {
+    var p = {}, c = false, d = i.theme && i.theme.disableStyledSystemCache;
+    for (var g in i)
+      if (r[g]) {
+        var m = r[g], u = i[g], x = P(i.theme, m.scale, m.defaults);
+        if (typeof u == "object") {
+          if (e.breakpoints = !d && e.breakpoints || P(i.theme, "breakpoints", me.breakpoints), Array.isArray(u)) {
+            e.media = !d && e.media || [null].concat(e.breakpoints.map(ar)), p = or(p, fe(e.media, m, x, u, i));
+            continue;
+          }
+          u !== null && (p = or(p, ue(e.breakpoints, m, x, u, i)), c = true);
+          continue;
+        }
+        (0, R.default)(p, m(u, x, i));
+      }
+    return c && (p = ce(p)), p;
+  };
+  o.config = r, o.propNames = Object.keys(r), o.cache = e;
+  var t = Object.keys(r).filter(function(s) {
+    return s !== "config";
+  });
+  return t.length > 1 && t.forEach(function(s) {
+    var i;
+    o[s] = a((i = {}, i[s] = r[s], i));
+  }), o;
+};
+var fe = function(r, e, o, t, s) {
+  var i = {};
+  return t.slice(0, r.length).forEach(function(p, c) {
+    var d = r[c], g = e(p, o, s);
+    if (!d)
+      (0, R.default)(i, g);
+    else {
+      var m;
+      (0, R.default)(i, (m = {}, m[d] = (0, R.default)({}, i[d], g), m));
+    }
+  }), i;
+};
+var ue = function(r, e, o, t, s) {
+  var i = {};
+  for (var p in t) {
+    var c = r[p], d = t[p], g = e(d, o, s);
+    if (!c)
+      (0, R.default)(i, g);
+    else {
+      var m, u = ar(c);
+      (0, R.default)(i, (m = {}, m[u] = (0, R.default)({}, i[u], g), m));
+    }
+  }
+  return i;
+};
+var X = function(r) {
+  var e = r.properties, o = r.property, t = r.scale, s = r.transform, i = s === void 0 ? ge : s, p = r.defaultScale;
+  e = e || [o];
+  var c = function(g, m, u) {
+    var x = {}, B = i(g, m, u);
+    if (B !== null)
+      return e.forEach(function(z) {
+        x[z] = B;
+      }), x;
+  };
+  return c.scale = t, c.defaults = p, c;
+};
+var l = function(r) {
+  r === void 0 && (r = {});
+  var e = {};
+  Object.keys(r).forEach(function(t) {
+    var s = r[t];
+    if (s === true) {
+      e[t] = X({ property: t, scale: t });
+      return;
+    }
+    if (typeof s == "function") {
+      e[t] = s;
+      return;
+    }
+    e[t] = X(s);
+  });
+  var o = j(e);
+  return o;
+};
+var y = function() {
+  for (var r = {}, e = arguments.length, o = new Array(e), t = 0; t < e; t++)
+    o[t] = arguments[t];
+  o.forEach(function(i) {
+    !i || !i.config || (0, R.default)(r, i.config);
+  });
+  var s = j(r);
+  return s;
+};
+var ye = function(r) {
+  return typeof r == "number" && !isNaN(r);
+};
+var be = function(r, e) {
+  return P(e, r, !ye(r) || r > 1 ? r : r * 100 + "%");
+};
+var he = { width: { property: "width", scale: "sizes", transform: be }, height: { property: "height", scale: "sizes" }, minWidth: { property: "minWidth", scale: "sizes" }, minHeight: { property: "minHeight", scale: "sizes" }, maxWidth: { property: "maxWidth", scale: "sizes" }, maxHeight: { property: "maxHeight", scale: "sizes" }, size: { properties: ["width", "height"], scale: "sizes" }, overflow: true, overflowX: true, overflowY: true, display: true, verticalAlign: true };
+var E = l(he);
+var v = E;
+var J = { color: { property: "color", scale: "colors" }, backgroundColor: { property: "backgroundColor", scale: "colors" }, opacity: true };
+J.bg = J.backgroundColor;
+var A = l(J);
+var sr = A;
+var ve = { fontSizes: [12, 14, 16, 20, 24, 32, 48, 64, 72] };
+var Se = { fontFamily: { property: "fontFamily", scale: "fonts" }, fontSize: { property: "fontSize", scale: "fontSizes", defaultScale: ve.fontSizes }, fontWeight: { property: "fontWeight", scale: "fontWeights" }, lineHeight: { property: "lineHeight", scale: "lineHeights" }, letterSpacing: { property: "letterSpacing", scale: "letterSpacings" }, textAlign: true, fontStyle: true };
+var M = l(Se);
+var W = M;
+var xe = { alignItems: true, alignContent: true, justifyItems: true, justifyContent: true, flexWrap: true, flexDirection: true, flex: true, flexGrow: true, flexShrink: true, flexBasis: true, justifySelf: true, alignSelf: true, order: true };
+var D = l(xe);
+var b = D;
+var K = { space: [0, 4, 8, 16, 32, 64, 128, 256, 512] };
+var Re = { gridGap: { property: "gridGap", scale: "space", defaultScale: K.space }, gridColumnGap: { property: "gridColumnGap", scale: "space", defaultScale: K.space }, gridRowGap: { property: "gridRowGap", scale: "space", defaultScale: K.space }, gridColumn: true, gridRow: true, gridAutoFlow: true, gridAutoColumns: true, gridAutoRows: true, gridTemplateColumns: true, gridTemplateRows: true, gridTemplateAreas: true, gridArea: true };
+var G = l(Re);
+var S = G;
+var f = { border: { property: "border", scale: "borders" }, borderWidth: { property: "borderWidth", scale: "borderWidths" }, borderStyle: { property: "borderStyle", scale: "borderStyles" }, borderColor: { property: "borderColor", scale: "colors" }, borderRadius: { property: "borderRadius", scale: "radii" }, borderTop: { property: "borderTop", scale: "borders" }, borderTopLeftRadius: { property: "borderTopLeftRadius", scale: "radii" }, borderTopRightRadius: { property: "borderTopRightRadius", scale: "radii" }, borderRight: { property: "borderRight", scale: "borders" }, borderBottom: { property: "borderBottom", scale: "borders" }, borderBottomLeftRadius: { property: "borderBottomLeftRadius", scale: "radii" }, borderBottomRightRadius: { property: "borderBottomRightRadius", scale: "radii" }, borderLeft: { property: "borderLeft", scale: "borders" }, borderX: { properties: ["borderLeft", "borderRight"], scale: "borders" }, borderY: { properties: ["borderTop", "borderBottom"], scale: "borders" } };
+f.borderTopWidth = { property: "borderTopWidth", scale: "borderWidths" };
+f.borderTopColor = { property: "borderTopColor", scale: "colors" };
+f.borderTopStyle = { property: "borderTopStyle", scale: "borderStyles" };
+f.borderTopLeftRadius = { property: "borderTopLeftRadius", scale: "radii" };
+f.borderTopRightRadius = { property: "borderTopRightRadius", scale: "radii" };
+f.borderBottomWidth = { property: "borderBottomWidth", scale: "borderWidths" };
+f.borderBottomColor = { property: "borderBottomColor", scale: "colors" };
+f.borderBottomStyle = { property: "borderBottomStyle", scale: "borderStyles" };
+f.borderBottomLeftRadius = { property: "borderBottomLeftRadius", scale: "radii" };
+f.borderBottomRightRadius = { property: "borderBottomRightRadius", scale: "radii" };
+f.borderLeftWidth = { property: "borderLeftWidth", scale: "borderWidths" };
+f.borderLeftColor = { property: "borderLeftColor", scale: "colors" };
+f.borderLeftStyle = { property: "borderLeftStyle", scale: "borderStyles" };
+f.borderRightWidth = { property: "borderRightWidth", scale: "borderWidths" };
+f.borderRightColor = { property: "borderRightColor", scale: "colors" };
+f.borderRightStyle = { property: "borderRightStyle", scale: "borderStyles" };
+var I = l(f);
+var T = I;
+var C = { background: true, backgroundImage: true, backgroundSize: true, backgroundPosition: true, backgroundRepeat: true };
+C.bgImage = C.backgroundImage;
+C.bgSize = C.backgroundSize;
+C.bgPosition = C.backgroundPosition;
+C.bgRepeat = C.backgroundRepeat;
+var V = l(C);
+var Y = V;
+var U = { space: [0, 4, 8, 16, 32, 64, 128, 256, 512] };
+var Pe = { position: true, zIndex: { property: "zIndex", scale: "zIndices" }, top: { property: "top", scale: "space", defaultScale: U.space }, right: { property: "right", scale: "space", defaultScale: U.space }, bottom: { property: "bottom", scale: "space", defaultScale: U.space }, left: { property: "left", scale: "space", defaultScale: U.space } };
+var H = l(Pe);
+var k = H;
+var h = { space: [0, 4, 8, 16, 32, 64, 128, 256, 512] };
+var ir = function(r) {
+  return typeof r == "number" && !isNaN(r);
+};
+var O = function(r, e) {
+  if (!ir(r))
+    return P(e, r, r);
+  var o = r < 0, t = Math.abs(r), s = P(e, t, t);
+  return ir(s) ? s * (o ? -1 : 1) : o ? "-" + s : s;
+};
+var n = {};
+n.margin = { margin: { property: "margin", scale: "space", transform: O, defaultScale: h.space }, marginTop: { property: "marginTop", scale: "space", transform: O, defaultScale: h.space }, marginRight: { property: "marginRight", scale: "space", transform: O, defaultScale: h.space }, marginBottom: { property: "marginBottom", scale: "space", transform: O, defaultScale: h.space }, marginLeft: { property: "marginLeft", scale: "space", transform: O, defaultScale: h.space }, marginX: { properties: ["marginLeft", "marginRight"], scale: "space", transform: O, defaultScale: h.space }, marginY: { properties: ["marginTop", "marginBottom"], scale: "space", transform: O, defaultScale: h.space } };
+n.margin.m = n.margin.margin;
+n.margin.mt = n.margin.marginTop;
+n.margin.mr = n.margin.marginRight;
+n.margin.mb = n.margin.marginBottom;
+n.margin.ml = n.margin.marginLeft;
+n.margin.mx = n.margin.marginX;
+n.margin.my = n.margin.marginY;
+n.padding = { padding: { property: "padding", scale: "space", defaultScale: h.space }, paddingTop: { property: "paddingTop", scale: "space", defaultScale: h.space }, paddingRight: { property: "paddingRight", scale: "space", defaultScale: h.space }, paddingBottom: { property: "paddingBottom", scale: "space", defaultScale: h.space }, paddingLeft: { property: "paddingLeft", scale: "space", defaultScale: h.space }, paddingX: { properties: ["paddingLeft", "paddingRight"], scale: "space", defaultScale: h.space }, paddingY: { properties: ["paddingTop", "paddingBottom"], scale: "space", defaultScale: h.space } };
+n.padding.p = n.padding.padding;
+n.padding.pt = n.padding.paddingTop;
+n.padding.pr = n.padding.paddingRight;
+n.padding.pb = n.padding.paddingBottom;
+n.padding.pl = n.padding.paddingLeft;
+n.padding.px = n.padding.paddingX;
+n.padding.py = n.padding.paddingY;
+var pr = l(n.margin);
+var nr = l(n.padding);
+var N = y(pr, nr);
+var $ = l({ boxShadow: { property: "boxShadow", scale: "shadows" }, textShadow: { property: "textShadow", scale: "shadows" } });
+var q = $;
+function F() {
+  return F = Object.assign || function(a3) {
+    for (var r = 1; r < arguments.length; r++) {
+      var e = arguments[r];
+      for (var o in e)
+        Object.prototype.hasOwnProperty.call(e, o) && (a3[o] = e[o]);
+    }
+    return a3;
+  }, F.apply(this, arguments);
+}
+var w = function(r, e, o, t, s) {
+  for (e = e && e.split ? e.split(".") : [e], t = 0; t < e.length; t++)
+    r = r ? r[e[t]] : s;
+  return r === s ? o : r;
+};
+var Te = [40, 52, 64].map(function(a3) {
+  return a3 + "em";
+});
+var we = { space: [0, 4, 8, 16, 32, 64, 128, 256, 512], fontSizes: [12, 14, 16, 20, 24, 32, 48, 64, 72] };
+var Ce = { bg: "backgroundColor", m: "margin", mt: "marginTop", mr: "marginRight", mb: "marginBottom", ml: "marginLeft", mx: "marginX", my: "marginY", p: "padding", pt: "paddingTop", pr: "paddingRight", pb: "paddingBottom", pl: "paddingLeft", px: "paddingX", py: "paddingY" };
+var dr = { marginX: ["marginLeft", "marginRight"], marginY: ["marginTop", "marginBottom"], paddingX: ["paddingLeft", "paddingRight"], paddingY: ["paddingTop", "paddingBottom"], size: ["width", "height"] };
+var Be = { color: "colors", backgroundColor: "colors", borderColor: "colors", margin: "space", marginTop: "space", marginRight: "space", marginBottom: "space", marginLeft: "space", marginX: "space", marginY: "space", padding: "space", paddingTop: "space", paddingRight: "space", paddingBottom: "space", paddingLeft: "space", paddingX: "space", paddingY: "space", top: "space", right: "space", bottom: "space", left: "space", gridGap: "space", gridColumnGap: "space", gridRowGap: "space", gap: "space", columnGap: "space", rowGap: "space", fontFamily: "fonts", fontSize: "fontSizes", fontWeight: "fontWeights", lineHeight: "lineHeights", letterSpacing: "letterSpacings", border: "borders", borderTop: "borders", borderRight: "borders", borderBottom: "borders", borderLeft: "borders", borderWidth: "borderWidths", borderStyle: "borderStyles", borderRadius: "radii", borderTopRightRadius: "radii", borderTopLeftRadius: "radii", borderBottomRightRadius: "radii", borderBottomLeftRadius: "radii", borderTopWidth: "borderWidths", borderTopColor: "colors", borderTopStyle: "borderStyles", borderBottomWidth: "borderWidths", borderBottomColor: "colors", borderBottomStyle: "borderStyles", borderLeftWidth: "borderWidths", borderLeftColor: "colors", borderLeftStyle: "borderStyles", borderRightWidth: "borderWidths", borderRightColor: "colors", borderRightStyle: "borderStyles", outlineColor: "colors", boxShadow: "shadows", textShadow: "shadows", zIndex: "zIndices", width: "sizes", minWidth: "sizes", maxWidth: "sizes", height: "sizes", minHeight: "sizes", maxHeight: "sizes", flexBasis: "sizes", size: "sizes", fill: "colors", stroke: "colors" };
+var We = function(r, e) {
+  if (typeof e != "number" || e >= 0)
+    return w(r, e, e);
+  var o = Math.abs(e), t = w(r, o, o);
+  return typeof t == "string" ? "-" + t : t * -1;
+};
+var Le = ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "top", "bottom", "left", "right"].reduce(function(a3, r) {
+  var e;
+  return F({}, a3, (e = {}, e[r] = We, e));
+}, {});
+var Oe = function(r) {
+  return function(e) {
+    var o = {}, t = w(e, "breakpoints", Te), s = [null].concat(t.map(function(g) {
+      return "@media screen and (min-width: " + g + ")";
+    }));
+    for (var i in r) {
+      var p = typeof r[i] == "function" ? r[i](e) : r[i];
+      if (p != null) {
+        if (!Array.isArray(p)) {
+          o[i] = p;
+          continue;
+        }
+        for (var c = 0; c < p.slice(0, s.length).length; c++) {
+          var d = s[c];
+          if (!d) {
+            o[i] = p[c];
+            continue;
+          }
+          o[d] = o[d] || {}, p[c] != null && (o[d][i] = p[c]);
+        }
+      }
+    }
+    return o;
+  };
+};
+var ze = function a2(r) {
+  return function(e) {
+    e === void 0 && (e = {});
+    var o = F({}, we, {}, e.theme || e), t = {}, s = typeof r == "function" ? r(o) : r, i = Oe(s)(o);
+    for (var p in i) {
+      var c = i[p], d = typeof c == "function" ? c(o) : c;
+      if (p === "variant") {
+        var g = a2(w(o, d))(o);
+        t = F({}, t, {}, g);
+        continue;
+      }
+      if (d && typeof d == "object") {
+        t[p] = a2(d)(o);
+        continue;
+      }
+      var m = w(Ce, p, p), u = w(Be, m), x = w(o, u, w(o, m, {})), B = w(Le, m, w), z = B(x, d, d);
+      if (dr[m])
+        for (var Z = dr[m], Q = 0; Q < Z.length; Q++)
+          t[Z[Q]] = z;
+      else
+        t[m] = z;
+    }
+    return t;
+  };
+};
+var lr = ze;
+var L = function(r) {
+  var e, o = r.scale, t = r.prop, s = t === void 0 ? "variant" : t, i = r.variants, p = i === void 0 ? {} : i, c = r.key, d;
+  Object.keys(p).length ? d = function(x, B, z) {
+    return lr(P(B, x, null))(z.theme);
+  } : d = function(x, B) {
+    return P(B, x, null);
+  }, d.scale = o || c, d.defaults = p;
+  var g = (e = {}, e[s] = d, e), m = j(g);
+  return m;
+};
+L({ key: "buttons" });
+L({ key: "textStyles", prop: "textStyle" });
+L({ key: "colorStyles", prop: "colors" });
+var cr = v.width;
+var mr = v.height;
+var gr = v.minWidth;
+var fr = v.minHeight;
+var ur = v.maxWidth;
+var yr = v.maxHeight;
+var br = v.size;
+var hr = v.verticalAlign;
+var vr = v.display;
+var Sr = v.overflow;
+v.overflowX;
+v.overflowY;
+sr.opacity;
+W.fontSize;
+var xr = W.fontFamily;
+var Rr = W.fontWeight;
+var Pr = W.lineHeight;
+var Tr = W.textAlign;
+var wr = W.fontStyle;
+W.letterSpacing;
+var Cr = b.alignItems;
+var Br = b.alignContent;
+var Wr = b.justifyItems;
+var Lr = b.justifyContent;
+var Or = b.flexWrap;
+var zr = b.flexDirection;
+var jr = b.flex;
+var Ar = b.flexGrow;
+var Gr = b.flexShrink;
+var Ir = b.flexBasis;
+var Hr = b.justifySelf;
+var kr = b.alignSelf;
+var Yr = b.order;
+S.gridGap;
+S.gridColumnGap;
+S.gridRowGap;
+S.gridColumn;
+S.gridRow;
+S.gridAutoFlow;
+S.gridAutoColumns;
+S.gridAutoRows;
+S.gridTemplateColumns;
+S.gridTemplateRows;
+S.gridTemplateAreas;
+S.gridArea;
+var Nr = T.borderWidth;
+var Fr = T.borderStyle;
+var Xr = T.borderColor;
+var Er = T.borderTop;
+var Mr = T.borderRight;
+var Dr = T.borderBottom;
+var Vr = T.borderLeft;
+var Ur = T.borderRadius;
+Y.backgroundImage;
+Y.backgroundSize;
+Y.backgroundPosition;
+Y.backgroundRepeat;
+var $r = k.zIndex;
+var qr = k.top;
+var Qr = k.right;
+var Jr = k.bottom;
+var Kr = k.left;
+var Zr = l({ gap: { property: "gap", scale: "space" }, rowGap: { property: "rowGap", scale: "space" }, columnGap: { property: "columnGap", scale: "space" } });
+var He = L({ key: "typography", prop: "typeScale" });
+var ke = y(A, N, l({ cursor: true, whiteSpace: true }));
+var Ye = y(I, Er, Mr, Dr, Vr, Nr, Fr, Xr, Ur, q);
+var Ne = y(He, xr, wr, Rr, Pr, Tr);
+var Fe = y(vr, br, cr, mr, gr, fr, ur, yr, Sr, hr);
+var Xe = y(H, $r, qr, Qr, Jr, Kr);
+var Ee = y(Ir, zr, Or, Br, Cr, Lr, Wr, Yr, jr, Gr, Ar, Hr, kr, Zr);
+var De = y(l({ cursor: true, whiteSpace: true }));
+var Ve = y(L({ key: "typography", prop: "typeScale" }));
+var mo = y(De, Ve, V, I, A, D, G, E, H, $, N, M);
+
+// src/constants.ts
+var defaultPurple = {
+  color: "colors.text.body",
+  background: "colors.container.background.decorative.purple"
+};
+var suggestion = {
+  color: "colors.text.body",
+  background: "colors.container.background.decorative.blue"
+};
+var passive = {
+  color: "colors.text.body",
+  background: "colors.container.background.decorative.neutral"
+};
+var primary = {
+  color: "colors.text.body",
+  background: "colors.container.background.decorative.blue"
+};
+var secondary = {
+  color: "colors.text.body",
+  background: "colors.container.background.decorative.yellow"
+};
+var common = {
+  color: "colors.text.inverse",
+  background: "colors.aqua.600"
+};
+var approval = {
+  color: "colors.text.body",
+  background: "colors.container.background.decorative.orange"
+};
+var legacyBadgeColors = {
+  primary,
+  secondary,
+  passive,
+  common,
+  approval,
+  default: defaultPurple,
+  suggestion
+};
+var badgeColors = {
+  green: "green",
+  blue: "blue",
+  purple: "purple",
+  yellow: "yellow",
+  orange: "orange",
+  red: "red",
+  neutral: "neutral",
+  magenta: "magenta",
+  pink: "pink",
+  aqua: "aqua",
+  teal: "teal"
+};
+
+// src/styles.ts
+var import_theme_get = require("@styled-system/theme-get");
+var Container = import_styled_components.default.span`
+  font-family: ${(p) => p.theme.fontFamily};
+  ${(p) => p.size === "small" ? p.theme.typography[100] : p.theme.typography[200]};
+  border-radius: 9999px;
+  line-height: 16px;
+  display: inline-block;
+  color: ${(p) => p.type ? (0, import_theme_get.themeGet)(legacyBadgeColors[p.type].color) : p.theme.colors.text.body};
+  background: ${(p) => p.type ? (0, import_theme_get.themeGet)(legacyBadgeColors[p.type].background) : p.theme.colors.container.background.decorative[p.badgeColor]};
+  padding: ${(p) => p.size === "small" ? `${p.theme.space[0]} ${p.theme.space[200]}` : `${p.theme.space[300]}`};
+  ${ke};
+`;
+var styles_default = Container;
+
+// src/Badge.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Badge = ({
+  children,
+  text,
+  iconName,
+  type,
+  tip,
+  size = "small",
+  badgeColor = "blue",
+  color,
+  ...rest
+}) => {
+  if (children && text) {
+    throw new Error(
+      "can't use both `children` and `text` props. Text is deprecated, consider using children."
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    styles_default,
+    {
+      size: size === "default" ? "large" : size,
+      badgeColor,
+      "data-tip": tip,
+      "data-qa-badge": text || "",
+      "data-qa-badge-type": type,
+      "data-qa-badge-tip": tip || "",
+      type,
+      color,
+      ...rest,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_seeds_react_box.default, { display: "flex", alignItems: "center", justifyContent: "center", children: [
+        iconName ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_seeds_react_icon.default,
+          {
+            mr: 200,
+            name: iconName,
+            size: size === "small" ? "mini" : "small",
+            "aria-hidden": true
+          }
+        ) : null,
+        children || text
+      ] })
+    }
+  );
+};
+var Badge_default = Badge;
+
+// src/index.ts
+var src_default = Badge_default;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Badge,
+  badgeColors,
+  legacyBadgeColors
+});
+/*! Bundled license information:
+
+object-assign/index.js:
+  (*
+  object-assign
+  (c) Sindre Sorhus
+  @license MIT
+  *)
+*/
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/Badge.tsx","../src/styles.ts","../src/constants.ts"],"sourcesContent":["import Badge from \"./Badge\";\n\nexport default Badge;\nexport { Badge };\nexport * from \"./BadgeTypes\";\nexport * from \"./constants\";\n","import * as React from \"react\";\nimport Box from \"@sproutsocial/seeds-react-box\";\nimport Icon from \"@sproutsocial/seeds-react-icon\";\nimport Container from \"./styles\";\nimport type { TypeBadgeProps } from \"./BadgeTypes\";\n\nconst Badge = ({\n  children,\n  text,\n  iconName,\n  type,\n  tip,\n  size = \"small\",\n  badgeColor = \"blue\",\n  color,\n  ...rest\n}: TypeBadgeProps) => {\n  if (children && text) {\n    throw new Error(\n      \"can't use both `children` and `text` props. Text is deprecated, consider using children.\"\n    );\n  }\n\n  return (\n    <Container\n      // size previously included default, which currently maps to small.  Once consumers have updated this can be simplified.\n      size={size === \"default\" ? \"large\" : size}\n      badgeColor={badgeColor}\n      data-tip={tip}\n      data-qa-badge={text || \"\"}\n      data-qa-badge-type={type}\n      data-qa-badge-tip={tip || \"\"}\n      type={type}\n      // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      color={color}\n      {...rest}\n    >\n      <Box display=\"flex\" alignItems=\"center\" justifyContent=\"center\">\n        {iconName ? (\n          <Icon\n            mr={200}\n            name={iconName}\n            size={size === \"small\" ? \"mini\" : \"small\"}\n            aria-hidden\n          />\n        ) : null}\n        {children || text}\n      </Box>\n    </Container>\n  );\n};\n\nexport default Badge;\n","import styled from \"styled-components\";\n\nimport { COMMON } from \"@sproutsocial/seeds-react-system-props\";\nimport { legacyBadgeColors } from \"./constants\";\n// @ts-ignore: no types exist for this thang\nimport { themeGet } from \"@styled-system/theme-get\";\n\ntype TypeTypeKey = keyof typeof legacyBadgeColors;\n\nconst Container = styled.span<{\n  type?: TypeTypeKey;\n  badgeColor: string;\n  size: string;\n}>`\n  font-family: ${(p) => p.theme.fontFamily};\n  ${(p) =>\n    p.size === \"small\" ? p.theme.typography[100] : p.theme.typography[200]};\n  border-radius: 9999px;\n  line-height: 16px;\n  display: inline-block;\n  color: ${(p) =>\n    p.type\n      ? themeGet(legacyBadgeColors[p.type].color)\n      : p.theme.colors.text.body};\n  background: ${(p) =>\n    p.type\n      ? themeGet(legacyBadgeColors[p.type].background)\n      : p.theme.colors.container.background.decorative[p.badgeColor]};\n  padding: ${(p) =>\n    p.size === \"small\"\n      ? `${p.theme.space[0]} ${p.theme.space[200]}`\n      : `${p.theme.space[300]}`};\n  ${COMMON};\n`;\n\nexport default Container;\n","const defaultPurple = {\n  color: \"colors.text.body\",\n  background: \"colors.container.background.decorative.purple\",\n};\n\nconst suggestion = {\n  color: \"colors.text.body\",\n  background: \"colors.container.background.decorative.blue\",\n};\n\nconst passive = {\n  color: \"colors.text.body\",\n  background: \"colors.container.background.decorative.neutral\",\n};\n\nconst primary = {\n  color: \"colors.text.body\",\n  background: \"colors.container.background.decorative.blue\",\n};\n\nconst secondary = {\n  color: \"colors.text.body\",\n  background: \"colors.container.background.decorative.yellow\",\n};\n\nconst common = {\n  color: \"colors.text.inverse\",\n  background: \"colors.aqua.600\",\n};\n\nconst approval = {\n  color: \"colors.text.body\",\n  background: \"colors.container.background.decorative.orange\",\n};\n\n//Deprecated former \"types\"\n\n/**\n * @deprecated Use badgeColor instead\n */\n\nexport const legacyBadgeColors = {\n  primary,\n  secondary,\n  passive,\n  common,\n  approval,\n  default: defaultPurple,\n  suggestion,\n};\n\nexport const badgeColors = {\n  green: \"green\",\n  blue: \"blue\",\n  purple: \"purple\",\n  yellow: \"yellow\",\n  orange: \"orange\",\n  red: \"red\",\n  neutral: \"neutral\",\n  magenta: \"magenta\",\n  pink: \"pink\",\n  aqua: \"aqua\",\n  teal: \"teal\",\n} as const;\n"],"mappings":"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","names":["styled","Box","Icon"]}

package/jest.config.js

@@ -0,0 +1,9 @@
+const baseConfig = require("@sproutsocial/seeds-testing");
+
+/** * @type {import('jest').Config} */
+const config = {
+  ...baseConfig,
+  displayName: "seeds-react-badge",
+};
+
+module.exports = config;