@sproutsocial/seeds-react-partner-logo 1.2.1 → 1.3.1

package/dist/esm/index.js

@@ -75,6 +75,7 @@ var PartnerLogo = ({
   const logo = whichLogo({ backgroundType, logoType, partnerName }, mode);
   const logoViewBox = ViewBoxes[logo];
   const viewBoxCoordinates = logoViewBox?.split(" ") || [];
+  const defaultSize = logoType === "symbol" ? "small" : void 0;
   const defaultWidth = viewBoxCoordinates[2];
   const defaultHeight = viewBoxCoordinates[3];
   return /* @__PURE__ */ jsx(
@@ -82,7 +83,7 @@ var PartnerLogo = ({
     {
       height: height ? height : defaultHeight + "px",
       width: width ? width : defaultWidth + "px",
-      logoSize: size,
+      logoSize: size ?? defaultSize,
       className: "logo",
       role: "img",
       "aria-label": ariaLabel,
@@ -111,12 +112,12 @@ var PartnerLogo = ({
 var PartnerLogo_default = PartnerLogo;
 
 // src/index.ts
-var src_default = PartnerLogo_default;
+var index_default = PartnerLogo_default;
 export {
   PartnerLogo_default as PartnerLogo,
   PartnerLogoSizes,
   PartnerLogoTypes,
   PartnerNames,
-  src_default as default
+  index_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/PartnerLogo.tsx","../../src/styles.ts","../../src/PartnerLogoTypes.ts","../../src/index.ts"],"sourcesContent":["import React from \"react\";\nimport { useTheme } from \"styled-components\";\nimport type { TypeTheme } from \"@sproutsocial/seeds-react-theme\";\nimport Container from \"./styles\";\nimport type { TypePartnerLogoProps } from \"./PartnerLogoTypes\";\nimport { ViewBoxes } from \"@sproutsocial/seeds-partner-logos\";\n\nconst whichLogo = (\n  {\n    backgroundType,\n    logoType,\n    partnerName,\n  }: Pick<TypePartnerLogoProps, \"backgroundType\" | \"logoType\" | \"partnerName\">,\n  mode: TypeTheme[\"mode\"]\n) => {\n  const logo =\n    logoType && logoType !== \"symbol\"\n      ? partnerName + \"-\" + logoType\n      : partnerName;\n  if (backgroundType && backgroundType === \"dark\") {\n    return `${logo}-dark`;\n  } else if (backgroundType && backgroundType === \"light\") {\n    return logo;\n  } else if (mode === \"dark\") {\n    return `${logo}-dark`;\n  } else {\n    return logo;\n  }\n};\n\nconst PartnerLogo = ({\n  partnerName,\n  backgroundType,\n  logoType = \"symbol\",\n  height,\n  width,\n  size,\n  \"aria-label\": ariaLabel,\n  svgProps,\n  ...rest\n}: TypePartnerLogoProps) => {\n  const { mode } = useTheme() as TypeTheme;\n\n  const logo = whichLogo({ backgroundType, logoType, partnerName }, mode);\n  const logoViewBox = ViewBoxes[logo as keyof typeof ViewBoxes];\n  const viewBoxCoordinates = logoViewBox?.split(\" \") || [];\n  const defaultWidth = viewBoxCoordinates[2];\n  const defaultHeight = viewBoxCoordinates[3];\n  return (\n    <Container //we add pixels here because view box coordinates are numbers\n      height={height ? height : defaultHeight + \"px\"}\n      width={width ? width : defaultWidth + \"px\"}\n      logoSize={size}\n      className=\"logo\"\n      role=\"img\"\n      aria-label={ariaLabel}\n      data-qa-logo={partnerName}\n      {...rest}\n    >\n      <svg\n        className=\"logo-svg\"\n        viewBox={logoViewBox}\n        focusable={false}\n        data-qa-logo-svg={`${partnerName}-svg`}\n        {...svgProps}\n      >\n        <use\n          xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n          xlinkHref={`#seeds-svgs_${logo}`}\n        />\n      </svg>\n    </Container>\n  );\n};\n\nexport default PartnerLogo;\n","import styled, { css } from \"styled-components\";\nimport { verticalAlign } from \"styled-system\";\nimport { COMMON, FLEXBOX } from \"@sproutsocial/seeds-react-system-props\";\nimport {\n  type TypePartnerLogoProps,\n  type TypePartnerLogoSize,\n  type TypePartnerLogoSizeValues,\n  PartnerLogoSizes,\n} from \"./PartnerLogoTypes\";\n\nconst stylesForSize = (\n  height: TypePartnerLogoProps[\"height\"],\n  logoSize: TypePartnerLogoSizeValues\n) => css`\n  height: ${logoSize ? logoSize : height};\n  line-height: ${logoSize ? logoSize : height};\n\n  .logo-svg {\n    height: ${logoSize ? logoSize : height};\n    width: ${logoSize ? logoSize : \"\"};\n  }\n`;\n\ninterface ContainerProps\n  extends Required<Pick<TypePartnerLogoProps, \"height\" | \"width\">> {\n  logoSize: TypePartnerLogoSize;\n}\n\nconst Container = styled(\"span\")<ContainerProps>`\n  display: inline-block;\n  color: inherit;\n  vertical-align: middle;\n  ${COMMON}\n  ${FLEXBOX}\n  ${verticalAlign}\n  ${(props) => stylesForSize(props.height, PartnerLogoSizes[props.logoSize])}\n`;\nexport default Container;\n","import * as React from \"react\";\nimport type { EnumLogoNamesWithoutVariants } from \"@sproutsocial/seeds-partner-logos\";\nimport { LogoNamesWithoutVariants } from \"@sproutsocial/seeds-partner-logos\";\nimport type { TypeStyledComponentsCommonProps } from \"@sproutsocial/seeds-react-system-props\";\nimport type {\n  TypeSystemCommonProps,\n  TypeSystemFlexboxProps,\n} from \"@sproutsocial/seeds-react-system-props\";\n\n/**\n * @deprecated Use PartnerLogoNames instead\n */\nexport const PartnerNames = LogoNamesWithoutVariants;\n\n/**\n * @deprecated Use EnumLogoNames instead\n */\nexport type TypePartnerNames = EnumLogoNamesWithoutVariants;\n\nexport const PartnerLogoSizes = {\n  mini: \"12px\",\n  small: \"16px\",\n  medium: \"24px\",\n  large: \"32px\",\n  jumbo: \"64px\",\n} as const;\n\nexport type TypePartnerLogoSize = keyof typeof PartnerLogoSizes;\nexport type TypePartnerLogoSizeValues =\n  (typeof PartnerLogoSizes)[TypePartnerLogoSize];\n\nexport const PartnerLogoTypes = [\"symbol\", \"wordmark\", \"lockup\"] as const;\n\nexport type TypePartnerLogoTypes = (typeof PartnerLogoTypes)[number];\n\nexport interface TypePartnerLogoProps\n  extends TypeStyledComponentsCommonProps,\n    TypeSystemCommonProps,\n    TypeSystemFlexboxProps,\n    Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\"> {\n  /** The name of the partner whose logo you want to render. */\n  partnerName: EnumLogoNamesWithoutVariants;\n\n  /** Manually override the default mode behavior by rendering a logo based on the background it's displayed on. */\n  backgroundType?: \"dark\" | \"light\";\n  logoType?: TypePartnerLogoTypes;\n  height?: string;\n  width?: string;\n  size?: TypePartnerLogoSize;\n  svgProps?: React.ComponentPropsWithoutRef<\"svg\">;\n}\n","import PartnerLogo from \"./PartnerLogo\";\n\nexport default PartnerLogo;\nexport { PartnerLogo };\nexport * from \"./PartnerLogoTypes\";\n"],"mappings":";AAAA,OAAkB;AAClB,SAAS,gBAAgB;;;ACDzB,OAAO,UAAU,WAAW;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,QAAQ,eAAe;;;ACFhC,OAAuB;AAEvB,SAAS,gCAAgC;AAUlC,IAAM,eAAe;AAOrB,IAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAMO,IAAM,mBAAmB,CAAC,UAAU,YAAY,QAAQ;;;ADrB/D,IAAM,gBAAgB,CACpB,QACA,aACG;AAAA,YACO,WAAW,WAAW,MAAM;AAAA,iBACvB,WAAW,WAAW,MAAM;AAAA;AAAA;AAAA,cAG/B,WAAW,WAAW,MAAM;AAAA,aAC7B,WAAW,WAAW,EAAE;AAAA;AAAA;AASrC,IAAM,YAAY,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA,IAI3B,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,CAAC,UAAU,cAAc,MAAM,QAAQ,iBAAiB,MAAM,QAAQ,CAAC,CAAC;AAAA;AAE5E,IAAO,iBAAQ;;;ADhCf,SAAS,iBAAiB;AA6DlB;AA3DR,IAAM,YAAY,CAChB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AACF,GACA,SACG;AACH,QAAM,OACJ,YAAY,aAAa,WACrB,cAAc,MAAM,WACpB;AACN,MAAI,kBAAkB,mBAAmB,QAAQ;AAC/C,WAAO,GAAG,IAAI;AAAA,EAChB,WAAW,kBAAkB,mBAAmB,SAAS;AACvD,WAAO;AAAA,EACT,WAAW,SAAS,QAAQ;AAC1B,WAAO,GAAG,IAAI;AAAA,EAChB,OAAO;AACL,WAAO;AAAA,EACT;AACF;AAEA,IAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,GAAG;AACL,MAA4B;AAC1B,QAAM,EAAE,KAAK,IAAI,SAAS;AAE1B,QAAM,OAAO,UAAU,EAAE,gBAAgB,UAAU,YAAY,GAAG,IAAI;AACtE,QAAM,cAAc,UAAU,IAA8B;AAC5D,QAAM,qBAAqB,aAAa,MAAM,GAAG,KAAK,CAAC;AACvD,QAAM,eAAe,mBAAmB,CAAC;AACzC,QAAM,gBAAgB,mBAAmB,CAAC;AAC1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ,SAAS,SAAS,gBAAgB;AAAA,MAC1C,OAAO,QAAQ,QAAQ,eAAe;AAAA,MACtC,UAAU;AAAA,MACV,WAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,gBAAc;AAAA,MACb,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAW;AAAA,UACX,oBAAkB,GAAG,WAAW;AAAA,UAC/B,GAAG;AAAA,UAEJ;AAAA,YAAC;AAAA;AAAA,cACC,YAAW;AAAA,cACX,WAAW,eAAe,IAAI;AAAA;AAAA,UAChC;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,sBAAQ;;;AGzEf,IAAO,cAAQ;","names":[]}
+{"version":3,"sources":["../../src/PartnerLogo.tsx","../../src/styles.ts","../../src/PartnerLogoTypes.ts","../../src/index.ts"],"sourcesContent":["import React from \"react\";\nimport { useTheme } from \"styled-components\";\nimport type { TypeTheme } from \"@sproutsocial/seeds-react-theme\";\nimport Container from \"./styles\";\nimport type { TypePartnerLogoProps } from \"./PartnerLogoTypes\";\nimport { ViewBoxes } from \"@sproutsocial/seeds-partner-logos\";\n\nconst whichLogo = (\n  {\n    backgroundType,\n    logoType,\n    partnerName,\n  }: Pick<TypePartnerLogoProps, \"backgroundType\" | \"logoType\" | \"partnerName\">,\n  mode: TypeTheme[\"mode\"]\n) => {\n  const logo =\n    logoType && logoType !== \"symbol\"\n      ? partnerName + \"-\" + logoType\n      : partnerName;\n  if (backgroundType && backgroundType === \"dark\") {\n    return `${logo}-dark`;\n  } else if (backgroundType && backgroundType === \"light\") {\n    return logo;\n  } else if (mode === \"dark\") {\n    return `${logo}-dark`;\n  } else {\n    return logo;\n  }\n};\n\nconst PartnerLogo = ({\n  partnerName,\n  backgroundType,\n  logoType = \"symbol\",\n  height,\n  width,\n  size,\n  \"aria-label\": ariaLabel,\n  svgProps,\n  ...rest\n}: TypePartnerLogoProps) => {\n  const { mode } = useTheme() as TypeTheme;\n\n  const logo = whichLogo({ backgroundType, logoType, partnerName }, mode);\n  const logoViewBox = ViewBoxes[logo as keyof typeof ViewBoxes];\n  const viewBoxCoordinates = logoViewBox?.split(\" \") || [];\n  const defaultSize = logoType === \"symbol\" ? \"small\" : undefined;\n  const defaultWidth = viewBoxCoordinates[2];\n  const defaultHeight = viewBoxCoordinates[3];\n  return (\n    <Container //we add pixels here because view box coordinates are numbers\n      height={height ? height : defaultHeight + \"px\"}\n      width={width ? width : defaultWidth + \"px\"}\n      logoSize={size ?? defaultSize}\n      className=\"logo\"\n      role=\"img\"\n      aria-label={ariaLabel}\n      data-qa-logo={partnerName}\n      {...rest}\n    >\n      <svg\n        className=\"logo-svg\"\n        viewBox={logoViewBox}\n        focusable={false}\n        data-qa-logo-svg={`${partnerName}-svg`}\n        {...svgProps}\n      >\n        <use\n          xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n          xlinkHref={`#seeds-svgs_${logo}`}\n        />\n      </svg>\n    </Container>\n  );\n};\n\nexport default PartnerLogo;\n","import styled, { css } from \"styled-components\";\nimport { verticalAlign } from \"styled-system\";\nimport { COMMON, FLEXBOX } from \"@sproutsocial/seeds-react-system-props\";\nimport {\n  type TypePartnerLogoProps,\n  type TypePartnerLogoSize,\n  type TypePartnerLogoSizeValues,\n  PartnerLogoSizes,\n} from \"./PartnerLogoTypes\";\n\nconst stylesForSize = (\n  height: TypePartnerLogoProps[\"height\"],\n  logoSize: TypePartnerLogoSizeValues\n) => css`\n  height: ${logoSize ? logoSize : height};\n  line-height: ${logoSize ? logoSize : height};\n\n  .logo-svg {\n    height: ${logoSize ? logoSize : height};\n    width: ${logoSize ? logoSize : \"\"};\n  }\n`;\n\ninterface ContainerProps\n  extends Required<Pick<TypePartnerLogoProps, \"height\" | \"width\">> {\n  logoSize: TypePartnerLogoSize;\n}\n\nconst Container = styled(\"span\")<ContainerProps>`\n  display: inline-block;\n  color: inherit;\n  vertical-align: middle;\n  ${COMMON}\n  ${FLEXBOX}\n  ${verticalAlign}\n  ${(props) => stylesForSize(props.height, PartnerLogoSizes[props.logoSize])}\n`;\nexport default Container;\n","import * as React from \"react\";\nimport type { EnumLogoNamesWithoutVariants } from \"@sproutsocial/seeds-partner-logos\";\nimport { LogoNamesWithoutVariants } from \"@sproutsocial/seeds-partner-logos\";\nimport type { TypeStyledComponentsCommonProps } from \"@sproutsocial/seeds-react-system-props\";\nimport type {\n  TypeSystemCommonProps,\n  TypeSystemFlexboxProps,\n} from \"@sproutsocial/seeds-react-system-props\";\n\n/**\n * @deprecated Use PartnerLogoNames instead\n */\nexport const PartnerNames = LogoNamesWithoutVariants;\n\n/**\n * @deprecated Use EnumLogoNames instead\n */\nexport type TypePartnerNames = EnumLogoNamesWithoutVariants;\n\nexport const PartnerLogoSizes = {\n  mini: \"12px\",\n  small: \"16px\",\n  medium: \"24px\",\n  large: \"32px\",\n  jumbo: \"64px\",\n} as const;\n\nexport type TypePartnerLogoSize = keyof typeof PartnerLogoSizes;\nexport type TypePartnerLogoSizeValues =\n  (typeof PartnerLogoSizes)[TypePartnerLogoSize];\n\nexport const PartnerLogoTypes = [\"symbol\", \"wordmark\", \"lockup\"] as const;\n\nexport type TypePartnerLogoTypes = (typeof PartnerLogoTypes)[number];\n\nexport interface TypePartnerLogoProps\n  extends TypeStyledComponentsCommonProps,\n    TypeSystemCommonProps,\n    TypeSystemFlexboxProps,\n    Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\"> {\n  /** The name of the partner whose logo you want to render. */\n  partnerName: EnumLogoNamesWithoutVariants;\n\n  /** Manually override the default mode behavior by rendering a logo based on the background it's displayed on. */\n  backgroundType?: \"dark\" | \"light\";\n  logoType?: TypePartnerLogoTypes;\n  height?: string;\n  width?: string;\n  size?: TypePartnerLogoSize;\n  svgProps?: React.ComponentPropsWithoutRef<\"svg\">;\n}\n","import PartnerLogo from \"./PartnerLogo\";\n\nexport default PartnerLogo;\nexport { PartnerLogo };\nexport * from \"./PartnerLogoTypes\";\n"],"mappings":";AAAA,OAAkB;AAClB,SAAS,gBAAgB;;;ACDzB,OAAO,UAAU,WAAW;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,QAAQ,eAAe;;;ACFhC,OAAuB;AAEvB,SAAS,gCAAgC;AAUlC,IAAM,eAAe;AAOrB,IAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAMO,IAAM,mBAAmB,CAAC,UAAU,YAAY,QAAQ;;;ADrB/D,IAAM,gBAAgB,CACpB,QACA,aACG;AAAA,YACO,WAAW,WAAW,MAAM;AAAA,iBACvB,WAAW,WAAW,MAAM;AAAA;AAAA;AAAA,cAG/B,WAAW,WAAW,MAAM;AAAA,aAC7B,WAAW,WAAW,EAAE;AAAA;AAAA;AASrC,IAAM,YAAY,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA,IAI3B,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,CAAC,UAAU,cAAc,MAAM,QAAQ,iBAAiB,MAAM,QAAQ,CAAC,CAAC;AAAA;AAE5E,IAAO,iBAAQ;;;ADhCf,SAAS,iBAAiB;AA8DlB;AA5DR,IAAM,YAAY,CAChB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AACF,GACA,SACG;AACH,QAAM,OACJ,YAAY,aAAa,WACrB,cAAc,MAAM,WACpB;AACN,MAAI,kBAAkB,mBAAmB,QAAQ;AAC/C,WAAO,GAAG,IAAI;AAAA,EAChB,WAAW,kBAAkB,mBAAmB,SAAS;AACvD,WAAO;AAAA,EACT,WAAW,SAAS,QAAQ;AAC1B,WAAO,GAAG,IAAI;AAAA,EAChB,OAAO;AACL,WAAO;AAAA,EACT;AACF;AAEA,IAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,GAAG;AACL,MAA4B;AAC1B,QAAM,EAAE,KAAK,IAAI,SAAS;AAE1B,QAAM,OAAO,UAAU,EAAE,gBAAgB,UAAU,YAAY,GAAG,IAAI;AACtE,QAAM,cAAc,UAAU,IAA8B;AAC5D,QAAM,qBAAqB,aAAa,MAAM,GAAG,KAAK,CAAC;AACvD,QAAM,cAAc,aAAa,WAAW,UAAU;AACtD,QAAM,eAAe,mBAAmB,CAAC;AACzC,QAAM,gBAAgB,mBAAmB,CAAC;AAC1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ,SAAS,SAAS,gBAAgB;AAAA,MAC1C,OAAO,QAAQ,QAAQ,eAAe;AAAA,MACtC,UAAU,QAAQ;AAAA,MAClB,WAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,gBAAc;AAAA,MACb,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAW;AAAA,UACX,oBAAkB,GAAG,WAAW;AAAA,UAC/B,GAAG;AAAA,UAEJ;AAAA,YAAC;AAAA;AAAA,cACC,YAAW;AAAA,cACX,WAAW,eAAe,IAAI;AAAA;AAAA,UAChC;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,sBAAQ;;;AG1Ef,IAAO,gBAAQ;","names":[]}

package/dist/index.d.mts

@@ -6,7 +6,7 @@ import { TypeStyledComponentsCommonProps, TypeSystemCommonProps, TypeSystemFlexb
 /**
  * @deprecated Use PartnerLogoNames instead
  */
-declare const PartnerNames: readonly ["adobe-experience-manager", "android", "apple-app-store", "apple", "bigcommerce", "bitly", "bynder", "canva", "dropbox", "facebook-audience-network", "facebook", "facebook-groups", "facebook-shops", "feedly", "github", "glassdoor", "google-analytics", "google-business-messages", "google-drive", "google-my-business", "google-play-store", "hubspot", "instagram", "linkedin-audience-network", "linkedin", "marketo", "messenger", "meta", "microsoft-dynamics", "paypal", "pinterest", "reddit", "salesforce-cloud", "salesforce", "shopify", "slack", "sproutsocial", "tableau", "threads", "tiktok", "tripadvisor", "trustpilot", "tumblr", "twitter-audience-network", "twitter", "whatsapp", "woocommerce", "x-twitter", "yelp", "youtube", "zendesk"];
+declare const PartnerNames: readonly ["adobe-experience-manager", "android", "apple-app-store", "apple", "bigcommerce", "bitly", "bluesky", "bynder", "canva", "dropbox", "facebook-audience-network", "facebook", "facebook-groups", "facebook-shops", "feedly", "github", "glassdoor", "google-analytics", "google-business-messages", "google-drive", "google-my-business", "google-play-store", "hubspot", "instagram", "linkedin-audience-network", "linkedin", "marketo", "messenger", "meta", "microsoft-dynamics", "paypal", "pinterest", "reddit", "salesforce-cloud", "salesforce", "shopify", "slack", "sproutsocial", "tableau", "threads", "tiktok", "tripadvisor", "trustpilot", "tumblr", "twitter-audience-network", "twitter", "whatsapp", "woocommerce", "x-twitter", "yelp", "youtube", "zendesk"];
 /**
  * @deprecated Use EnumLogoNames instead
  */

package/dist/index.d.ts

@@ -6,7 +6,7 @@ import { TypeStyledComponentsCommonProps, TypeSystemCommonProps, TypeSystemFlexb
 /**
  * @deprecated Use PartnerLogoNames instead
  */
-declare const PartnerNames: readonly ["adobe-experience-manager", "android", "apple-app-store", "apple", "bigcommerce", "bitly", "bynder", "canva", "dropbox", "facebook-audience-network", "facebook", "facebook-groups", "facebook-shops", "feedly", "github", "glassdoor", "google-analytics", "google-business-messages", "google-drive", "google-my-business", "google-play-store", "hubspot", "instagram", "linkedin-audience-network", "linkedin", "marketo", "messenger", "meta", "microsoft-dynamics", "paypal", "pinterest", "reddit", "salesforce-cloud", "salesforce", "shopify", "slack", "sproutsocial", "tableau", "threads", "tiktok", "tripadvisor", "trustpilot", "tumblr", "twitter-audience-network", "twitter", "whatsapp", "woocommerce", "x-twitter", "yelp", "youtube", "zendesk"];
+declare const PartnerNames: readonly ["adobe-experience-manager", "android", "apple-app-store", "apple", "bigcommerce", "bitly", "bluesky", "bynder", "canva", "dropbox", "facebook-audience-network", "facebook", "facebook-groups", "facebook-shops", "feedly", "github", "glassdoor", "google-analytics", "google-business-messages", "google-drive", "google-my-business", "google-play-store", "hubspot", "instagram", "linkedin-audience-network", "linkedin", "marketo", "messenger", "meta", "microsoft-dynamics", "paypal", "pinterest", "reddit", "salesforce-cloud", "salesforce", "shopify", "slack", "sproutsocial", "tableau", "threads", "tiktok", "tripadvisor", "trustpilot", "tumblr", "twitter-audience-network", "twitter", "whatsapp", "woocommerce", "x-twitter", "yelp", "youtube", "zendesk"];
 /**
  * @deprecated Use EnumLogoNames instead
  */

package/dist/index.js

@@ -28,15 +28,15 @@ 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, {
   PartnerLogo: () => PartnerLogo_default,
   PartnerLogoSizes: () => PartnerLogoSizes,
   PartnerLogoTypes: () => PartnerLogoTypes,
   PartnerNames: () => PartnerNames,
-  default: () => src_default
+  default: () => index_default
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/PartnerLogo.tsx
 var import_react = require("react");
@@ -115,6 +115,7 @@ var PartnerLogo = ({
   const logo = whichLogo({ backgroundType, logoType, partnerName }, mode);
   const logoViewBox = import_seeds_partner_logos2.ViewBoxes[logo];
   const viewBoxCoordinates = logoViewBox?.split(" ") || [];
+  const defaultSize = logoType === "symbol" ? "small" : void 0;
   const defaultWidth = viewBoxCoordinates[2];
   const defaultHeight = viewBoxCoordinates[3];
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -122,7 +123,7 @@ var PartnerLogo = ({
     {
       height: height ? height : defaultHeight + "px",
       width: width ? width : defaultWidth + "px",
-      logoSize: size,
+      logoSize: size ?? defaultSize,
       className: "logo",
       role: "img",
       "aria-label": ariaLabel,
@@ -151,7 +152,7 @@ var PartnerLogo = ({
 var PartnerLogo_default = PartnerLogo;
 
 // src/index.ts
-var src_default = PartnerLogo_default;
+var index_default = PartnerLogo_default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   PartnerLogo,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/PartnerLogo.tsx","../src/styles.ts","../src/PartnerLogoTypes.ts"],"sourcesContent":["import PartnerLogo from \"./PartnerLogo\";\n\nexport default PartnerLogo;\nexport { PartnerLogo };\nexport * from \"./PartnerLogoTypes\";\n","import React from \"react\";\nimport { useTheme } from \"styled-components\";\nimport type { TypeTheme } from \"@sproutsocial/seeds-react-theme\";\nimport Container from \"./styles\";\nimport type { TypePartnerLogoProps } from \"./PartnerLogoTypes\";\nimport { ViewBoxes } from \"@sproutsocial/seeds-partner-logos\";\n\nconst whichLogo = (\n  {\n    backgroundType,\n    logoType,\n    partnerName,\n  }: Pick<TypePartnerLogoProps, \"backgroundType\" | \"logoType\" | \"partnerName\">,\n  mode: TypeTheme[\"mode\"]\n) => {\n  const logo =\n    logoType && logoType !== \"symbol\"\n      ? partnerName + \"-\" + logoType\n      : partnerName;\n  if (backgroundType && backgroundType === \"dark\") {\n    return `${logo}-dark`;\n  } else if (backgroundType && backgroundType === \"light\") {\n    return logo;\n  } else if (mode === \"dark\") {\n    return `${logo}-dark`;\n  } else {\n    return logo;\n  }\n};\n\nconst PartnerLogo = ({\n  partnerName,\n  backgroundType,\n  logoType = \"symbol\",\n  height,\n  width,\n  size,\n  \"aria-label\": ariaLabel,\n  svgProps,\n  ...rest\n}: TypePartnerLogoProps) => {\n  const { mode } = useTheme() as TypeTheme;\n\n  const logo = whichLogo({ backgroundType, logoType, partnerName }, mode);\n  const logoViewBox = ViewBoxes[logo as keyof typeof ViewBoxes];\n  const viewBoxCoordinates = logoViewBox?.split(\" \") || [];\n  const defaultWidth = viewBoxCoordinates[2];\n  const defaultHeight = viewBoxCoordinates[3];\n  return (\n    <Container //we add pixels here because view box coordinates are numbers\n      height={height ? height : defaultHeight + \"px\"}\n      width={width ? width : defaultWidth + \"px\"}\n      logoSize={size}\n      className=\"logo\"\n      role=\"img\"\n      aria-label={ariaLabel}\n      data-qa-logo={partnerName}\n      {...rest}\n    >\n      <svg\n        className=\"logo-svg\"\n        viewBox={logoViewBox}\n        focusable={false}\n        data-qa-logo-svg={`${partnerName}-svg`}\n        {...svgProps}\n      >\n        <use\n          xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n          xlinkHref={`#seeds-svgs_${logo}`}\n        />\n      </svg>\n    </Container>\n  );\n};\n\nexport default PartnerLogo;\n","import styled, { css } from \"styled-components\";\nimport { verticalAlign } from \"styled-system\";\nimport { COMMON, FLEXBOX } from \"@sproutsocial/seeds-react-system-props\";\nimport {\n  type TypePartnerLogoProps,\n  type TypePartnerLogoSize,\n  type TypePartnerLogoSizeValues,\n  PartnerLogoSizes,\n} from \"./PartnerLogoTypes\";\n\nconst stylesForSize = (\n  height: TypePartnerLogoProps[\"height\"],\n  logoSize: TypePartnerLogoSizeValues\n) => css`\n  height: ${logoSize ? logoSize : height};\n  line-height: ${logoSize ? logoSize : height};\n\n  .logo-svg {\n    height: ${logoSize ? logoSize : height};\n    width: ${logoSize ? logoSize : \"\"};\n  }\n`;\n\ninterface ContainerProps\n  extends Required<Pick<TypePartnerLogoProps, \"height\" | \"width\">> {\n  logoSize: TypePartnerLogoSize;\n}\n\nconst Container = styled(\"span\")<ContainerProps>`\n  display: inline-block;\n  color: inherit;\n  vertical-align: middle;\n  ${COMMON}\n  ${FLEXBOX}\n  ${verticalAlign}\n  ${(props) => stylesForSize(props.height, PartnerLogoSizes[props.logoSize])}\n`;\nexport default Container;\n","import * as React from \"react\";\nimport type { EnumLogoNamesWithoutVariants } from \"@sproutsocial/seeds-partner-logos\";\nimport { LogoNamesWithoutVariants } from \"@sproutsocial/seeds-partner-logos\";\nimport type { TypeStyledComponentsCommonProps } from \"@sproutsocial/seeds-react-system-props\";\nimport type {\n  TypeSystemCommonProps,\n  TypeSystemFlexboxProps,\n} from \"@sproutsocial/seeds-react-system-props\";\n\n/**\n * @deprecated Use PartnerLogoNames instead\n */\nexport const PartnerNames = LogoNamesWithoutVariants;\n\n/**\n * @deprecated Use EnumLogoNames instead\n */\nexport type TypePartnerNames = EnumLogoNamesWithoutVariants;\n\nexport const PartnerLogoSizes = {\n  mini: \"12px\",\n  small: \"16px\",\n  medium: \"24px\",\n  large: \"32px\",\n  jumbo: \"64px\",\n} as const;\n\nexport type TypePartnerLogoSize = keyof typeof PartnerLogoSizes;\nexport type TypePartnerLogoSizeValues =\n  (typeof PartnerLogoSizes)[TypePartnerLogoSize];\n\nexport const PartnerLogoTypes = [\"symbol\", \"wordmark\", \"lockup\"] as const;\n\nexport type TypePartnerLogoTypes = (typeof PartnerLogoTypes)[number];\n\nexport interface TypePartnerLogoProps\n  extends TypeStyledComponentsCommonProps,\n    TypeSystemCommonProps,\n    TypeSystemFlexboxProps,\n    Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\"> {\n  /** The name of the partner whose logo you want to render. */\n  partnerName: EnumLogoNamesWithoutVariants;\n\n  /** Manually override the default mode behavior by rendering a logo based on the background it's displayed on. */\n  backgroundType?: \"dark\" | \"light\";\n  logoType?: TypePartnerLogoTypes;\n  height?: string;\n  width?: string;\n  size?: TypePartnerLogoSize;\n  svgProps?: React.ComponentPropsWithoutRef<\"svg\">;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkB;AAClB,IAAAA,4BAAyB;;;ACDzB,+BAA4B;AAC5B,2BAA8B;AAC9B,sCAAgC;;;ACFhC,YAAuB;AAEvB,iCAAyC;AAUlC,IAAM,eAAe;AAOrB,IAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAMO,IAAM,mBAAmB,CAAC,UAAU,YAAY,QAAQ;;;ADrB/D,IAAM,gBAAgB,CACpB,QACA,aACG;AAAA,YACO,WAAW,WAAW,MAAM;AAAA,iBACvB,WAAW,WAAW,MAAM;AAAA;AAAA;AAAA,cAG/B,WAAW,WAAW,MAAM;AAAA,aAC7B,WAAW,WAAW,EAAE;AAAA;AAAA;AASrC,IAAM,gBAAY,yBAAAC,SAAO,MAAM;AAAA;AAAA;AAAA;AAAA,IAI3B,sCAAM;AAAA,IACN,uCAAO;AAAA,IACP,kCAAa;AAAA,IACb,CAAC,UAAU,cAAc,MAAM,QAAQ,iBAAiB,MAAM,QAAQ,CAAC,CAAC;AAAA;AAE5E,IAAO,iBAAQ;;;ADhCf,IAAAC,8BAA0B;AA6DlB;AA3DR,IAAM,YAAY,CAChB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AACF,GACA,SACG;AACH,QAAM,OACJ,YAAY,aAAa,WACrB,cAAc,MAAM,WACpB;AACN,MAAI,kBAAkB,mBAAmB,QAAQ;AAC/C,WAAO,GAAG,IAAI;AAAA,EAChB,WAAW,kBAAkB,mBAAmB,SAAS;AACvD,WAAO;AAAA,EACT,WAAW,SAAS,QAAQ;AAC1B,WAAO,GAAG,IAAI;AAAA,EAChB,OAAO;AACL,WAAO;AAAA,EACT;AACF;AAEA,IAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,GAAG;AACL,MAA4B;AAC1B,QAAM,EAAE,KAAK,QAAI,oCAAS;AAE1B,QAAM,OAAO,UAAU,EAAE,gBAAgB,UAAU,YAAY,GAAG,IAAI;AACtE,QAAM,cAAc,sCAAU,IAA8B;AAC5D,QAAM,qBAAqB,aAAa,MAAM,GAAG,KAAK,CAAC;AACvD,QAAM,eAAe,mBAAmB,CAAC;AACzC,QAAM,gBAAgB,mBAAmB,CAAC;AAC1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ,SAAS,SAAS,gBAAgB;AAAA,MAC1C,OAAO,QAAQ,QAAQ,eAAe;AAAA,MACtC,UAAU;AAAA,MACV,WAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,gBAAc;AAAA,MACb,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAW;AAAA,UACX,oBAAkB,GAAG,WAAW;AAAA,UAC/B,GAAG;AAAA,UAEJ;AAAA,YAAC;AAAA;AAAA,cACC,YAAW;AAAA,cACX,WAAW,eAAe,IAAI;AAAA;AAAA,UAChC;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,sBAAQ;;;ADzEf,IAAO,cAAQ;","names":["import_styled_components","styled","import_seeds_partner_logos"]}
+{"version":3,"sources":["../src/index.ts","../src/PartnerLogo.tsx","../src/styles.ts","../src/PartnerLogoTypes.ts"],"sourcesContent":["import PartnerLogo from \"./PartnerLogo\";\n\nexport default PartnerLogo;\nexport { PartnerLogo };\nexport * from \"./PartnerLogoTypes\";\n","import React from \"react\";\nimport { useTheme } from \"styled-components\";\nimport type { TypeTheme } from \"@sproutsocial/seeds-react-theme\";\nimport Container from \"./styles\";\nimport type { TypePartnerLogoProps } from \"./PartnerLogoTypes\";\nimport { ViewBoxes } from \"@sproutsocial/seeds-partner-logos\";\n\nconst whichLogo = (\n  {\n    backgroundType,\n    logoType,\n    partnerName,\n  }: Pick<TypePartnerLogoProps, \"backgroundType\" | \"logoType\" | \"partnerName\">,\n  mode: TypeTheme[\"mode\"]\n) => {\n  const logo =\n    logoType && logoType !== \"symbol\"\n      ? partnerName + \"-\" + logoType\n      : partnerName;\n  if (backgroundType && backgroundType === \"dark\") {\n    return `${logo}-dark`;\n  } else if (backgroundType && backgroundType === \"light\") {\n    return logo;\n  } else if (mode === \"dark\") {\n    return `${logo}-dark`;\n  } else {\n    return logo;\n  }\n};\n\nconst PartnerLogo = ({\n  partnerName,\n  backgroundType,\n  logoType = \"symbol\",\n  height,\n  width,\n  size,\n  \"aria-label\": ariaLabel,\n  svgProps,\n  ...rest\n}: TypePartnerLogoProps) => {\n  const { mode } = useTheme() as TypeTheme;\n\n  const logo = whichLogo({ backgroundType, logoType, partnerName }, mode);\n  const logoViewBox = ViewBoxes[logo as keyof typeof ViewBoxes];\n  const viewBoxCoordinates = logoViewBox?.split(\" \") || [];\n  const defaultSize = logoType === \"symbol\" ? \"small\" : undefined;\n  const defaultWidth = viewBoxCoordinates[2];\n  const defaultHeight = viewBoxCoordinates[3];\n  return (\n    <Container //we add pixels here because view box coordinates are numbers\n      height={height ? height : defaultHeight + \"px\"}\n      width={width ? width : defaultWidth + \"px\"}\n      logoSize={size ?? defaultSize}\n      className=\"logo\"\n      role=\"img\"\n      aria-label={ariaLabel}\n      data-qa-logo={partnerName}\n      {...rest}\n    >\n      <svg\n        className=\"logo-svg\"\n        viewBox={logoViewBox}\n        focusable={false}\n        data-qa-logo-svg={`${partnerName}-svg`}\n        {...svgProps}\n      >\n        <use\n          xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n          xlinkHref={`#seeds-svgs_${logo}`}\n        />\n      </svg>\n    </Container>\n  );\n};\n\nexport default PartnerLogo;\n","import styled, { css } from \"styled-components\";\nimport { verticalAlign } from \"styled-system\";\nimport { COMMON, FLEXBOX } from \"@sproutsocial/seeds-react-system-props\";\nimport {\n  type TypePartnerLogoProps,\n  type TypePartnerLogoSize,\n  type TypePartnerLogoSizeValues,\n  PartnerLogoSizes,\n} from \"./PartnerLogoTypes\";\n\nconst stylesForSize = (\n  height: TypePartnerLogoProps[\"height\"],\n  logoSize: TypePartnerLogoSizeValues\n) => css`\n  height: ${logoSize ? logoSize : height};\n  line-height: ${logoSize ? logoSize : height};\n\n  .logo-svg {\n    height: ${logoSize ? logoSize : height};\n    width: ${logoSize ? logoSize : \"\"};\n  }\n`;\n\ninterface ContainerProps\n  extends Required<Pick<TypePartnerLogoProps, \"height\" | \"width\">> {\n  logoSize: TypePartnerLogoSize;\n}\n\nconst Container = styled(\"span\")<ContainerProps>`\n  display: inline-block;\n  color: inherit;\n  vertical-align: middle;\n  ${COMMON}\n  ${FLEXBOX}\n  ${verticalAlign}\n  ${(props) => stylesForSize(props.height, PartnerLogoSizes[props.logoSize])}\n`;\nexport default Container;\n","import * as React from \"react\";\nimport type { EnumLogoNamesWithoutVariants } from \"@sproutsocial/seeds-partner-logos\";\nimport { LogoNamesWithoutVariants } from \"@sproutsocial/seeds-partner-logos\";\nimport type { TypeStyledComponentsCommonProps } from \"@sproutsocial/seeds-react-system-props\";\nimport type {\n  TypeSystemCommonProps,\n  TypeSystemFlexboxProps,\n} from \"@sproutsocial/seeds-react-system-props\";\n\n/**\n * @deprecated Use PartnerLogoNames instead\n */\nexport const PartnerNames = LogoNamesWithoutVariants;\n\n/**\n * @deprecated Use EnumLogoNames instead\n */\nexport type TypePartnerNames = EnumLogoNamesWithoutVariants;\n\nexport const PartnerLogoSizes = {\n  mini: \"12px\",\n  small: \"16px\",\n  medium: \"24px\",\n  large: \"32px\",\n  jumbo: \"64px\",\n} as const;\n\nexport type TypePartnerLogoSize = keyof typeof PartnerLogoSizes;\nexport type TypePartnerLogoSizeValues =\n  (typeof PartnerLogoSizes)[TypePartnerLogoSize];\n\nexport const PartnerLogoTypes = [\"symbol\", \"wordmark\", \"lockup\"] as const;\n\nexport type TypePartnerLogoTypes = (typeof PartnerLogoTypes)[number];\n\nexport interface TypePartnerLogoProps\n  extends TypeStyledComponentsCommonProps,\n    TypeSystemCommonProps,\n    TypeSystemFlexboxProps,\n    Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\"> {\n  /** The name of the partner whose logo you want to render. */\n  partnerName: EnumLogoNamesWithoutVariants;\n\n  /** Manually override the default mode behavior by rendering a logo based on the background it's displayed on. */\n  backgroundType?: \"dark\" | \"light\";\n  logoType?: TypePartnerLogoTypes;\n  height?: string;\n  width?: string;\n  size?: TypePartnerLogoSize;\n  svgProps?: React.ComponentPropsWithoutRef<\"svg\">;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkB;AAClB,IAAAA,4BAAyB;;;ACDzB,+BAA4B;AAC5B,2BAA8B;AAC9B,sCAAgC;;;ACFhC,YAAuB;AAEvB,iCAAyC;AAUlC,IAAM,eAAe;AAOrB,IAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAMO,IAAM,mBAAmB,CAAC,UAAU,YAAY,QAAQ;;;ADrB/D,IAAM,gBAAgB,CACpB,QACA,aACG;AAAA,YACO,WAAW,WAAW,MAAM;AAAA,iBACvB,WAAW,WAAW,MAAM;AAAA;AAAA;AAAA,cAG/B,WAAW,WAAW,MAAM;AAAA,aAC7B,WAAW,WAAW,EAAE;AAAA;AAAA;AASrC,IAAM,gBAAY,yBAAAC,SAAO,MAAM;AAAA;AAAA;AAAA;AAAA,IAI3B,sCAAM;AAAA,IACN,uCAAO;AAAA,IACP,kCAAa;AAAA,IACb,CAAC,UAAU,cAAc,MAAM,QAAQ,iBAAiB,MAAM,QAAQ,CAAC,CAAC;AAAA;AAE5E,IAAO,iBAAQ;;;ADhCf,IAAAC,8BAA0B;AA8DlB;AA5DR,IAAM,YAAY,CAChB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AACF,GACA,SACG;AACH,QAAM,OACJ,YAAY,aAAa,WACrB,cAAc,MAAM,WACpB;AACN,MAAI,kBAAkB,mBAAmB,QAAQ;AAC/C,WAAO,GAAG,IAAI;AAAA,EAChB,WAAW,kBAAkB,mBAAmB,SAAS;AACvD,WAAO;AAAA,EACT,WAAW,SAAS,QAAQ;AAC1B,WAAO,GAAG,IAAI;AAAA,EAChB,OAAO;AACL,WAAO;AAAA,EACT;AACF;AAEA,IAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,GAAG;AACL,MAA4B;AAC1B,QAAM,EAAE,KAAK,QAAI,oCAAS;AAE1B,QAAM,OAAO,UAAU,EAAE,gBAAgB,UAAU,YAAY,GAAG,IAAI;AACtE,QAAM,cAAc,sCAAU,IAA8B;AAC5D,QAAM,qBAAqB,aAAa,MAAM,GAAG,KAAK,CAAC;AACvD,QAAM,cAAc,aAAa,WAAW,UAAU;AACtD,QAAM,eAAe,mBAAmB,CAAC;AACzC,QAAM,gBAAgB,mBAAmB,CAAC;AAC1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ,SAAS,SAAS,gBAAgB;AAAA,MAC1C,OAAO,QAAQ,QAAQ,eAAe;AAAA,MACtC,UAAU,QAAQ;AAAA,MAClB,WAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,gBAAc;AAAA,MACb,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAW;AAAA,UACX,oBAAkB,GAAG,WAAW;AAAA,UAC/B,GAAG;AAAA,UAEJ;AAAA,YAAC;AAAA;AAAA,cACC,YAAW;AAAA,cACX,WAAW,eAAe,IAAI;AAAA;AAAA,UAChC;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,sBAAQ;;;AD1Ef,IAAO,gBAAQ;","names":["import_styled_components","styled","import_seeds_partner_logos"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/seeds-react-partner-logo",
-  "version": "1.2.1",
+  "version": "1.3.1",
   "description": "Seeds React Partner Logo component",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
@@ -12,18 +12,19 @@
   ],
   "scripts": {
     "build": "tsup --dts",
+    "build:debug": "tsup --dts --metafile",
     "dev": "tsup --watch --dts",
     "clean": "rm -rf .turbo dist",
     "clean:modules": "rm -rf node_modules",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@sproutsocial/seeds-react-system-props": "*",
-    "@sproutsocial/seeds-react-theme": "*",
+    "@sproutsocial/seeds-react-system-props": "^3.0.1",
+    "@sproutsocial/seeds-react-theme": "^2.2.0",
     "styled-system": "^5.1.5"
   },
   "devDependencies": {
-    "@sproutsocial/seeds-partner-logos": "*",
+    "@sproutsocial/seeds-partner-logos": "^1.12.0",
     "react": "^18.0.0",
     "styled-components": "^5.2.3",
     "typescript": "^5.6.2",