@sproutsocial/seeds-react-partner-logo 1.0.1 → 1.1.0

package/dist/esm/index.js

@@ -122,3 +122,4 @@ export {
   PartnerNames,
   src_default as default
 };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +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 { 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];\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 { TypePartnerLogoProps, TypePartnerLogoSize } from \"./PartnerLogoTypes\";\n\nconst sizes = {\n  mini: \"12px\",\n  small: \"16px\",\n  medium: \"24px\",\n  large: \"32px\",\n  jumbo: \"64px\",\n};\n\n// TODO: remove width from stylesForSize\nconst stylesForSize = (height, width, logoSize) => 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, props.width, sizes[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;\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,OAAO,WAAW;AAClB,SAAS,gBAAgB;;;ACDzB,OAAO,UAAU,WAAW;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,QAAQ,eAAe;AAGhC,IAAM,QAAQ;AAAA,EACZ,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAGA,IAAM,gBAAgB,CAAC,QAAQ,OAAO,aAAa;AAAA,YACvC,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,MAAM,OAAO,MAAM,MAAM,QAAQ,CAAC,CAAC;AAAA;AAE9E,IAAO,iBAAQ;;;ADjCf,SAAS,iBAAiB;AAE1B,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,IAAI;AAClC,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;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,QACX,oBAAkB,GAAG,WAAW;AAAA,QAC/B,GAAG;AAAA;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX,WAAW,eAAe,IAAI;AAAA;AAAA,MAChC;AAAA,IACF;AAAA,EACF;AAEJ;AAEA,IAAO,sBAAQ;;;AEzEf,SAAS,gCAAgC;AAUlC,IAAM,eAAe;AAOrB,IAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAIO,IAAM,mBAAmB,CAAC,UAAU,YAAY,QAAQ;;;AC3B/D,IAAO,cAAQ;","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", "microsoft-dynamics", "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", "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", "microsoft-dynamics", "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", "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

@@ -162,3 +162,4 @@ var src_default = PartnerLogo_default;
   PartnerLogoTypes,
   PartnerNames
 });
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +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 { 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];\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 { TypePartnerLogoProps, TypePartnerLogoSize } from \"./PartnerLogoTypes\";\n\nconst sizes = {\n  mini: \"12px\",\n  small: \"16px\",\n  medium: \"24px\",\n  large: \"32px\",\n  jumbo: \"64px\",\n};\n\n// TODO: remove width from stylesForSize\nconst stylesForSize = (height, width, logoSize) => 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, props.width, sizes[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;\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;AAGhC,IAAM,QAAQ;AAAA,EACZ,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAGA,IAAM,gBAAgB,CAAC,QAAQ,OAAO,aAAa;AAAA,YACvC,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,MAAM,OAAO,MAAM,MAAM,QAAQ,CAAC,CAAC;AAAA;AAE9E,IAAO,iBAAQ;;;ADjCf,iCAA0B;AAE1B,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,qCAAU,IAAI;AAClC,QAAM,qBAAqB,aAAa,MAAM,GAAG,KAAK,CAAC;AACvD,QAAM,eAAe,mBAAmB,CAAC;AACzC,QAAM,gBAAgB,mBAAmB,CAAC;AAC1C,SACE,6BAAAC,QAAA;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;AAAA,IAEJ,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,QACX,oBAAkB,GAAG,WAAW;AAAA,QAC/B,GAAG;AAAA;AAAA,MAEJ,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX,WAAW,eAAe,IAAI;AAAA;AAAA,MAChC;AAAA,IACF;AAAA,EACF;AAEJ;AAEA,IAAO,sBAAQ;;;AEzEf,IAAAC,8BAAyC;AAUlC,IAAM,eAAe;AAOrB,IAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAIO,IAAM,mBAAmB,CAAC,UAAU,YAAY,QAAQ;;;AH3B/D,IAAO,cAAQ;","names":["import_styled_components","styled","React","import_seeds_partner_logos"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/seeds-react-partner-logo",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "Seeds React Partner Logo component",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
@@ -11,7 +11,11 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsup"
+    "build": "tsup --dts",
+    "dev": "tsup --watch --dts",
+    "clean": "rm -rf .turbo dist",
+    "clean:modules": "rm -rf node_modules",
+    "typecheck": "tsc --noEmit"
   },
   "dependencies": {
     "@sproutsocial/seeds-react-system-props": "^2.2.0",
@@ -20,9 +24,8 @@
   },
   "devDependencies": {
     "@sproutsocial/seeds-partner-logos": "*",
-    "react": "^17.0.2",
+    "react": "^18.0.0",
     "styled-components": "^5.2.3",
-    "tsx": "3.13.0",
     "typescript": "^5.1.6",
     "tsup": "^8.0.2"
   },