@sproutsocial/seeds-react-badge 1.0.0 → 1.0.1

package/.turbo/turbo-build.log

@@ -8,14 +8,14 @@ CLI Target: es2022
 CLI Cleaning output folder
 CJS Build start
 ESM Build start
-CJS dist/index.js     24.55 KB
-CJS dist/index.js.map 6.62 KB
-CJS ⚡️ Build success in 161ms
-ESM dist/esm/index.js     22.58 KB
-ESM dist/esm/index.js.map 6.53 KB
-ESM ⚡️ Build success in 161ms
+CJS dist/index.js     24.39 KB
+CJS dist/index.js.map 6.60 KB
+CJS ⚡️ Build success in 299ms
+ESM dist/esm/index.js     22.41 KB
+ESM dist/esm/index.js.map 6.51 KB
+ESM ⚡️ Build success in 306ms
 DTS Build start
-DTS ⚡️ Build success in 19181ms
+DTS ⚡️ Build success in 39587ms
 DTS dist/index.d.ts  2.22 KB
 DTS dist/index.d.mts 2.22 KB
-Done in 22.21s.
+Done in 46.86s.

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @sproutsocial/seeds-react-badge
 
+## 1.0.1
+
+### Patch Changes
+
+- 9fd8bac: Update dependencies to use semantic package version instead of wildcards
+- Updated dependencies [9fd8bac]
+  - @sproutsocial/seeds-react-icon@1.1.2
+  - @sproutsocial/seeds-react-box@1.1.2
+
 ## 1.0.0
 
 ### Major Changes

package/dist/esm/index.js

@@ -16,33 +16,26 @@ 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 });
+  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");
+    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;
+      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;
+      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;
+      if (o.join("") !== "0123456789") return false;
       var t = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(s) {
         t[s] = s;
@@ -54,12 +47,10 @@ var tr = ae(($e, er) => {
   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]);
+      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]]);
+        for (var p = 0; p < t.length; p++) ne.call(e, t[p]) && (o[t[p]] = e[t[p]]);
       }
     }
     return o;
@@ -92,26 +83,24 @@ 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;
+  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);
+    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;
         }
-        (0, R.default)(p, m(u, x, i));
+        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;
@@ -127,8 +116,7 @@ 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);
+    if (!d) (0, R.default)(i, g);
     else {
       var m;
       (0, R.default)(i, (m = {}, m[d] = (0, R.default)({}, i[d], g), m));
@@ -139,8 +127,7 @@ 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);
+    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));
@@ -153,10 +140,9 @@ var X = function(r) {
   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;
+    if (B !== null) return e.forEach(function(z) {
+      x[z] = B;
+    }), x;
   };
   return c.scale = t, c.defaults = p, c;
 };
@@ -179,8 +165,7 @@ var l = function(r) {
   return o;
 };
 var y = function() {
-  for (var r = {}, e = arguments.length, o = new Array(e), t = 0; t < e; t++)
-    o[t] = arguments[t];
+  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);
   });
@@ -246,8 +231,7 @@ var ir = function(r) {
   return typeof r == "number" && !isNaN(r);
 };
 var O = function(r, e) {
-  if (!ir(r))
-    return P(e, r, r);
+  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;
 };
@@ -277,15 +261,13 @@ 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]);
+      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;
+  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) {
@@ -296,8 +278,7 @@ var Ce = { bg: "backgroundColor", m: "margin", mt: "marginTop", mr: "marginRight
 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);
+  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;
 };
@@ -346,11 +327,8 @@ var ze = function a2(r) {
         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;
+      if (dr[m]) for (var Z = dr[m], Q = 0; Q < Z.length; Q++) t[Z[Q]] = z;
+      else t[m] = z;
     }
     return t;
   };
