@atlaskit/logo 13.9.1 → 13.10.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/logo
 
+## 13.10.1
+
+### Patch Changes
+
+- [`88a34a8c2dd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/88a34a8c2dd) - Remove redundant `role=presentation` on wrapping @atlaskit/icon and @atlaskit/logo spans.
+
+## 13.10.0
+
+### Minor Changes
+
+- [`68e771a783a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/68e771a783a) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
+
 ## 13.9.1
 
 ### Patch Changes

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/logo",
-	"version": "13.9.1",
+	"version": "13.10.1",
 	"sideEffects": false
 }

package/dist/cjs/wrapper.js

@@ -15,14 +15,14 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _constants = require("./constants");
 
 var _excluded = ["label", "svg", "size", "appearance", "iconGradientStart", "iconGradientStop", "iconColor", "textColor", "testId"];
 var CSS_VAR_COLOR = '--logo-color';
 var CSS_VAR_FILL = '--logo-fill';
-var baseWrapperStyles = (0, _core.css)({
+var baseWrapperStyles = (0, _react.css)({
   display: 'inline-block',
   position: 'relative',
   color: "var(".concat(CSS_VAR_COLOR, ")"),
@@ -36,7 +36,7 @@ var baseWrapperStyles = (0, _core.css)({
     fill: 'inherit'
   }
 });
-var stopColorStyles = (0, _core.css)({
+var stopColorStyles = (0, _react.css)({
   // eslint-disable-next-line @repo/internal/styles/no-nested-styles
   stop: {
     stopColor: 'currentColor'
@@ -47,7 +47,7 @@ var sizeStyles = Object.entries(_constants.sizes).reduce(function (acc, _ref) {
       key = _ref2[0],
       val = _ref2[1];
 
-  acc[key] = (0, _core.css)({
+  acc[key] = (0, _react.css)({
     height: "".concat(val, "px")
   });
   return acc;
@@ -73,12 +73,12 @@ var Wrapper = function Wrapper(_ref3) {
       rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
   var shouldApplyStopColor = iconGradientStart === 'inherit' && iconGradientStop === 'inherit' && appearance === undefined;
   var testId = userDefinedTestId && "".concat(userDefinedTestId, "--wrapper");
-  return (0, _core.jsx)("span", (0, _extends2.default)({
+  return (0, _react.jsx)("span", (0, _extends2.default)({
     css: [baseWrapperStyles, shouldApplyStopColor && stopColorStyles, size && sizeStyles[size]],
     "data-testid": testId,
     style: (_ref4 = {}, (0, _defineProperty2.default)(_ref4, CSS_VAR_COLOR, iconColor), (0, _defineProperty2.default)(_ref4, CSS_VAR_FILL, textColor), _ref4),
     "aria-label": label ? label : undefined,
-    role: label ? 'img' : 'presentation',
+    role: label ? 'img' : undefined,
     dangerouslySetInnerHTML: {
       __html: svg
     } // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/logo",
-	"version": "13.9.1",
+	"version": "13.10.1",
 	"sideEffects": false
 }

package/dist/es2019/wrapper.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { sizes } from './constants';
 const CSS_VAR_COLOR = '--logo-color';
 const CSS_VAR_FILL = '--logo-fill';
@@ -59,7 +59,7 @@ const Wrapper = ({
       [CSS_VAR_FILL]: textColor
     },
     "aria-label": label ? label : undefined,
-    role: label ? 'img' : 'presentation',
+    role: label ? 'img' : undefined,
     dangerouslySetInnerHTML: {
       __html: svg
     } // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/logo",
-	"version": "13.9.1",
+	"version": "13.10.1",
 	"sideEffects": false
 }

package/dist/esm/wrapper.js

@@ -5,7 +5,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["label", "svg", "size", "appearance", "iconGradientStart", "iconGradientStop", "iconColor", "textColor", "testId"];
 
 /** @jsx jsx */
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { sizes } from './constants';
 var CSS_VAR_COLOR = '--logo-color';
 var CSS_VAR_FILL = '--logo-fill';
@@ -66,7 +66,7 @@ var Wrapper = function Wrapper(_ref3) {
     "data-testid": testId,
     style: (_ref4 = {}, _defineProperty(_ref4, CSS_VAR_COLOR, iconColor), _defineProperty(_ref4, CSS_VAR_FILL, textColor), _ref4),
     "aria-label": label ? label : undefined,
-    role: label ? 'img' : 'presentation',
+    role: label ? 'img' : undefined,
     dangerouslySetInnerHTML: {
       __html: svg
     } // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props

package/dist/types/wrapper.d.ts

@@ -1,10 +1,10 @@
 /** @jsx jsx */
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import { WrapperProps } from './constants';
 /**
  * __Wrapper__
  *
  * An internal component used by `@atlaskit/logo` to render logo SVGs with correct styles.
  */
-declare const Wrapper: ({ label, svg, size, appearance, iconGradientStart, iconGradientStop, iconColor, textColor, testId: userDefinedTestId, ...rest }: WrapperProps) => JSX.Element;
+declare const Wrapper: ({ label, svg, size, appearance, iconGradientStart, iconGradientStop, iconColor, textColor, testId: userDefinedTestId, ...rest }: WrapperProps) => jsx.JSX.Element;
 export default Wrapper;

package/dist/types-ts4.0/wrapper.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
 /** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { WrapperProps } from './constants';
 /**
  * __Wrapper__
  *
  * An internal component used by `@atlaskit/logo` to render logo SVGs with correct styles.
  */
-declare const Wrapper: ({ label, svg, size, appearance, iconGradientStart, iconGradientStop, iconColor, textColor, testId: userDefinedTestId, ...rest }: WrapperProps) => JSX.Element;
+declare const Wrapper: ({ label, svg, size, appearance, iconGradientStart, iconGradientStop, iconColor, textColor, testId: userDefinedTestId, ...rest }: WrapperProps) => jsx.JSX.Element;
 export default Wrapper;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/logo",
-  "version": "13.9.1",
+  "version": "13.10.1",
   "description": "A logo is a visual representation of a brand or product. It can be a word or an image, or a combination of both.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -15,13 +15,15 @@
   "typesVersions": {
     ">=4.0 <4.5": {
       "*": [
-        "dist/types-ts4.0/*"
+        "dist/types-ts4.0/*",
+        "dist/types-ts4.0/index.d.ts"
       ]
     }
   },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
+    "disableProductCI": true,
     "team": "Design System Team",
     "releaseModel": "scheduled",
     "website": {
@@ -53,19 +55,19 @@
     "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
     "@babel/runtime": "^7.0.0",
-    "@emotion/core": "^10.0.9",
+    "@emotion/react": "^11.7.1",
     "react-uid": "^2.2.0"
   },
   "peerDependencies": {
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/atlassian-navigation": "^2.2.2",
-    "@atlaskit/button": "^16.3.0",
-    "@atlaskit/code": "^14.3.0",
+    "@atlaskit/atlassian-navigation": "^2.3.0",
+    "@atlaskit/button": "^16.4.0",
+    "@atlaskit/code": "^14.4.0",
     "@atlaskit/docs": "*",
     "@atlaskit/radio": "^5.4.0",
-    "@atlaskit/section-message": "^6.2.0",
+    "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/select": "^15.7.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",

package/report.api.md

@@ -2,186 +2,208 @@
 
 > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
 
+<!--
+	Generated API Report version: 2.0
+-->
+
+[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
 ```ts
 /// <reference types="react" />
 
-export declare const AtlassianIcon: ({
+// @public (undocumented)
+type Appearance = 'brand' | 'neutral' | 'inverse';
+
+// @public
+export const AtlassianIcon: ({
+  appearance,
+  label,
+  size,
   iconColor,
   iconGradientStart,
   iconGradientStop,
-  label,
-  size,
   textColor,
   testId,
 }: LogoProps) => JSX.Element;
 
-export declare const AtlassianLogo: ({
-  iconColor,
-  iconGradientStart,
-  iconGradientStop,
+// @public
+export const AtlassianLogo: ({
+  appearance,
   label,
   size,
   testId,
-  textColor,
-}: LogoProps) => JSX.Element;
-
-export declare const AtlassianStartLogo: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
-  label,
-  size,
-  testId,
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const AtlassianWordmark: ({
-  iconColor,
-  iconGradientStart,
-  iconGradientStop,
+// @public
+export const AtlassianStartLogo: ({
+  appearance,
   label,
   size,
   testId,
-  textColor,
-}: LogoProps) => JSX.Element;
-
-export declare const BitbucketIcon: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
-  label,
-  size,
-  testId,
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const BitbucketLogo: ({
-  iconColor,
-  iconGradientStart,
-  iconGradientStop,
+// @public
+export const AtlassianWordmark: ({
+  appearance,
   label,
   size,
   testId,
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const BitbucketWordmark: ({
-  iconColor,
-  iconGradientStart,
-  iconGradientStop,
+// @public
+export const BitbucketIcon: ({
+  appearance,
   label,
   size,
   testId,
-  textColor,
-}: LogoProps) => JSX.Element;
-
-export declare const CompassIcon: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
-  label,
-  size,
-  testId,
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const CompassLogo: ({
+// @public
+export const BitbucketLogo: ({
+  appearance,
+  label,
+  size,
+  testId,
   iconColor,
   iconGradientStart,
   iconGradientStop,
+  textColor,
+}: LogoProps) => JSX.Element;
+
+// @public
+export const BitbucketWordmark: ({
+  appearance,
   label,
   size,
   testId,
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const CompassWordmark: ({
-  iconColor,
-  iconGradientStart,
-  iconGradientStop,
+// @public
+export const CompassIcon: ({
+  appearance,
   label,
   size,
   testId,
+  iconColor,
+  iconGradientStart,
+  iconGradientStop,
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const ConfluenceIcon: ({
+// @public
+export const CompassLogo: ({
+  appearance,
+  label,
+  size,
+  testId,
   iconColor,
   iconGradientStart,
   iconGradientStop,
+  textColor,
+}: LogoProps) => JSX.Element;
+
+// @public
+export const CompassWordmark: ({
+  appearance,
   label,
   size,
   testId,
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const ConfluenceLogo: ({
-  iconColor,
-  iconGradientStart,
-  iconGradientStop,
+// @public
+export const ConfluenceIcon: ({
+  appearance,
   label,
   size,
   testId,
+  iconColor,
+  iconGradientStart,
+  iconGradientStop,
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const ConfluenceWordmark: ({
+// @public
+export const ConfluenceLogo: ({
+  appearance,
+  label,
+  size,
+  testId,
   iconColor,
   iconGradientStart,
   iconGradientStop,
+  textColor,
+}: LogoProps) => JSX.Element;
+
+// @public
+export const ConfluenceWordmark: ({
+  appearance,
   label,
   size,
   testId,
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const HalpIcon: ({
-  iconColor,
-  iconGradientStart,
-  iconGradientStop,
+// @public
+export const HalpIcon: ({
+  appearance,
   label,
   size,
   testId,
   textColor,
-}: LogoProps) => JSX.Element;
-
-export declare const HalpLogo: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
+}: LogoProps) => JSX.Element;
+
+// @public
+export const HalpLogo: ({
+  appearance,
   label,
   size,
   testId,
-  textColor,
-}: LogoProps) => JSX.Element;
-
-export declare const HalpWordmark: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
+  textColor,
+}: LogoProps) => JSX.Element;
+
+// @public
+export const HalpWordmark: ({
+  appearance,
   label,
   size,
   testId,
   textColor,
 }: LogoProps) => JSX.Element;
 
-/**
- * @deprecated HipchatIcon will be removed from @atlaskit/logo in the next major release.
- */
-export declare const HipchatIcon: ({
-  iconColor,
-  iconGradientStart,
-  iconGradientStop,
+// @public @deprecated (undocumented)
+export const HipchatIcon: ({
   label,
   size,
   testId,
+  iconColor,
+  iconGradientStart,
+  iconGradientStop,
   textColor,
 }: LogoProps) => JSX.Element;
 
-/**
- * @deprecated HipchatLogo will be removed from @atlaskit/logo in the next major release.
- */
-export declare const HipchatLogo: ({
+// @public @deprecated (undocumented)
+export const HipchatLogo: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
@@ -191,10 +213,8 @@ export declare const HipchatLogo: ({
   textColor,
 }: LogoProps) => JSX.Element;
 
-/**
- * @deprecated HipchatWordmark will be removed from @atlaskit/logo in the next major release.
- */
-export declare const HipchatWordmark: ({
+// @public @deprecated (undocumented)
+export const HipchatWordmark: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
@@ -204,46 +224,41 @@ export declare const HipchatWordmark: ({
   textColor,
 }: LogoProps) => JSX.Element;
 
-/**
- * @deprecated JiraCoreIcon will be removed from @atlaskit/logo in the next major release. Please use JiraWorkManagementIcon instead.
- */
-export declare const JiraCoreIcon: ({
-  iconColor,
-  iconGradientStart,
-  iconGradientStop,
+// @public
+export const JiraAlignIcon: ({
+  appearance,
   label,
   size,
   testId,
   textColor,
-}: LogoProps) => JSX.Element;
-
-/**
- * @deprecated JiraCoreLogo will be removed from @atlaskit/logo in the next major release. Please use JiraWorkManagementLogo instead.
- */
-export declare const JiraCoreLogo: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
+}: LogoProps) => JSX.Element;
+
+// @public
+export const JiraAlignLogo: ({
+  appearance,
   label,
   size,
   testId,
-  textColor,
-}: LogoProps) => JSX.Element;
-
-/**
- * @deprecated JiraCoreWordmark will be removed from @atlaskit/logo in the next major release. Please use JiraWorkManagementWordmark instead.
- */
-export declare const JiraCoreWordmark: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
+  textColor,
+}: LogoProps) => JSX.Element;
+
+// @public
+export const JiraAlignWordmark: ({
+  appearance,
   label,
   size,
   testId,
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const JiraIcon: ({
+// @public @deprecated (undocumented)
+export const JiraCoreIcon: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
@@ -253,7 +268,8 @@ export declare const JiraIcon: ({
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const JiraLogo: ({
+// @public @deprecated (undocumented)
+export const JiraCoreLogo: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
@@ -263,10 +279,8 @@ export declare const JiraLogo: ({
   textColor,
 }: LogoProps) => JSX.Element;
 
-/**
- * @deprecated JiraServiceDeskIcon will be removed from atlaskit/logo in the next major release. Please use JiraServiceManagementIcon instead.
- */
-export declare const JiraServiceDeskIcon: ({
+// @public @deprecated (undocumented)
+export const JiraCoreWordmark: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
@@ -276,33 +290,32 @@ export declare const JiraServiceDeskIcon: ({
   textColor,
 }: LogoProps) => JSX.Element;
 
-/**
- * @deprecated JiraServiceDeskLogo will be removed from atlaskit/logo in the next major release. Please use JiraServiceManagementLogo instead.
- */
-export declare const JiraServiceDeskLogo: ({
-  iconColor,
-  iconGradientStart,
-  iconGradientStop,
+// @public
+export const JiraIcon: ({
+  appearance,
   label,
   size,
   testId,
   textColor,
-}: LogoProps) => JSX.Element;
-
-/**
- * @deprecated JiraServiceDeskWordmark will be removed from atlaskit/logo in the next major release. Please use JiraServiceManagementWordmark instead.
- */
-export declare const JiraServiceDeskWordmark: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
+}: LogoProps) => JSX.Element;
+
+// @public
+export const JiraLogo: ({
+  appearance,
   label,
   size,
   testId,
+  iconColor,
+  iconGradientStart,
+  iconGradientStop,
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const JiraServiceManagementIcon: ({
+// @public @deprecated (undocumented)
+export const JiraServiceDeskIcon: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
@@ -312,7 +325,8 @@ export declare const JiraServiceManagementIcon: ({
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const JiraServiceManagementLogo: ({
+// @public @deprecated (undocumented)
+export const JiraServiceDeskLogo: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
@@ -322,7 +336,8 @@ export declare const JiraServiceManagementLogo: ({
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const JiraServiceManagementWordmark: ({
+// @public @deprecated (undocumented)
+export const JiraServiceDeskWordmark: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
@@ -332,113 +347,134 @@ export declare const JiraServiceManagementWordmark: ({
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const JiraSoftwareIcon: ({
-  iconColor,
-  iconGradientStart,
-  iconGradientStop,
+// @public
+export const JiraServiceManagementIcon: ({
+  appearance,
   label,
   size,
   testId,
+  iconColor,
+  iconGradientStart,
+  iconGradientStop,
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const JiraSoftwareLogo: ({
+// @public
+export const JiraServiceManagementLogo: ({
+  appearance,
+  label,
+  size,
+  testId,
   iconColor,
   iconGradientStart,
   iconGradientStop,
+  textColor,
+}: LogoProps) => JSX.Element;
+
+// @public
+export const JiraServiceManagementWordmark: ({
+  appearance,
   label,
   size,
   testId,
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const JiraSoftwareWordmark: ({
-  iconColor,
-  iconGradientStart,
-  iconGradientStop,
+// @public
+export const JiraSoftwareIcon: ({
+  appearance,
   label,
   size,
   testId,
+  iconColor,
+  iconGradientStart,
+  iconGradientStop,
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const JiraWordmark: ({
+// @public
+export const JiraSoftwareLogo: ({
+  appearance,
+  label,
+  size,
+  testId,
   iconColor,
   iconGradientStart,
   iconGradientStop,
+  textColor,
+}: LogoProps) => JSX.Element;
+
+// @public
+export const JiraSoftwareWordmark: ({
+  appearance,
   label,
   size,
   testId,
   textColor,
-}: LogoProps) => JSX.Element;
-
-export declare const JiraWorkManagementIcon: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
+}: LogoProps) => JSX.Element;
+
+// @public
+export const JiraWordmark: ({
+  appearance,
   label,
   size,
   testId,
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const JiraWorkManagementLogo: ({
-  iconColor,
-  iconGradientStart,
-  iconGradientStop,
+// @public
+export const JiraWorkManagementIcon: ({
+  appearance,
   label,
   size,
   testId,
+  iconColor,
+  iconGradientStart,
+  iconGradientStop,
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const JiraWorkManagementWordmark: ({
+// @public
+export const JiraWorkManagementLogo: ({
+  appearance,
+  label,
+  size,
+  testId,
   iconColor,
   iconGradientStart,
   iconGradientStop,
+  textColor,
+}: LogoProps) => JSX.Element;
+
+// @public
+export const JiraWorkManagementWordmark: ({
+  appearance,
   label,
   size,
   testId,
+  iconColor,
+  iconGradientStart,
+  iconGradientStop,
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare type LogoProps = {
-  /**
-   * The size of the icon, uses the same sizing scheme as in `@atlaskit/icon`.
-   */
-  size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-  /**
-   * CSS color to be applied to the wordmark portion of the logo SVG.
-   */
+// @public (undocumented)
+export type LogoProps = {
+  size?: Size;
+  appearance?: Appearance;
   textColor?: string;
-  /**
-   * CSS color to be applied to the non-gradient icon portion of the logo SVG.
-   */
   iconColor?: string;
-  /**
-   * CSS color to start the gradient/shadow on the icon.
-   */
   iconGradientStart?: string;
-  /**
-   * CSS color to end the gradient/shadow on the icon. Should usually match iconColor to avoid
-   * rendering issues in some browsers such as Safari.
-   */
   iconGradientStop?: string;
-  /**
-   * Accessible text to be used for screen readers (it's optional since defaultProps contains empty string for it).
-   */
   label?: string;
-  /**
-   * A testId prop is provided for specified elements, which is a unique string that appears as a data attribute data-testid in the rendered code, serving as a hook for automated tests.
-   * - `{testId}--wrapper` to access the svg element's wrapper
-   */
   testId?: string;
 };
 
-/**
- * @deprecated OpsGenieIcon is incorrectly cased and will be removed from atlaskit/logo in the next major release. Please use OpsgenieIcon (no capital 'g') instead.
- */
-export declare const OpsGenieIcon: ({
+// @public @deprecated (undocumented)
+export const OpsGenieIcon: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
@@ -447,23 +483,20 @@ export declare const OpsGenieIcon: ({
   textColor,
 }: LogoProps) => JSX.Element;
 
-/**
- * This is the correct seplling of Opsgenie and the icon we are moving towards after OpsGenie is deprecated correctly.
- */
-export declare const OpsgenieIcon: ({
-  iconColor,
-  iconGradientStart,
-  iconGradientStop,
+// @public
+export const OpsgenieIcon: ({
+  appearance,
   label,
   size,
   testId,
   textColor,
+  iconColor,
+  iconGradientStart,
+  iconGradientStop,
 }: LogoProps) => JSX.Element;
 
-/**
- * @deprecated OpsGenieLogo is incorrectly cased and will be removed from atlaskit/logo in the next major release. Please use OpsgenieLogo (no capital 'g') instead.
- */
-export declare const OpsGenieLogo: ({
+// @public @deprecated (undocumented)
+export const OpsGenieLogo: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
@@ -472,32 +505,20 @@ export declare const OpsGenieLogo: ({
   textColor,
 }: LogoProps) => JSX.Element;
 
-/**
- * This is the correct logo as it has the correct casing. Please do not use old-logo.tsx.
- */
-export declare const OpsgenieLogo: ({
-  iconColor,
-  iconGradientStart,
-  iconGradientStop,
+// @public
+export const OpsgenieLogo: ({
+  appearance,
   label,
   size,
   testId,
   textColor,
-}: LogoProps) => JSX.Element;
-
-/**
- * @deprecated OpsGenieWordmark is incorrectly cased and will be removed from atlaskit/logo in the next major release. Please use OpsgenieLogo (no capital 'g') instead.
- */
-export declare const OpsGenieWordmark: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
-  size,
-  testId,
-  textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const OpsgenieWordmark: ({
+// @public @deprecated (undocumented)
+export const OpsGenieWordmark: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
@@ -506,52 +527,58 @@ export declare const OpsgenieWordmark: ({
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const StatuspageIcon: ({
-  iconColor,
-  iconGradientStart,
-  iconGradientStop,
-  label,
+// @public
+export const OpsgenieWordmark: ({
+  appearance,
   size,
   testId,
   textColor,
-}: LogoProps) => JSX.Element;
-
-export declare const StatuspageLogo: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
+}: LogoProps) => JSX.Element;
+
+// @public (undocumented)
+type Size = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+
+// @public
+export const StatuspageIcon: ({
+  appearance,
   label,
   size,
   testId,
-  textColor,
-}: LogoProps) => JSX.Element;
-
-export declare const StatuspageWordmark: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
+  textColor,
+}: LogoProps) => JSX.Element;
+
+// @public
+export const StatuspageLogo: ({
+  appearance,
   label,
   size,
   testId,
+  iconColor,
+  iconGradientStart,
+  iconGradientStop,
   textColor,
 }: LogoProps) => JSX.Element;
 
-/**
- * @deprecated StrideIcon will be removed from atlaskit/logo in the next major release.
- */
-export declare const StrideIcon: ({
+// @public
+export const StatuspageWordmark: ({
+  appearance,
+  label,
+  size,
+  testId,
   iconColor,
   iconGradientStart,
   iconGradientStop,
-  size,
-  testId,
   textColor,
 }: LogoProps) => JSX.Element;
 
-/**
- * @deprecated StrideLogo will be removed from atlaskit/logo in the next major release.
- */
-export declare const StrideLogo: ({
+// @public @deprecated (undocumented)
+export const StrideIcon: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
@@ -560,10 +587,8 @@ export declare const StrideLogo: ({
   textColor,
 }: LogoProps) => JSX.Element;
 
-/**
- * @deprecated StrideWordmark will be removed from atlaskit/logo in the next major release.
- */
-export declare const StrideWordmark: ({
+// @public @deprecated (undocumented)
+export const StrideLogo: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
@@ -572,35 +597,51 @@ export declare const StrideWordmark: ({
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const TrelloIcon: ({
+// @public @deprecated (undocumented)
+export const StrideWordmark: ({
   iconColor,
   iconGradientStart,
   iconGradientStop,
-  label,
   size,
   testId,
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const TrelloLogo: ({
-  iconColor,
-  iconGradientStart,
-  iconGradientStop,
+// @public
+export const TrelloIcon: ({
+  appearance,
   label,
   size,
   testId,
+  iconColor,
+  iconGradientStart,
+  iconGradientStop,
   textColor,
 }: LogoProps) => JSX.Element;
 
-export declare const TrelloWordmark: ({
+// @public
+export const TrelloLogo: ({
+  appearance,
+  label,
+  size,
+  testId,
   iconColor,
   iconGradientStart,
   iconGradientStop,
+  textColor,
+}: LogoProps) => JSX.Element;
+
+// @public
+export const TrelloWordmark: ({
+  appearance,
   label,
   size,
   testId,
+  iconColor,
+  iconGradientStart,
+  iconGradientStop,
   textColor,
 }: LogoProps) => JSX.Element;
 
-export {};
+// (No @packageDocumentation comment for this package)
 ```