@atlaskit/logo 13.10.3 → 13.10.5

package/dist/cjs/wrapper.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 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';
@@ -44,33 +36,31 @@ var stopColorStyles = (0, _react.css)({
 });
 var sizeStyles = Object.entries(_constants.sizes).reduce(function (acc, _ref) {
   var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
-      key = _ref2[0],
-      val = _ref2[1];
-
+    key = _ref2[0],
+    val = _ref2[1];
   acc[key] = (0, _react.css)({
     height: "".concat(val, "px")
   });
   return acc;
 }, {});
+
 /**
  * __Wrapper__
  *
  * An internal component used by `@atlaskit/logo` to render logo SVGs with correct styles.
  */
-
 var Wrapper = function Wrapper(_ref3) {
   var _ref4;
-
   var label = _ref3.label,
-      svg = _ref3.svg,
-      size = _ref3.size,
-      appearance = _ref3.appearance,
-      iconGradientStart = _ref3.iconGradientStart,
-      iconGradientStop = _ref3.iconGradientStop,
-      iconColor = _ref3.iconColor,
-      textColor = _ref3.textColor,
-      userDefinedTestId = _ref3.testId,
-      rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+    svg = _ref3.svg,
+    size = _ref3.size,
+    appearance = _ref3.appearance,
+    iconGradientStart = _ref3.iconGradientStart,
+    iconGradientStop = _ref3.iconGradientStop,
+    iconColor = _ref3.iconColor,
+    textColor = _ref3.textColor,
+    userDefinedTestId = _ref3.testId,
+    rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
   var shouldApplyStopColor = iconGradientStart === 'inherit' && iconGradientStop === 'inherit' && appearance === undefined;
   var testId = userDefinedTestId && "".concat(userDefinedTestId, "--wrapper");
   return (0, _react.jsx)("span", (0, _extends2.default)({
@@ -81,10 +71,9 @@ var Wrapper = function Wrapper(_ref3) {
     role: label ? 'img' : undefined,
     dangerouslySetInnerHTML: {
       __html: svg
-    } // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-
+    }
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, rest));
 };
-
 var _default = Wrapper;
 exports.default = _default;

package/dist/es2019/atlassian-logo/icon.js

@@ -4,7 +4,6 @@ import { uid } from 'react-uid';
 import { defaultLogoParams } from '../constants';
 import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
-
 const svg = ({
   appearance,
   iconGradientStart,
@@ -15,19 +14,17 @@ const svg = ({
     iconGradientStart,
     iconGradientStop,
     iconColor
-  }; // Will be fixed upon removal of deprecated iconGradientStart and
+  };
+  // Will be fixed upon removal of deprecated iconGradientStart and
   // iconGradientStop props, or with React 18's useId() hook when we update.
   // eslint-disable-next-line @repo/internal/react/disallow-unstable-values
-
   let id = uid({
     iconGradientStart: iconGradientStop
   });
-
   if (appearance) {
     colors = getColorsFromAppearance(appearance);
     id = `atlassianIcon-${appearance}`;
   }
-
   return `
   <svg viewBox="0 0 32 32" height="32" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
     <defs>
@@ -40,6 +37,7 @@ const svg = ({
     <path fill="${colors.iconColor}" d="M15.9343 3.36124C12.6513 8.55622 12.8678 14.2923 15.0324 18.6215C17.1969 22.9506 18.8565 26.2336 18.9647 26.4861C19.0729 26.7386 19.3254 26.8829 19.578 26.8829H27.7312C28.2363 26.8829 28.597 26.3418 28.3445 25.8728C28.3445 25.8728 17.3774 3.93846 17.0887 3.39732C16.8723 2.89225 16.259 2.85618 15.9343 3.36124Z" />
   </svg>`;
 };
+
 /**
  * __Atlassian icon__
  *
@@ -49,8 +47,6 @@ const svg = ({
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-
-
 export const AtlassianIcon = ({
   appearance,
   label = 'Atlassian',

package/dist/es2019/atlassian-logo/logo.js

@@ -4,7 +4,6 @@ import { uid } from 'react-uid';
 import { defaultLogoParams } from '../constants';
 import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
-
 const svg = ({
   appearance,
   iconGradientStart,
@@ -19,19 +18,17 @@ const svg = ({
     textColor,
     // We treat the word "Atlassian" differently to normal product logos, it has a bold brand look
     atlassianLogoTextColor: textColor
-  }; // Will be fixed upon removal of deprecated iconGradientStart and
+  };
+  // Will be fixed upon removal of deprecated iconGradientStart and
   // iconGradientStop props, or with React 18's useId() hook when we update.
   // eslint-disable-next-line @repo/internal/react/disallow-unstable-values
-
   let id = uid({
     iconGradientStart: iconGradientStop
   });
-
   if (appearance) {
     colors = getColorsFromAppearance(appearance);
     id = `atlassianLogo-${appearance}`;
   }
-
   return `
   <svg viewBox="0 0 190 32" height="32" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
     <defs>
@@ -55,6 +52,7 @@ const svg = ({
     </g>
   </svg>`;
 };
+
 /**
  * __Atlassian logo__
  *
@@ -64,8 +62,6 @@ const svg = ({
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-
-
 export const AtlassianLogo = ({
   appearance,
   label = 'Atlassian',

package/dist/es2019/atlassian-logo/wordmark.js

@@ -3,7 +3,6 @@ import React from 'react';
 import { defaultLogoParams } from '../constants';
 import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
-
 const svg = ({
   appearance,
   textColor
@@ -13,11 +12,9 @@ const svg = ({
     // We treat the word "Atlassian" differently to normal product logos
     atlassianLogoTextColor: textColor
   };
-
   if (appearance) {
     colors = getColorsFromAppearance(appearance);
   }
-
   return `
   <svg viewBox="0 0 158 32" height="32" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">>
     <g stroke="none" stroke-width="1" fill-rule="nonzero" fill="${colors.atlassianLogoTextColor}">
@@ -33,6 +30,7 @@ const svg = ({
     </g>
   </svg>`;
 };
+
 /**
  * __Atlassian wordmark__
  *
@@ -42,8 +40,6 @@ const svg = ({
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-
-
 export const AtlassianWordmark = ({
   appearance,
   label = 'Atlassian',

package/dist/es2019/atlassian-start-logo/logo.js

@@ -4,7 +4,6 @@ import { uid } from 'react-uid';
 import { defaultLogoParams } from '../constants';
 import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
-
 const svg = ({
   appearance,
   iconGradientStart,
@@ -19,19 +18,17 @@ const svg = ({
     textColor,
     // We treat the word "Atlassian" differently to normal product logos, it has a bold brand look
     atlassianLogoTextColor: textColor
-  }; // Will be fixed upon removal of deprecated iconGradientStart and
+  };
+  // Will be fixed upon removal of deprecated iconGradientStart and
   // iconGradientStop props, or with React 18's useId() hook when we update.
   // eslint-disable-next-line @repo/internal/react/disallow-unstable-values
-
   let id = uid({
     iconGradientStart: iconGradientStop
   });
-
   if (appearance) {
     colors = getColorsFromAppearance(appearance);
     id = `atlassianLogo-${appearance}`;
   }
-
   return `
 <svg fill="none" viewBox="0 0 270 32" height="32" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"2>
   <defs>
@@ -73,6 +70,7 @@ const svg = ({
   </g>
 </svg>`;
 };
+
 /**
  * __Atlassian start logo__
  *
@@ -82,8 +80,6 @@ const svg = ({
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-
-
 export const AtlassianStartLogo = ({
   appearance,
   label = 'Atlassian Start',

package/dist/es2019/bitbucket-logo/icon.js

@@ -4,7 +4,6 @@ import { uid } from 'react-uid';
 import { defaultLogoParams } from '../constants';
 import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
-
 const svg = ({
   appearance,
   iconGradientStart,
@@ -15,19 +14,17 @@ const svg = ({
     iconGradientStart,
     iconGradientStop,
     iconColor
-  }; // Will be fixed upon removal of deprecated iconGradientStart and
+  };
+  // Will be fixed upon removal of deprecated iconGradientStart and
   // iconGradientStop props, or with React 18's useId() hook when we update.
   // eslint-disable-next-line @repo/internal/react/disallow-unstable-values
-
   let id = uid({
     iconGradientStart: iconGradientStop
   });
-
   if (appearance) {
     colors = getColorsFromAppearance(appearance);
     id = `bitbucketIcon-${appearance}`;
   }
-
   return `
   <svg viewBox="0 0 32 32" height="32" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
     <defs>
@@ -42,6 +39,7 @@ const svg = ({
     </g>
   </svg>`;
 };
+
 /**
  * __Bitbucket icon__
  *
@@ -51,8 +49,6 @@ const svg = ({
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-
-
 export const BitbucketIcon = ({
   appearance,
   label = 'Bitbucket',

package/dist/es2019/bitbucket-logo/logo.js

@@ -4,7 +4,6 @@ import { uid } from 'react-uid';
 import { defaultLogoParams } from '../constants';
 import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
-
 const svg = ({
   appearance,
   iconGradientStart,
@@ -17,19 +16,17 @@ const svg = ({
     iconGradientStop,
     iconColor,
     textColor
-  }; // Will be fixed upon removal of deprecated iconGradientStart and
+  };
+  // Will be fixed upon removal of deprecated iconGradientStart and
   // iconGradientStop props, or with React 18's useId() hook when we update.
   // eslint-disable-next-line @repo/internal/react/disallow-unstable-values
-
   let id = uid({
     iconGradientStart: iconGradientStop
   });
-
   if (appearance) {
     colors = getColorsFromAppearance(appearance);
     id = `bitbucketLogo-${appearance}`;
   }
-
   return `
   <svg viewBox="0 0 137 32" height="32" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
     <defs>
@@ -45,6 +42,7 @@ const svg = ({
     </g>
   </svg>`;
 };
+
 /**
  * __Bitbucket logo__
  *
@@ -54,8 +52,6 @@ const svg = ({
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-
-
 export const BitbucketLogo = ({
   appearance,
   label = 'Bitbucket',

package/dist/es2019/bitbucket-logo/wordmark.js

@@ -3,7 +3,6 @@ import React from 'react';
 import { defaultLogoParams } from '../constants';
 import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
-
 const svg = ({
   appearance,
   textColor
@@ -11,11 +10,9 @@ const svg = ({
   let colors = {
     textColor
   };
-
   if (appearance) {
     colors = getColorsFromAppearance(appearance);
   }
-
   return `
 <svg viewBox="0 0 105 32" height="32" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
   <g stroke="none" stroke-width="1" fill-rule="evenodd" fill="${colors.textColor}">
@@ -23,6 +20,7 @@ const svg = ({
   </g>
 </svg>`;
 };
+
 /**
  * __Bitbucket wordmark__
  *
@@ -32,8 +30,6 @@ const svg = ({
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-
-
 export const BitbucketWordmark = ({
   appearance,
   label = 'Bitbucket',

package/dist/es2019/compass-logo/icon.js

@@ -4,7 +4,6 @@ import { uid } from 'react-uid';
 import { defaultLogoParams } from '../constants';
 import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
-
 const svg = ({
   appearance,
   iconGradientStart,
@@ -15,19 +14,17 @@ const svg = ({
     iconGradientStart,
     iconGradientStop,
     iconColor
-  }; // Will be fixed upon removal of deprecated iconGradientStart and
+  };
+  // Will be fixed upon removal of deprecated iconGradientStart and
   // iconGradientStop props, or with React 18's useId() hook when we update.
   // eslint-disable-next-line @repo/internal/react/disallow-unstable-values
-
   let id = uid({
     iconGradientStart: iconGradientStop
   });
-
   if (appearance) {
     colors = getColorsFromAppearance(appearance);
     id = `compassIcon-${appearance}`;
   }
-
   return `
   <svg
   fill="none"
@@ -58,6 +55,7 @@ const svg = ({
   />
 </svg>`;
 };
+
 /**
  * __Compass icon__
  *
@@ -67,8 +65,6 @@ const svg = ({
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-
-
 export const CompassIcon = ({
   appearance,
   label = 'Compass',

package/dist/es2019/compass-logo/logo.js

@@ -4,7 +4,6 @@ import { uid } from 'react-uid';
 import { defaultLogoParams } from '../constants';
 import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
-
 const svg = ({
   appearance,
   iconGradientStart,
@@ -17,19 +16,17 @@ const svg = ({
     iconGradientStop,
     iconColor,
     textColor
-  }; // Will be fixed upon removal of deprecated iconGradientStart and
+  };
+  // Will be fixed upon removal of deprecated iconGradientStart and
   // iconGradientStop props, or with React 18's useId() hook when we update.
   // eslint-disable-next-line @repo/internal/react/disallow-unstable-values
-
   let id = uid({
     iconGradientStart: iconGradientStop
   });
-
   if (appearance) {
     colors = getColorsFromAppearance(appearance);
     id = `compassLogo-${appearance}`;
   }
-
   return `
   <svg
     fill="none"
@@ -66,6 +63,7 @@ const svg = ({
     />
   </svg>`;
 };
+
 /**
  * __Compass logo__
  *
@@ -75,8 +73,6 @@ const svg = ({
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-
-
 export const CompassLogo = ({
   appearance,
   label = 'Compass',

package/dist/es2019/compass-logo/wordmark.js

@@ -3,7 +3,6 @@ import React from 'react';
 import { defaultLogoParams } from '../constants';
 import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
-
 const svg = ({
   appearance,
   textColor
@@ -11,11 +10,9 @@ const svg = ({
   let colors = {
     textColor
   };
-
   if (appearance) {
     colors = getColorsFromAppearance(appearance);
   }
-
   return `
   <svg
     fill="none"
@@ -33,6 +30,7 @@ const svg = ({
     />
   </svg>`;
 };
+
 /**
  * __Compass wordmark__
  *
@@ -42,8 +40,6 @@ const svg = ({
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-
-
 export const CompassWordmark = ({
   appearance,
   label = 'Compass',

package/dist/es2019/confluence-logo/icon.js

@@ -4,7 +4,6 @@ import { uid } from 'react-uid';
 import { defaultLogoParams } from '../constants';
 import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
-
 const svg = ({
   appearance,
   iconGradientStart,
@@ -15,19 +14,17 @@ const svg = ({
     iconGradientStart,
     iconGradientStop,
     iconColor
-  }; // Will be fixed upon removal of deprecated iconGradientStart and
+  };
+  // Will be fixed upon removal of deprecated iconGradientStart and
   // iconGradientStop props, or with React 18's useId() hook when we update.
   // eslint-disable-next-line @repo/internal/react/disallow-unstable-values
-
   let id = uid({
     iconGradientStart: iconGradientStop
   });
-
   if (appearance) {
     colors = getColorsFromAppearance(appearance);
     id = `confluenceIcon-${appearance}`;
   }
-
   return `
   <svg viewBox="0 0 32 32" height="32" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
     <defs>
@@ -46,6 +43,7 @@ const svg = ({
     </g>
   </svg>`;
 };
+
 /**
  * __Confluence icon__
  *
@@ -55,8 +53,6 @@ const svg = ({
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-
-
 export const ConfluenceIcon = ({
   appearance,
   label = 'Confluence',

package/dist/es2019/confluence-logo/logo.js

@@ -4,7 +4,6 @@ import { uid } from 'react-uid';
 import { defaultLogoParams } from '../constants';
 import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
-
 const svg = ({
   appearance,
   iconGradientStart,
@@ -17,19 +16,17 @@ const svg = ({
     iconGradientStop,
     iconColor,
     textColor
-  }; // Will be fixed upon removal of deprecated iconGradientStart and
+  };
+  // Will be fixed upon removal of deprecated iconGradientStart and
   // iconGradientStop props, or with React 18's useId() hook when we update.
   // eslint-disable-next-line @repo/internal/react/disallow-unstable-values
-
   let id = uid({
     iconGradientStart: iconGradientStop
   });
-
   if (appearance) {
     colors = getColorsFromAppearance(appearance);
     id = `confluenceLogo-${appearance}`;
   }
-
   return `
   <svg viewBox="0 0 158 32" height="32" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
     <defs>
@@ -49,6 +46,7 @@ const svg = ({
     </g>
   </svg>`;
 };
+
 /**
  * __Confluence logo__
  *
@@ -58,8 +56,6 @@ const svg = ({
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-
-
 export const ConfluenceLogo = ({
   appearance,
   label = 'Confluence',

package/dist/es2019/confluence-logo/wordmark.js

@@ -3,7 +3,6 @@ import React from 'react';
 import { defaultLogoParams } from '../constants';
 import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
-
 const svg = ({
   appearance,
   textColor
@@ -11,11 +10,9 @@ const svg = ({
   let colors = {
     textColor
   };
-
   if (appearance) {
     colors = getColorsFromAppearance(appearance);
   }
-
   return `
 <svg viewBox="0 0 126 32" height="32" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
   <g stroke="none" stroke-width="1" fill-rule="evenodd" fill="${colors.textColor}">
@@ -23,6 +20,7 @@ const svg = ({
   </g>
 </svg>`;
 };
+
 /**
  * __Confluence wordmark__
  *
@@ -32,8 +30,6 @@ const svg = ({
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-
-
 export const ConfluenceWordmark = ({
   appearance,
   label = 'Confluence',

package/dist/es2019/constants.js

@@ -9,6 +9,7 @@ export const defaultLogoParams = {
   size: 'medium',
   textColor: 'currentColor'
 };
+
 /**
  * The props for the <Wrapper /> that takes the svg and turns it into a component.
  */
@@ -20,6 +21,7 @@ export const sizes = {
   large: 40,
   xlarge: 48
 };
+
 /**
  * In order to pass linting rules, these props were renamed to be more descriptive i.e. props renamed to LogoProps and
  * defaultParams to defaultLogoParams. However, this is a breaking change as it is a file with public entry points. The code