@@ -558,11 +536,11 @@ var Badge = ({
 var Badge_default = Badge;
 
 // src/index.ts
-var src_default = Badge_default;
+var index_default = Badge_default;
 export {
   Badge_default as Badge,
   badgeColors,
-  src_default as default,
+  index_default as default,
   legacyBadgeColors
 };
 /*! Bundled license information:

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Badge.tsx","../../src/styles.ts","../../src/constants.ts","../../src/index.ts"],"sourcesContent":["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","import Badge from \"./Badge\";\n\nexport default Badge;\nexport { Badge };\nexport * from \"./BadgeTypes\";\nexport * from \"./constants\";\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/Badge.tsx","../../src/styles.ts","../../src/constants.ts","../../src/index.ts"],"sourcesContent":["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","import Badge from \"./Badge\";\n\nexport default Badge;\nexport { Badge };\nexport * from \"./BadgeTypes\";\nexport * from \"./constants\";\n"],"mappings":"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","names":[]}

package/dist/index.js

@@ -28,14 +28,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   Badge: () => Badge_default,
   badgeColors: () => badgeColors,
-  default: () => src_default,
+  default: () => index_default,
   legacyBadgeColors: () => legacyBadgeColors
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/Badge.tsx
 var React = require("react");
@@ -55,33 +55,26 @@ 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 });
+  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");
+    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;
+      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;
+      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;
+      if (o.join("") !== "0123456789") return false;
       var t = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(s) {
         t[s] = s;
@@ -93,12 +86,10 @@ var tr = ae(($e, er) => {
   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]);
+      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]]);
+        for (var p = 0; p < t.length; p++) ne.call(e, t[p]) && (o[t[p]] = e[t[p]]);
       }
     }
     return o;
@@ -131,26 +122,24 @@ 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;
+  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);
+    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;
         }
-        (0, R.default)(p, m(u, x, i));
+        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;
@@ -166,8 +155,7 @@ 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);
+    if (!d) (0, R.default)(i, g);
     else {
       var m;
       (0, R.default)(i, (m = {}, m[d] = (0, R.default)({}, i[d], g), m));
@@ -178,8 +166,7 @@ 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);
+    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));
@@ -192,10 +179,9 @@ var X = function(r) {
   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;
+    if (B !== null) return e.forEach(function(z) {
+      x[z] = B;
+    }), x;
   };
   return c.scale = t, c.defaults = p, c;
 };
@@ -218,8 +204,7 @@ var l = function(r) {
   return o;
 };
 var y = function() {
-  for (var r = {}, e = arguments.length, o = new Array(e), t = 0; t < e; t++)
-    o[t] = arguments[t];
+  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);
   });
@@ -285,8 +270,7 @@ var ir = function(r) {
   return typeof r == "number" && !isNaN(r);
 };
 var O = function(r, e) {
-  if (!ir(r))
-    return P(e, r, r);
+  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;
 };
@@ -316,15 +300,13 @@ 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]);
+      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;
+  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) {
@@ -335,8 +317,7 @@ var Ce = { bg: "backgroundColor", m: "margin", mt: "marginTop", mr: "marginRight
 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);
+  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;
 };
@@ -385,11 +366,8 @@ var ze = function a2(r) {
         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;
+      if (dr[m]) for (var Z = dr[m], Q = 0; Q < Z.length; Q++) t[Z[Q]] = z;
+      else t[m] = z;
     }
     return t;
   };
@@ -597,7 +575,7 @@ var Badge = ({
 var Badge_default = Badge;
 
 // src/index.ts
-var src_default = Badge_default;
+var index_default = Badge_default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Badge,

package/dist/index.js.map

@@ -1 +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"]}
+{"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;AACvB,6BAAgB;AAChB,8BAAiB;;;ACFjB,+BAAmB;A;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAnB,IAAM,gBAAgB;AAAA,EACpB,OAAO;AAAA,EACP,YAAY;AACd;AAEA,IAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,YAAY;AACd;AAEA,IAAM,UAAU;AAAA,EACd,OAAO;AAAA,EACP,YAAY;AACd;AAEA,IAAM,UAAU;AAAA,EACd,OAAO;AAAA,EACP,YAAY;AACd;AAEA,IAAM,YAAY;AAAA,EAChB,OAAO;AAAA,EACP,YAAY;AACd;AAEA,IAAM,SAAS;AAAA,EACb,OAAO;AAAA,EACP,YAAY;AACd;AAEA,IAAM,WAAW;AAAA,EACf,OAAO;AAAA,EACP,YAAY;AACd;AAQO,IAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AACF;AAEO,IAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;;;AD1DA,uBAAyB;AAIzB,IAAM,YAAY,yBAAAA,QAAO;AAAA,iBAKR,CAAC,MAAM,EAAE,MAAM,UAAU;AAAA,IACtC,CAAC,MACD,EAAE,SAAS,UAAU,EAAE,MAAM,WAAW,GAAG,IAAI,EAAE,MAAM,WAAW,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,WAI/D,CAAC,MACR,EAAE,WACE,2BAAS,kBAAkB,EAAE,IAAI,EAAE,KAAK,IACxC,EAAE,MAAM,OAAO,KAAK,IAAI;AAAA,gBAChB,CAAC,MACb,EAAE,WACE,2BAAS,kBAAkB,EAAE,IAAI,EAAE,UAAU,IAC7C,EAAE,MAAM,OAAO,UAAU,WAAW,WAAW,EAAE,UAAU,CAAC;AAAA,aACvD,CAAC,MACV,EAAE,SAAS,UACP,GAAG,EAAE,MAAM,MAAM,CAAC,CAAC,IAAI,EAAE,MAAM,MAAM,GAAG,CAAC,KACzC,GAAG,EAAE,MAAM,MAAM,GAAG,CAAC,EAAE;AAAA,IAC3B,EAAM;AAAA;AAGV,IAAO,iBAAQ;;;ADIT;AAjCN,IAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,MAAsB;AACpB,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,MAAM,SAAS,YAAY,UAAU;AAAA,MACrC;AAAA,MACA,YAAU;AAAA,MACV,iBAAe,QAAQ;AAAA,MACvB,sBAAoB;AAAA,MACpB,qBAAmB,OAAO;AAAA,MAC1B;AAAA,MAIA;AAAA,MACC,GAAG;AAAA,MAEJ,uDAAC,uBAAAC,SAAA,EAAI,SAAQ,QAAO,YAAW,UAAS,gBAAe,UACpD;AAAA,mBACC;AAAA,UAAC,wBAAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,MAAM;AAAA,YACN,MAAM,SAAS,UAAU,SAAS;AAAA,YAClC,eAAW;AAAA;AAAA,QACb,IACE;AAAA,QACH,YAAY;AAAA,SACf;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;ADpDf,IAAO,gBAAQ;","names":["styled","Box","Icon"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/seeds-react-badge",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Seeds React Badge",
   "author": "Sprout Social, Inc.",
   "license": "MIT",
@@ -18,8 +18,8 @@
     "test:watch": "jest --watch --coverage=false"
   },
   "dependencies": {
-    "@sproutsocial/seeds-react-box": "*",
-    "@sproutsocial/seeds-react-icon": "*",
+    "@sproutsocial/seeds-react-box": "^1.1.1",
+    "@sproutsocial/seeds-react-icon": "^1.1.1",
     "@styled-system/theme-get": "^5.1.2"
   },
   "devDependencies": {