@atlaskit/logo/dist/cjs/artifacts/logo-components/bitbucket/logo.js

A logo is a visual representation of a brand or app. It can be a word, an image, or a combination of both.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.BitbucketLogo = BitbucketLogo;
var _react = _interopRequireDefault(require("react"));
var _logoWrapper = require("../../../utils/logo-wrapper");
/**
 * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
 * @codegen <<SignedSource::caee5cfa2c92222734b1fad5fde108df>>
 * @codegenCommand yarn workspace @atlaskit/logo generate:components
 */

// `height` is set to 100% to allow the SVG to scale with the parent element
// The text color is set to "currentColor" to allow the SVG to inherit the color set by the parent based on the theme.
var svg = "<svg height=\"100%\" viewBox=\"0 0 95 24\">\n    <path fill=\"var(--tile-color,#94c748)\" d=\"M0 6a6 6 0 0 1 6-6h12a6 6 0 0 1 6 6v12a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z\"/>\n    <path fill=\"var(--icon-color, #101214)\" d=\"m17.898 11.353-.994 6.064c-.065.367-.324.583-.691.583H7.787c-.367 0-.627-.216-.691-.583L5.346 6.604C5.28 6.237 5.476 6 5.82 6h12.358c.346 0 .54.237.475.604l-.475 2.85c-.065.41-.303.582-.691.582h-7.432c-.109 0-.173.065-.152.194l.584 3.583c.021.086.086.151.172.151h2.68c.086 0 .15-.065.172-.151l.41-2.59c.044-.324.26-.453.563-.453H17.4c.432 0 .562.216.497.582\"/>\n    <path fill=\"var(--text-color, #292a2e)\" d=\"M94.34 9.36v1.48H89.9V9.36zm-3.38-1.82h1.92v7.27q0 .38.17.57t.56.19q.12 0 .32-.03t.32-.06l.29 1.46q-.31.1-.64.13a5 5 0 0 1-.62.04q-1.13 0-1.73-.55-.59-.56-.59-1.59zm-5.19 9.61q-1.16 0-2-.48a3.25 3.25 0 0 1-1.29-1.37q-.45-.88-.45-2.08 0-1.18.44-2.06a3.4 3.4 0 0 1 1.26-1.39q.82-.5 1.93-.5.73 0 1.36.23.64.23 1.14.71.49.47.77 1.2t.28 1.72v.57h-6.34v-1.25h5.39l-.9.35q0-.62-.19-1.08a1.55 1.55 0 0 0-.57-.72q-.37-.26-.93-.26t-.94.26q-.39.26-.59.7t-.2.99v.88q0 .69.23 1.17.24.47.66.71t.99.24q.37 0 .68-.11t.53-.31a1.4 1.4 0 0 0 .34-.52l1.75.34q-.18.62-.64 1.09-.45.46-1.13.73-.68.25-1.54.25m-9.45-2.48v-2.32h.3l2.62-3.01h2.24l-3.34 3.8h-.43zM74.61 17V6.81h1.93V17zm4.79 0-2.39-3.41 1.29-1.37L81.68 17zm-9.62.15q-1.13 0-1.96-.49a3.3 3.3 0 0 1-1.28-1.38q-.45-.89-.45-2.06 0-1.18.45-2.07.45-.9 1.28-1.39t1.96-.49q.66 0 1.22.17t1 .49.73.78.41 1.03l-1.8.36q-.06-.3-.2-.54a1.5 1.5 0 0 0-.33-.4 1.3 1.3 0 0 0-.44-.26 1.6 1.6 0 0 0-.56-.09q-.58 0-.97.31t-.59.86q-.2.54-.2 1.24t.2 1.24.59.86.97.31q.32 0 .57-.09.26-.09.46-.27a1.6 1.6 0 0 0 .34-.42q.14-.25.2-.56l1.79.35q-.12.6-.4 1.06a2.8 2.8 0 0 1-.73.79 3.3 3.3 0 0 1-1 .51q-.56.17-1.23.17m-9.42-.07q-.79 0-1.39-.34a2.34 2.34 0 0 1-.92-.98q-.33-.65-.33-1.55V9.37h1.93v4.54q0 .75.38 1.16t1.05.42q.46 0 .81-.19.35-.2.55-.57t.2-.9V9.38h1.93V17h-1.82l-.02-1.9h.12q-.31.98-.93 1.49t-1.56.51m-7.26.03q-.64 0-1.07-.21a2.3 2.3 0 0 1-.7-.53 3 3 0 0 1-.4-.61h-.1V17h-1.89V6.81h1.93v3.82h.07q.14-.29.4-.61t.69-.54 1.1-.22q.87 0 1.57.44.71.44 1.13 1.32.42.87.42 2.17 0 1.26-.41 2.15-.41.87-1.12 1.33a2.87 2.87 0 0 1-1.6.46m-.56-1.55q.57 0 .95-.31t.57-.85q.2-.54.2-1.23a3.5 3.5 0 0 0-.2-1.22 1.8 1.8 0 0 0-.57-.83q-.38-.31-.95-.31-.55 0-.94.29-.38.29-.58.83-.2.53-.2 1.24t.2 1.25q.21.54.59.84.39.3.94.3m-5.03-6.22v1.48h-4.44V9.36zm-3.38-1.82h1.92v7.27q0 .38.17.57t.56.19q.12 0 .32-.03.21-.03.32-.06l.29 1.46q-.31.1-.63.13a5 5 0 0 1-.62.04q-1.13 0-1.73-.55-.59-.56-.59-1.59zM40.16 17V9.36h1.93V17zm-.02-8.73V6.52h1.98v1.75zM30.97 17V6.81h3.97q1.11 0 1.85.34t1.11.94q.37.59.37 1.35 0 .61-.24 1.05t-.65.73a2.6 2.6 0 0 1-.91.4v.1q.56.03 1.06.33.51.3.82.85.32.55.32 1.31 0 .79-.39 1.43-.39.63-1.16 1-.77.36-1.93.36zm1.96-1.63h1.89q.96 0 1.4-.37t.44-.96a1.46 1.46 0 0 0-.83-1.34 2 2 0 0 0-.94-.2h-1.95zm0-4.25h1.74q.47 0 .83-.16.37-.17.58-.48t.21-.74a1.2 1.2 0 0 0-.4-.94q-.4-.37-1.18-.37h-1.78z\"/>\n</svg>\n";
var customThemeSvg = "<svg height=\"100%\" viewBox=\"0 0 95 24\">\n    <path fill=\"var(--themed-icon-color, currentcolor)\" d=\"M18 0a6 6 0 0 1 6 6v12a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6V6a6 6 0 0 1 6-6zM5.821 6c-.345 0-.54.238-.475.604l1.75 10.813c.065.367.324.583.691.583h8.426c.367 0 .627-.216.691-.583l.994-6.065c.065-.366-.065-.582-.497-.582h-2.917c-.302 0-.518.13-.561.453l-.41 2.59c-.022.086-.087.15-.173.15h-2.68c-.086 0-.151-.064-.173-.15l-.583-3.583c-.021-.129.044-.194.152-.194h7.431c.39 0 .627-.173.692-.583l.475-2.849c.065-.366-.13-.604-.475-.604z\"/>\n    <path fill=\"var(--themed-text-color, currentcolor)\" d=\"M94.34 9.36v1.48H89.9V9.36zm-3.38-1.82h1.92v7.27q0 .38.17.57t.56.19q.12 0 .32-.03t.32-.06l.29 1.46q-.31.1-.64.13a5 5 0 0 1-.62.04q-1.13 0-1.73-.55-.59-.56-.59-1.59zm-5.19 9.61q-1.16 0-2-.48a3.25 3.25 0 0 1-1.29-1.37q-.45-.88-.45-2.08 0-1.18.44-2.06a3.4 3.4 0 0 1 1.26-1.39q.82-.5 1.93-.5.73 0 1.36.23.64.23 1.14.71.49.47.77 1.2t.28 1.72v.57h-6.34v-1.25h5.39l-.9.35q0-.62-.19-1.08a1.55 1.55 0 0 0-.57-.72q-.37-.26-.93-.26t-.94.26q-.39.26-.59.7t-.2.99v.88q0 .69.23 1.17.24.47.66.71t.99.24q.37 0 .68-.11t.53-.31a1.4 1.4 0 0 0 .34-.52l1.75.34q-.18.62-.64 1.09-.45.46-1.13.73-.68.25-1.54.25m-9.45-2.48v-2.32h.3l2.62-3.01h2.24l-3.34 3.8h-.43zM74.61 17V6.81h1.93V17zm4.79 0-2.39-3.41 1.29-1.37L81.68 17zm-9.62.15q-1.13 0-1.96-.49a3.3 3.3 0 0 1-1.28-1.38q-.45-.89-.45-2.06 0-1.18.45-2.07.45-.9 1.28-1.39t1.96-.49q.66 0 1.22.17t1 .49.73.78.41 1.03l-1.8.36q-.06-.3-.2-.54a1.5 1.5 0 0 0-.33-.4 1.3 1.3 0 0 0-.44-.26 1.6 1.6 0 0 0-.56-.09q-.58 0-.97.31t-.59.86q-.2.54-.2 1.24t.2 1.24.59.86.97.31q.32 0 .57-.09.26-.09.46-.27a1.6 1.6 0 0 0 .34-.42q.14-.25.2-.56l1.79.35q-.12.6-.4 1.06a2.8 2.8 0 0 1-.73.79 3.3 3.3 0 0 1-1 .51q-.56.17-1.23.17m-9.42-.07q-.79 0-1.39-.34a2.34 2.34 0 0 1-.92-.98q-.33-.65-.33-1.55V9.37h1.93v4.54q0 .75.38 1.16t1.05.42q.46 0 .81-.19.35-.2.55-.57t.2-.9V9.38h1.93V17h-1.82l-.02-1.9h.12q-.31.98-.93 1.49t-1.56.51m-7.26.03q-.64 0-1.07-.21a2.3 2.3 0 0 1-.7-.53 3 3 0 0 1-.4-.61h-.1V17h-1.89V6.81h1.93v3.82h.07q.14-.29.4-.61t.69-.54 1.1-.22q.87 0 1.57.44.71.44 1.13 1.32.42.87.42 2.17 0 1.26-.41 2.15-.41.87-1.12 1.33a2.87 2.87 0 0 1-1.6.46m-.56-1.55q.57 0 .95-.31t.57-.85q.2-.54.2-1.23a3.5 3.5 0 0 0-.2-1.22 1.8 1.8 0 0 0-.57-.83q-.38-.31-.95-.31-.55 0-.94.29-.38.29-.58.83-.2.53-.2 1.24t.2 1.25q.21.54.59.84.39.3.94.3m-5.03-6.22v1.48h-4.44V9.36zm-3.38-1.82h1.92v7.27q0 .38.17.57t.56.19q.12 0 .32-.03.21-.03.32-.06l.29 1.46q-.31.1-.63.13a5 5 0 0 1-.62.04q-1.13 0-1.73-.55-.59-.56-.59-1.59zM40.16 17V9.36h1.93V17zm-.02-8.73V6.52h1.98v1.75zM30.97 17V6.81h3.97q1.11 0 1.85.34t1.11.94q.37.59.37 1.35 0 .61-.24 1.05t-.65.73a2.6 2.6 0 0 1-.91.4v.1q.56.03 1.06.33.51.3.82.85.32.55.32 1.31 0 .79-.39 1.43-.39.63-1.16 1-.77.36-1.93.36zm1.96-1.63h1.89q.96 0 1.4-.37t.44-.96a1.46 1.46 0 0 0-.83-1.34 2 2 0 0 0-.94-.2h-1.95zm0-4.25h1.74q.47 0 .83-.16.37-.17.58-.48t.21-.74a1.2 1.2 0 0 0-.4-.94q-.4-.37-1.18-.37h-1.78z\"/>\n</svg>\n";

/**
 * __BitbucketLogo__
 *
 * A temporary component to represent the logo for Bitbucket.
 *
 */
function BitbucketLogo(_ref) {
  var iconColor = _ref.iconColor,
    textColor = _ref.textColor,
    _ref$size = _ref.size,
    size = _ref$size === void 0 ? 'medium' : _ref$size,
    _ref$appearance = _ref.appearance,
    appearance = _ref$appearance === void 0 ? 'brand' : _ref$appearance,
    _ref$label = _ref.label,
    label = _ref$label === void 0 ? 'Bitbucket' : _ref$label,
    testId = _ref.testId;
  return /*#__PURE__*/_react.default.createElement(_logoWrapper.LogoWrapper, {
    svg: svg,
    customThemeSvg: customThemeSvg,
    iconColor: iconColor,
    textColor: textColor,
    label: label,
    appearance: appearance,
    size: size,
    testId: testId
  });
}