@atlaskit/logo 14.2.2 → 14.3.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/logo
 
+## 14.3.0
+
+### Minor Changes
+
+- [`a51c26afee964`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a51c26afee964) -
+  Adds the loom attribution logo to the logo package.
+
 ## 14.2.2
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -225,6 +225,18 @@ Object.defineProperty(exports, "JiraWorkManagementLogo", {
     return _jiraWorkManagementLogo.JiraWorkManagementLogo;
   }
 });
+Object.defineProperty(exports, "LoomAttributionIcon", {
+  enumerable: true,
+  get: function get() {
+    return _loomAttributionLogo.LoomAttributionIcon;
+  }
+});
+Object.defineProperty(exports, "LoomAttributionLogo", {
+  enumerable: true,
+  get: function get() {
+    return _loomAttributionLogo.LoomAttributionLogo;
+  }
+});
 Object.defineProperty(exports, "LoomIcon", {
   enumerable: true,
   get: function get() {
@@ -298,6 +310,7 @@ var _jiraProductDiscoveryLogo = require("./jira-product-discovery-logo");
 var _jiraServiceManagementLogo = require("./jira-service-management-logo");
 var _jiraSoftwareLogo = require("./jira-software-logo");
 var _jiraWorkManagementLogo = require("./jira-work-management-logo");
+var _loomAttributionLogo = require("./loom-attribution-logo");
 var _loomLogo = require("./loom-logo");
 var _opsgenieLogo = require("./opsgenie-logo");
 var _statuspageLogo = require("./statuspage-logo");

package/dist/cjs/loom-attribution-logo/icon.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoomAttributionIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("../constants");
+var _loomLogo = require("../loom-logo");
+/* eslint-disable max-len */
+
+/**
+ * __Loom Attribution icon__
+ *
+ * The Loom attribution icon without an accompanying wordmark.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+var LoomAttributionIcon = exports.LoomAttributionIcon = function LoomAttributionIcon(_ref) {
+  var appearance = _ref.appearance,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? 'Loom Attribution' : _ref$label,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _constants.defaultLogoParams.size : _ref$size,
+    testId = _ref.testId,
+    _ref$iconColor = _ref.iconColor,
+    iconColor = _ref$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref$iconColor,
+    _ref$textColor = _ref.textColor,
+    textColor = _ref$textColor === void 0 ? _constants.defaultLogoParams.textColor : _ref$textColor;
+  return /*#__PURE__*/_react.default.createElement(_loomLogo.LoomIcon, {
+    appearance: appearance,
+    label: label,
+    size: size,
+    testId: testId,
+    iconColor: iconColor,
+    textColor: textColor
+  });
+};

package/dist/cjs/loom-attribution-logo/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "LoomAttributionIcon", {
+  enumerable: true,
+  get: function get() {
+    return _icon.LoomAttributionIcon;
+  }
+});
+Object.defineProperty(exports, "LoomAttributionLogo", {
+  enumerable: true,
+  get: function get() {
+    return _logo.LoomAttributionLogo;
+  }
+});
+var _icon = require("./icon");
+var _logo = require("./logo");

package/dist/cjs/loom-attribution-logo/logo.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoomAttributionLogo = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _tokens = require("@atlaskit/tokens");
+var _constants = require("../constants");
+var _utils = require("../utils");
+var _wrapper = _interopRequireDefault(require("../wrapper"));
+/* eslint-disable max-len */
+
+var svg = function svg(_ref, colorMode) {
+  var appearance = _ref.appearance,
+    iconColor = _ref.iconColor,
+    textColor = _ref.textColor;
+  var colors = {
+    iconColor: iconColor,
+    textColor: textColor
+  };
+  if (appearance) {
+    colors = (0, _utils.getColorsForLoom)(appearance, colorMode);
+  }
+  return "<svg\n\t\tfill=\"none\"\n\t\theight=\"32\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\tfocusable=\"false\"\n\t\taria-hidden=\"true\"\n\t\tviewBox=\"0 0 88 32\"\n\t>\n\t\t<path\n\t\t\td=\"M29.488 12.765h-8.983l7.78-4.344-1.544-2.585-7.78 4.344 4.492-7.523-2.674-1.493-4.491 7.522V0H13.2v8.687L8.71 1.164 6.035 2.657l4.49 7.522-7.778-4.343L1.204 8.42l7.779 4.344H0v2.986h8.982l-7.778 4.343 1.543 2.585 7.78-4.342-4.492 7.522 2.674 1.493L13.2 19.83v8.687h3.087v-8.873l4.574 7.663 2.507-1.4-4.575-7.663 7.946 4.437 1.544-2.586-7.779-4.343h8.982v-2.986h.001Zm-14.744 5.552c-2.318 0-4.197-1.817-4.197-4.059s1.88-4.059 4.197-4.059 4.198 1.817 4.198 4.06c0 2.24-1.88 4.058-4.198 4.058\"\n\t\t\tfill=\"".concat(colors.iconColor, "\"\n\t\t/>\n\t\t<path\n\t\t\td=\"M38.379 26.847V10.094h3.18v16.753zm30.503-11.79h3.036v1.438c.646-1.15 2.153-1.773 3.444-1.773 1.602 0 2.893.695 3.49 1.964.932-1.438 2.177-1.964 3.731-1.964 2.175 0 4.256 1.318 4.256 4.48v7.642h-3.084V19.85c0-1.27-.623-2.228-2.081-2.228-1.363 0-2.177 1.054-2.177 2.324v6.9h-3.155V19.85c0-1.27-.646-2.228-2.081-2.228-1.387 0-2.2 1.03-2.2 2.324v6.9h-3.18V15.057Zm-20.134 12.13c-3.582 0-6.176-2.66-6.176-6.234 0-3.517 2.585-6.242 6.176-6.242 3.609 0 6.177 2.75 6.177 6.242 0 3.547-2.596 6.234-6.177 6.234m0-9.59a3.357 3.357 0 0 0 0 6.713 3.357 3.357 0 0 0 0-6.713m12.966 9.59c-3.583 0-6.177-2.66-6.177-6.234 0-3.517 2.586-6.242 6.177-6.242 3.608 0 6.176 2.75 6.176 6.242 0 3.547-2.597 6.234-6.176 6.234m0-9.63a3.397 3.397 0 0 0-3.39 3.395 3.397 3.397 0 0 0 3.39 3.395 3.396 3.396 0 0 0 0-6.79M64.933 5.63c0-1.102-.697-1.522-1.983-1.837-.803-.21-1.018-.368-1.018-.63q0-.473.804-.473c.643 0 1.286.21 1.93.473V1.798a4.5 4.5 0 0 0-1.876-.42c-1.447 0-2.25.682-2.25 1.785 0 1.05.696 1.575 1.928 1.838.804.157 1.072.315 1.072.682 0 .263-.215.473-.804.473a4.46 4.46 0 0 1-2.197-.63v1.417c.483.263 1.233.473 2.197.473 1.5.052 2.197-.683 2.197-1.785Zm16.662-4.067v5.988h1.3V3.007l.542 1.23 1.841 3.368h1.626V1.563h-1.3v3.85l-.488-1.123-1.463-2.727zm-8.056 0h-1.465v6.042h1.465zm-23.981 0v6.042h2.863l.432-1.295h-1.945V1.563zm-5.671 0v1.295h1.604v4.747h1.44V2.858h1.715V1.563zm-2.177 0h-1.802l-2.066 6.042h1.59l.317-1.025a4 4 0 0 0 1.113.162q.556 0 1.113-.162l.318 1.025h1.59zm-.9 3.938a3 3 0 0 1-.743-.108l.742-2.643.742 2.643c-.265.054-.477.108-.742.108Zm16.577-3.938H55.53L53.4 7.605h1.638l.328-1.025q.573.162 1.146.162.574 0 1.147-.162l.328 1.025h1.638l-2.24-6.042Zm-.928 3.938c-.273 0-.546-.054-.765-.108l.765-2.643.764 2.643a3.3 3.3 0 0 1-.764.108m21.98-3.938h-1.857l-2.13 6.042h1.638l.328-1.025q.574.162 1.147.162c.573 0 .764-.054 1.146-.162l.328 1.025h1.638zm-.93 3.938c-.272 0-.545-.054-.763-.108l.764-2.643.765 2.643a3.3 3.3 0 0 1-.765.108Zm-6.894.129c0-1.102-.697-1.522-1.983-1.837-.803-.21-1.018-.368-1.018-.63q0-.473.804-.473c.643 0 1.286.21 1.93.473V1.798a4.5 4.5 0 0 0-1.876-.42c-1.447 0-2.25.682-2.25 1.785 0 1.05.696 1.575 1.928 1.838.804.157 1.072.315 1.072.682 0 .263-.215.473-.804.473-.75 0-1.608-.263-2.197-.63v1.417c.482.263 1.233.473 2.197.473 1.447.052 2.197-.683 2.197-1.785Z\"\n\t\t\tfill=\"").concat(colors.textColor, "\"\n\t\t/>\n\t</svg>");
+};
+
+/**
+ * __Loom Attribution logo__
+ *
+ * The Loom logo with both the wordmark and the icon combined.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+var LoomAttributionLogo = exports.LoomAttributionLogo = function LoomAttributionLogo(_ref2) {
+  var appearance = _ref2.appearance,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? 'Loom Attribution' : _ref2$label,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? _constants.defaultLogoParams.size : _ref2$size,
+    testId = _ref2.testId,
+    _ref2$iconColor = _ref2.iconColor,
+    iconColor = _ref2$iconColor === void 0 ? _constants.defaultLogoParams.iconColor : _ref2$iconColor,
+    _ref2$textColor = _ref2.textColor,
+    textColor = _ref2$textColor === void 0 ? _constants.defaultLogoParams.textColor : _ref2$textColor;
+  var _useThemeObserver = (0, _tokens.useThemeObserver)(),
+    colorMode = _useThemeObserver.colorMode;
+  return /*#__PURE__*/_react.default.createElement(_wrapper.default, {
+    appearance: appearance,
+    label: label,
+    iconColor: iconColor,
+    size: size,
+    svg: svg({
+      appearance: appearance,
+      iconColor: iconColor,
+      textColor: textColor
+    }, colorMode),
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/es2019/index.js

@@ -11,6 +11,7 @@ export { JiraProductDiscoveryIcon, JiraProductDiscoveryLogo } from './jira-produ
 export { JiraServiceManagementIcon, JiraServiceManagementLogo } from './jira-service-management-logo';
 export { JiraSoftwareIcon, JiraSoftwareLogo } from './jira-software-logo';
 export { JiraWorkManagementLogo, JiraWorkManagementIcon } from './jira-work-management-logo';
+export { LoomAttributionIcon, LoomAttributionLogo } from './loom-attribution-logo';
 export { LoomIcon, LoomLogo } from './loom-logo';
 export { OpsgenieIcon, OpsgenieLogo } from './opsgenie-logo';
 export { StatuspageIcon, StatuspageLogo } from './statuspage-logo';

package/dist/es2019/loom-attribution-logo/icon.js

@@ -0,0 +1,30 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { defaultLogoParams } from '../constants';
+import { LoomIcon } from '../loom-logo';
+/**
+ * __Loom Attribution icon__
+ *
+ * The Loom attribution icon without an accompanying wordmark.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+export const LoomAttributionIcon = ({
+  appearance,
+  label = 'Loom Attribution',
+  size = defaultLogoParams.size,
+  testId,
+  iconColor = defaultLogoParams.iconColor,
+  textColor = defaultLogoParams.textColor
+}) => {
+  return /*#__PURE__*/React.createElement(LoomIcon, {
+    appearance: appearance,
+    label: label,
+    size: size,
+    testId: testId,
+    iconColor: iconColor,
+    textColor: textColor
+  });
+};

package/dist/es2019/loom-attribution-logo/index.js

@@ -0,0 +1,2 @@
+export { LoomAttributionIcon } from './icon';
+export { LoomAttributionLogo } from './logo';

package/dist/es2019/loom-attribution-logo/logo.js

@@ -0,0 +1,71 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { useThemeObserver } from '@atlaskit/tokens';
+import { defaultLogoParams } from '../constants';
+import { getColorsForLoom } from '../utils';
+import Wrapper from '../wrapper';
+const svg = ({
+  appearance,
+  iconColor,
+  textColor
+}, colorMode) => {
+  let colors = {
+    iconColor,
+    textColor
+  };
+  if (appearance) {
+    colors = getColorsForLoom(appearance, colorMode);
+  }
+  return `<svg
+		fill="none"
+		height="32"
+		xmlns="http://www.w3.org/2000/svg"
+		focusable="false"
+		aria-hidden="true"
+		viewBox="0 0 88 32"
+	>
+		<path
+			d="M29.488 12.765h-8.983l7.78-4.344-1.544-2.585-7.78 4.344 4.492-7.523-2.674-1.493-4.491 7.522V0H13.2v8.687L8.71 1.164 6.035 2.657l4.49 7.522-7.778-4.343L1.204 8.42l7.779 4.344H0v2.986h8.982l-7.778 4.343 1.543 2.585 7.78-4.342-4.492 7.522 2.674 1.493L13.2 19.83v8.687h3.087v-8.873l4.574 7.663 2.507-1.4-4.575-7.663 7.946 4.437 1.544-2.586-7.779-4.343h8.982v-2.986h.001Zm-14.744 5.552c-2.318 0-4.197-1.817-4.197-4.059s1.88-4.059 4.197-4.059 4.198 1.817 4.198 4.06c0 2.24-1.88 4.058-4.198 4.058"
+			fill="${colors.iconColor}"
+		/>
+		<path
+			d="M38.379 26.847V10.094h3.18v16.753zm30.503-11.79h3.036v1.438c.646-1.15 2.153-1.773 3.444-1.773 1.602 0 2.893.695 3.49 1.964.932-1.438 2.177-1.964 3.731-1.964 2.175 0 4.256 1.318 4.256 4.48v7.642h-3.084V19.85c0-1.27-.623-2.228-2.081-2.228-1.363 0-2.177 1.054-2.177 2.324v6.9h-3.155V19.85c0-1.27-.646-2.228-2.081-2.228-1.387 0-2.2 1.03-2.2 2.324v6.9h-3.18V15.057Zm-20.134 12.13c-3.582 0-6.176-2.66-6.176-6.234 0-3.517 2.585-6.242 6.176-6.242 3.609 0 6.177 2.75 6.177 6.242 0 3.547-2.596 6.234-6.177 6.234m0-9.59a3.357 3.357 0 0 0 0 6.713 3.357 3.357 0 0 0 0-6.713m12.966 9.59c-3.583 0-6.177-2.66-6.177-6.234 0-3.517 2.586-6.242 6.177-6.242 3.608 0 6.176 2.75 6.176 6.242 0 3.547-2.597 6.234-6.176 6.234m0-9.63a3.397 3.397 0 0 0-3.39 3.395 3.397 3.397 0 0 0 3.39 3.395 3.396 3.396 0 0 0 0-6.79M64.933 5.63c0-1.102-.697-1.522-1.983-1.837-.803-.21-1.018-.368-1.018-.63q0-.473.804-.473c.643 0 1.286.21 1.93.473V1.798a4.5 4.5 0 0 0-1.876-.42c-1.447 0-2.25.682-2.25 1.785 0 1.05.696 1.575 1.928 1.838.804.157 1.072.315 1.072.682 0 .263-.215.473-.804.473a4.46 4.46 0 0 1-2.197-.63v1.417c.483.263 1.233.473 2.197.473 1.5.052 2.197-.683 2.197-1.785Zm16.662-4.067v5.988h1.3V3.007l.542 1.23 1.841 3.368h1.626V1.563h-1.3v3.85l-.488-1.123-1.463-2.727zm-8.056 0h-1.465v6.042h1.465zm-23.981 0v6.042h2.863l.432-1.295h-1.945V1.563zm-5.671 0v1.295h1.604v4.747h1.44V2.858h1.715V1.563zm-2.177 0h-1.802l-2.066 6.042h1.59l.317-1.025a4 4 0 0 0 1.113.162q.556 0 1.113-.162l.318 1.025h1.59zm-.9 3.938a3 3 0 0 1-.743-.108l.742-2.643.742 2.643c-.265.054-.477.108-.742.108Zm16.577-3.938H55.53L53.4 7.605h1.638l.328-1.025q.573.162 1.146.162.574 0 1.147-.162l.328 1.025h1.638l-2.24-6.042Zm-.928 3.938c-.273 0-.546-.054-.765-.108l.765-2.643.764 2.643a3.3 3.3 0 0 1-.764.108m21.98-3.938h-1.857l-2.13 6.042h1.638l.328-1.025q.574.162 1.147.162c.573 0 .764-.054 1.146-.162l.328 1.025h1.638zm-.93 3.938c-.272 0-.545-.054-.763-.108l.764-2.643.765 2.643a3.3 3.3 0 0 1-.765.108Zm-6.894.129c0-1.102-.697-1.522-1.983-1.837-.803-.21-1.018-.368-1.018-.63q0-.473.804-.473c.643 0 1.286.21 1.93.473V1.798a4.5 4.5 0 0 0-1.876-.42c-1.447 0-2.25.682-2.25 1.785 0 1.05.696 1.575 1.928 1.838.804.157 1.072.315 1.072.682 0 .263-.215.473-.804.473-.75 0-1.608-.263-2.197-.63v1.417c.482.263 1.233.473 2.197.473 1.447.052 2.197-.683 2.197-1.785Z"
+			fill="${colors.textColor}"
+		/>
+	</svg>`;
+};
+
+/**
+ * __Loom Attribution logo__
+ *
+ * The Loom logo with both the wordmark and the icon combined.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+export const LoomAttributionLogo = ({
+  appearance,
+  label = 'Loom Attribution',
+  size = defaultLogoParams.size,
+  testId,
+  iconColor = defaultLogoParams.iconColor,
+  textColor = defaultLogoParams.textColor
+}) => {
+  const {
+    colorMode
+  } = useThemeObserver();
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    appearance: appearance,
+    label: label,
+    iconColor: iconColor,
+    size: size,
+    svg: svg({
+      appearance,
+      iconColor,
+      textColor
+    }, colorMode),
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/esm/index.js

@@ -11,6 +11,7 @@ export { JiraProductDiscoveryIcon, JiraProductDiscoveryLogo } from './jira-produ
 export { JiraServiceManagementIcon, JiraServiceManagementLogo } from './jira-service-management-logo';
 export { JiraSoftwareIcon, JiraSoftwareLogo } from './jira-software-logo';
 export { JiraWorkManagementLogo, JiraWorkManagementIcon } from './jira-work-management-logo';
+export { LoomAttributionIcon, LoomAttributionLogo } from './loom-attribution-logo';
 export { LoomIcon, LoomLogo } from './loom-logo';
 export { OpsgenieIcon, OpsgenieLogo } from './opsgenie-logo';
 export { StatuspageIcon, StatuspageLogo } from './statuspage-logo';

package/dist/esm/loom-attribution-logo/icon.js

@@ -0,0 +1,33 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { defaultLogoParams } from '../constants';
+import { LoomIcon } from '../loom-logo';
+/**
+ * __Loom Attribution icon__
+ *
+ * The Loom attribution icon without an accompanying wordmark.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+export var LoomAttributionIcon = function LoomAttributionIcon(_ref) {
+  var appearance = _ref.appearance,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? 'Loom Attribution' : _ref$label,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? defaultLogoParams.size : _ref$size,
+    testId = _ref.testId,
+    _ref$iconColor = _ref.iconColor,
+    iconColor = _ref$iconColor === void 0 ? defaultLogoParams.iconColor : _ref$iconColor,
+    _ref$textColor = _ref.textColor,
+    textColor = _ref$textColor === void 0 ? defaultLogoParams.textColor : _ref$textColor;
+  return /*#__PURE__*/React.createElement(LoomIcon, {
+    appearance: appearance,
+    label: label,
+    size: size,
+    testId: testId,
+    iconColor: iconColor,
+    textColor: textColor
+  });
+};

package/dist/esm/loom-attribution-logo/index.js

@@ -0,0 +1,2 @@
+export { LoomAttributionIcon } from './icon';
+export { LoomAttributionLogo } from './logo';

package/dist/esm/loom-attribution-logo/logo.js

@@ -0,0 +1,56 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { useThemeObserver } from '@atlaskit/tokens';
+import { defaultLogoParams } from '../constants';
+import { getColorsForLoom } from '../utils';
+import Wrapper from '../wrapper';
+var svg = function svg(_ref, colorMode) {
+  var appearance = _ref.appearance,
+    iconColor = _ref.iconColor,
+    textColor = _ref.textColor;
+  var colors = {
+    iconColor: iconColor,
+    textColor: textColor
+  };
+  if (appearance) {
+    colors = getColorsForLoom(appearance, colorMode);
+  }
+  return "<svg\n\t\tfill=\"none\"\n\t\theight=\"32\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\tfocusable=\"false\"\n\t\taria-hidden=\"true\"\n\t\tviewBox=\"0 0 88 32\"\n\t>\n\t\t<path\n\t\t\td=\"M29.488 12.765h-8.983l7.78-4.344-1.544-2.585-7.78 4.344 4.492-7.523-2.674-1.493-4.491 7.522V0H13.2v8.687L8.71 1.164 6.035 2.657l4.49 7.522-7.778-4.343L1.204 8.42l7.779 4.344H0v2.986h8.982l-7.778 4.343 1.543 2.585 7.78-4.342-4.492 7.522 2.674 1.493L13.2 19.83v8.687h3.087v-8.873l4.574 7.663 2.507-1.4-4.575-7.663 7.946 4.437 1.544-2.586-7.779-4.343h8.982v-2.986h.001Zm-14.744 5.552c-2.318 0-4.197-1.817-4.197-4.059s1.88-4.059 4.197-4.059 4.198 1.817 4.198 4.06c0 2.24-1.88 4.058-4.198 4.058\"\n\t\t\tfill=\"".concat(colors.iconColor, "\"\n\t\t/>\n\t\t<path\n\t\t\td=\"M38.379 26.847V10.094h3.18v16.753zm30.503-11.79h3.036v1.438c.646-1.15 2.153-1.773 3.444-1.773 1.602 0 2.893.695 3.49 1.964.932-1.438 2.177-1.964 3.731-1.964 2.175 0 4.256 1.318 4.256 4.48v7.642h-3.084V19.85c0-1.27-.623-2.228-2.081-2.228-1.363 0-2.177 1.054-2.177 2.324v6.9h-3.155V19.85c0-1.27-.646-2.228-2.081-2.228-1.387 0-2.2 1.03-2.2 2.324v6.9h-3.18V15.057Zm-20.134 12.13c-3.582 0-6.176-2.66-6.176-6.234 0-3.517 2.585-6.242 6.176-6.242 3.609 0 6.177 2.75 6.177 6.242 0 3.547-2.596 6.234-6.177 6.234m0-9.59a3.357 3.357 0 0 0 0 6.713 3.357 3.357 0 0 0 0-6.713m12.966 9.59c-3.583 0-6.177-2.66-6.177-6.234 0-3.517 2.586-6.242 6.177-6.242 3.608 0 6.176 2.75 6.176 6.242 0 3.547-2.597 6.234-6.176 6.234m0-9.63a3.397 3.397 0 0 0-3.39 3.395 3.397 3.397 0 0 0 3.39 3.395 3.396 3.396 0 0 0 0-6.79M64.933 5.63c0-1.102-.697-1.522-1.983-1.837-.803-.21-1.018-.368-1.018-.63q0-.473.804-.473c.643 0 1.286.21 1.93.473V1.798a4.5 4.5 0 0 0-1.876-.42c-1.447 0-2.25.682-2.25 1.785 0 1.05.696 1.575 1.928 1.838.804.157 1.072.315 1.072.682 0 .263-.215.473-.804.473a4.46 4.46 0 0 1-2.197-.63v1.417c.483.263 1.233.473 2.197.473 1.5.052 2.197-.683 2.197-1.785Zm16.662-4.067v5.988h1.3V3.007l.542 1.23 1.841 3.368h1.626V1.563h-1.3v3.85l-.488-1.123-1.463-2.727zm-8.056 0h-1.465v6.042h1.465zm-23.981 0v6.042h2.863l.432-1.295h-1.945V1.563zm-5.671 0v1.295h1.604v4.747h1.44V2.858h1.715V1.563zm-2.177 0h-1.802l-2.066 6.042h1.59l.317-1.025a4 4 0 0 0 1.113.162q.556 0 1.113-.162l.318 1.025h1.59zm-.9 3.938a3 3 0 0 1-.743-.108l.742-2.643.742 2.643c-.265.054-.477.108-.742.108Zm16.577-3.938H55.53L53.4 7.605h1.638l.328-1.025q.573.162 1.146.162.574 0 1.147-.162l.328 1.025h1.638l-2.24-6.042Zm-.928 3.938c-.273 0-.546-.054-.765-.108l.765-2.643.764 2.643a3.3 3.3 0 0 1-.764.108m21.98-3.938h-1.857l-2.13 6.042h1.638l.328-1.025q.574.162 1.147.162c.573 0 .764-.054 1.146-.162l.328 1.025h1.638zm-.93 3.938c-.272 0-.545-.054-.763-.108l.764-2.643.765 2.643a3.3 3.3 0 0 1-.765.108Zm-6.894.129c0-1.102-.697-1.522-1.983-1.837-.803-.21-1.018-.368-1.018-.63q0-.473.804-.473c.643 0 1.286.21 1.93.473V1.798a4.5 4.5 0 0 0-1.876-.42c-1.447 0-2.25.682-2.25 1.785 0 1.05.696 1.575 1.928 1.838.804.157 1.072.315 1.072.682 0 .263-.215.473-.804.473-.75 0-1.608-.263-2.197-.63v1.417c.482.263 1.233.473 2.197.473 1.447.052 2.197-.683 2.197-1.785Z\"\n\t\t\tfill=\"").concat(colors.textColor, "\"\n\t\t/>\n\t</svg>");
+};
+
+/**
+ * __Loom Attribution logo__
+ *
+ * The Loom logo with both the wordmark and the icon combined.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+export var LoomAttributionLogo = function LoomAttributionLogo(_ref2) {
+  var appearance = _ref2.appearance,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? 'Loom Attribution' : _ref2$label,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? defaultLogoParams.size : _ref2$size,
+    testId = _ref2.testId,
+    _ref2$iconColor = _ref2.iconColor,
+    iconColor = _ref2$iconColor === void 0 ? defaultLogoParams.iconColor : _ref2$iconColor,
+    _ref2$textColor = _ref2.textColor,
+    textColor = _ref2$textColor === void 0 ? defaultLogoParams.textColor : _ref2$textColor;
+  var _useThemeObserver = useThemeObserver(),
+    colorMode = _useThemeObserver.colorMode;
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    appearance: appearance,
+    label: label,
+    iconColor: iconColor,
+    size: size,
+    svg: svg({
+      appearance: appearance,
+      iconColor: iconColor,
+      textColor: textColor
+    }, colorMode),
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/types/index.d.ts

@@ -12,6 +12,7 @@ export { JiraProductDiscoveryIcon, JiraProductDiscoveryLogo } from './jira-produ
 export { JiraServiceManagementIcon, JiraServiceManagementLogo, } from './jira-service-management-logo';
 export { JiraSoftwareIcon, JiraSoftwareLogo } from './jira-software-logo';
 export { JiraWorkManagementLogo, JiraWorkManagementIcon } from './jira-work-management-logo';
+export { LoomAttributionIcon, LoomAttributionLogo } from './loom-attribution-logo';
 export { LoomIcon, LoomLogo } from './loom-logo';
 export { OpsgenieIcon, OpsgenieLogo } from './opsgenie-logo';
 export { StatuspageIcon, StatuspageLogo } from './statuspage-logo';

package/dist/types/loom-attribution-logo/icon.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { LogoProps } from '../types';
+/**
+ * __Loom Attribution icon__
+ *
+ * The Loom attribution icon without an accompanying wordmark.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+export declare const LoomAttributionIcon: ({ appearance, label, size, testId, iconColor, textColor, }: LogoProps) => JSX.Element;

package/dist/types/loom-attribution-logo/index.d.ts

@@ -0,0 +1,2 @@
+export { LoomAttributionIcon } from './icon';
+export { LoomAttributionLogo } from './logo';

package/dist/types/loom-attribution-logo/logo.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { LogoProps } from '../types';
+/**
+ * __Loom Attribution logo__
+ *
+ * The Loom logo with both the wordmark and the icon combined.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+export declare const LoomAttributionLogo: ({ appearance, label, size, testId, iconColor, textColor, }: LogoProps) => JSX.Element;

package/dist/types-ts4.5/index.d.ts

@@ -12,6 +12,7 @@ export { JiraProductDiscoveryIcon, JiraProductDiscoveryLogo } from './jira-produ
 export { JiraServiceManagementIcon, JiraServiceManagementLogo, } from './jira-service-management-logo';
 export { JiraSoftwareIcon, JiraSoftwareLogo } from './jira-software-logo';
 export { JiraWorkManagementLogo, JiraWorkManagementIcon } from './jira-work-management-logo';
+export { LoomAttributionIcon, LoomAttributionLogo } from './loom-attribution-logo';
 export { LoomIcon, LoomLogo } from './loom-logo';
 export { OpsgenieIcon, OpsgenieLogo } from './opsgenie-logo';
 export { StatuspageIcon, StatuspageLogo } from './statuspage-logo';

package/dist/types-ts4.5/loom-attribution-logo/icon.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { LogoProps } from '../types';
+/**
+ * __Loom Attribution icon__
+ *
+ * The Loom attribution icon without an accompanying wordmark.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+export declare const LoomAttributionIcon: ({ appearance, label, size, testId, iconColor, textColor, }: LogoProps) => JSX.Element;

package/dist/types-ts4.5/loom-attribution-logo/index.d.ts

@@ -0,0 +1,2 @@
+export { LoomAttributionIcon } from './icon';
+export { LoomAttributionLogo } from './logo';

package/dist/types-ts4.5/loom-attribution-logo/logo.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { LogoProps } from '../types';
+/**
+ * __Loom Attribution logo__
+ *
+ * The Loom logo with both the wordmark and the icon combined.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+export declare const LoomAttributionLogo: ({ appearance, label, size, testId, iconColor, textColor, }: LogoProps) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/logo",
-	"version": "14.2.2",
+	"version": "14.3.0",
 	"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/"
@@ -16,10 +16,6 @@
 	"atlaskit:src": "src/index.tsx",
 	"atlassian": {
 		"team": "Design System Team",
-		"productPushConsumption": [
-			"jira"
-		],
-		"releaseModel": "continuous",
 		"website": {
 			"name": "Logo",
 			"category": "Components"
@@ -27,9 +23,9 @@
 		"runReact18": true
 	},
 	"dependencies": {
-		"@atlaskit/ds-lib": "^2.5.0",
+		"@atlaskit/ds-lib": "^2.6.0",
 		"@atlaskit/theme": "^13.0.0",
-		"@atlaskit/tokens": "^1.59.0",
+		"@atlaskit/tokens": "^1.61.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},