@yoast/related-keyphrase-suggestions 0.1.0

package/build/components/CountrySelector/index.js

@@ -0,0 +1,430 @@
+import React, { useCallback, useMemo, useState } from "react";
+import PropTypes from "prop-types";
+import { __ } from "@wordpress/i18n";
+import { Button, AutocompleteField } from "@yoast/ui-library";
+import classNames from "classnames";
+import { filter } from "lodash";
+
+/**
+ * List of all available database countries for the Semrush API. We do not use the label but it is included for reference.
+@link https://www.semrush.com/api-analytics/#databases
+@type {{value: string, label: string}[]}
+ */
+const COUNTRIES = [{
+  value: "us",
+  label: "United States - US"
+}, {
+  value: "uk",
+  label: "United Kingdom - UK"
+}, {
+  value: "ca",
+  label: "Canada - CA"
+}, {
+  value: "ru",
+  label: "Russia - RU"
+}, {
+  value: "de",
+  label: "Germany - DE"
+}, {
+  value: "fr",
+  label: "France - FR"
+}, {
+  value: "es",
+  label: "Spain - ES"
+}, {
+  value: "it",
+  label: "Italy - IT"
+}, {
+  value: "br",
+  label: "Brazil - BR"
+}, {
+  value: "au",
+  label: "Australia - AU"
+}, {
+  value: "ar",
+  label: "Argentina - AR"
+}, {
+  value: "be",
+  label: "Belgium - BE"
+}, {
+  value: "ch",
+  label: "Switzerland - CH"
+}, {
+  value: "dk",
+  label: "Denmark - DK"
+}, {
+  value: "fi",
+  label: "Finland - FI"
+}, {
+  value: "hk",
+  label: "Hong Kong - HK"
+}, {
+  value: "ie",
+  label: "Ireland - IE"
+}, {
+  value: "il",
+  label: "Israel - IL"
+}, {
+  value: "mx",
+  label: "Mexico - MX"
+}, {
+  value: "nl",
+  label: "Netherlands - NL"
+}, {
+  value: "no",
+  label: "Norway - NO"
+}, {
+  value: "pl",
+  label: "Poland - PL"
+}, {
+  value: "se",
+  label: "Sweden - SE"
+}, {
+  value: "sg",
+  label: "Singapore - SG"
+}, {
+  value: "tr",
+  label: "Turkey - TR"
+}, {
+  value: "jp",
+  label: "Japan - JP"
+}, {
+  value: "in",
+  label: "India - IN"
+}, {
+  value: "hu",
+  label: "Hungary - HU"
+}, {
+  value: "af",
+  label: "Afghanistan - AF"
+}, {
+  value: "al",
+  label: "Albania - AL"
+}, {
+  value: "dz",
+  label: "Algeria - DZ"
+}, {
+  value: "ao",
+  label: "Angola - AO"
+}, {
+  value: "am",
+  label: "Armenia - AM"
+}, {
+  value: "at",
+  label: "Austria - AT"
+}, {
+  value: "az",
+  label: "Azerbaijan - AZ"
+}, {
+  value: "bh",
+  label: "Bahrain - BH"
+}, {
+  value: "bd",
+  label: "Bangladesh - BD"
+}, {
+  value: "by",
+  label: "Belarus - BY"
+}, {
+  value: "bz",
+  label: "Belize - BZ"
+}, {
+  value: "bo",
+  label: "Bolivia - BO"
+}, {
+  value: "ba",
+  label: "Bosnia and Herzegovina - BA"
+}, {
+  value: "bw",
+  label: "Botswana - BW"
+}, {
+  value: "bn",
+  label: "Brunei - BN"
+}, {
+  value: "bg",
+  label: "Bulgaria - BG"
+}, {
+  value: "cv",
+  label: "Cabo Verde - CV"
+}, {
+  value: "kh",
+  label: "Cambodia - KH"
+}, {
+  value: "cm",
+  label: "Cameroon - CM"
+}, {
+  value: "cl",
+  label: "Chile - CL"
+}, {
+  value: "co",
+  label: "Colombia - CO"
+}, {
+  value: "cr",
+  label: "Costa Rica - CR"
+}, {
+  value: "hr",
+  label: "Croatia - HR"
+}, {
+  value: "cy",
+  label: "Cyprus - CY"
+}, {
+  value: "cz",
+  label: "Czech Republic - CZ"
+}, {
+  value: "cd",
+  label: "Congo - CD"
+}, {
+  value: "do",
+  label: "Dominican Republic - DO"
+}, {
+  value: "ec",
+  label: "Ecuador - EC"
+}, {
+  value: "eg",
+  label: "Egypt - EG"
+}, {
+  value: "sv",
+  label: "El Salvador - SV"
+}, {
+  value: "ee",
+  label: "Estonia - EE"
+}, {
+  value: "et",
+  label: "Ethiopia - ET"
+}, {
+  value: "ge",
+  label: "Georgia - GE"
+}, {
+  value: "gh",
+  label: "Ghana - GH"
+}, {
+  value: "gr",
+  label: "Greece - GR"
+}, {
+  value: "gt",
+  label: "Guatemala - GT"
+}, {
+  value: "gy",
+  label: "Guyana - GY"
+}, {
+  value: "ht",
+  label: "Haiti - HT"
+}, {
+  value: "hn",
+  label: "Honduras - HN"
+}, {
+  value: "is",
+  label: "Iceland - IS"
+}, {
+  value: "id",
+  label: "Indonesia - ID"
+}, {
+  value: "jm",
+  label: "Jamaica - JM"
+}, {
+  value: "jo",
+  label: "Jordan - JO"
+}, {
+  value: "kz",
+  label: "Kazakhstan - KZ"
+}, {
+  value: "kw",
+  label: "Kuwait - KW"
+}, {
+  value: "lv",
+  label: "Latvia - LV"
+}, {
+  value: "lb",
+  label: "Lebanon - LB"
+}, {
+  value: "lt",
+  label: "Lithuania - LT"
+}, {
+  value: "lu",
+  label: "Luxembourg - LU"
+}, {
+  value: "mg",
+  label: "Madagascar - MG"
+}, {
+  value: "my",
+  label: "Malaysia - MY"
+}, {
+  value: "mt",
+  label: "Malta - MT"
+}, {
+  value: "mu",
+  label: "Mauritius - MU"
+}, {
+  value: "md",
+  label: "Moldova - MD"
+}, {
+  value: "mn",
+  label: "Mongolia - MN"
+}, {
+  value: "me",
+  label: "Montenegro - ME"
+}, {
+  value: "ma",
+  label: "Morocco - MA"
+}, {
+  value: "mz",
+  label: "Mozambique - MZ"
+}, {
+  value: "na",
+  label: "Namibia - NA"
+}, {
+  value: "np",
+  label: "Nepal - NP"
+}, {
+  value: "nz",
+  label: "New Zealand - NZ"
+}, {
+  value: "ni",
+  label: "Nicaragua - NI"
+}, {
+  value: "ng",
+  label: "Nigeria - NG"
+}, {
+  value: "om",
+  label: "Oman - OM"
+}, {
+  value: "py",
+  label: "Paraguay - PY"
+}, {
+  value: "pe",
+  label: "Peru - PE"
+}, {
+  value: "ph",
+  label: "Philippines - PH"
+}, {
+  value: "pt",
+  label: "Portugal - PT"
+}, {
+  value: "ro",
+  label: "Romania - RO"
+}, {
+  value: "sa",
+  label: "Saudi Arabia - SA"
+}, {
+  value: "sn",
+  label: "Senegal - SN"
+}, {
+  value: "rs",
+  label: "Serbia - RS"
+}, {
+  value: "sk",
+  label: "Slovakia - SK"
+}, {
+  value: "si",
+  label: "Slovenia - SI"
+}, {
+  value: "za",
+  label: "South Africa - ZA"
+}, {
+  value: "kr",
+  label: "South Korea - KR"
+}, {
+  value: "lk",
+  label: "Sri Lanka - LK"
+}, {
+  value: "th",
+  label: "Thailand - TH"
+}, {
+  value: "bs",
+  label: "Bahamas - BS"
+}, {
+  value: "tt",
+  label: "Trinidad and Tobago - TT"
+}, {
+  value: "tn",
+  label: "Tunisia - TN"
+}, {
+  value: "ua",
+  label: "Ukraine - UA"
+}, {
+  value: "ae",
+  label: "United Arab Emirates - AE"
+}, {
+  value: "uy",
+  label: "Uruguay - UY"
+}, {
+  value: "ve",
+  label: "Venezuela - VE"
+}, {
+  value: "vn",
+  label: "Vietnam - VN"
+}, {
+  value: "zm",
+  label: "Zambia - ZM"
+}, {
+  value: "zw",
+  label: "Zimbabwe - ZW"
+}, {
+  value: "ly",
+  label: "Libya - LY"
+}];
+
+/**
+ * The Country Selector component.
+ *
+ * @param {string} [countryCode="us"] The country code.
+ * @param {string} [activeCountryCode="us"] The active country code.
+ * @param {Function} onChange The change handler for the select.
+ * @param {Function} onClick The click handler for the button.
+ * @param {string} [className] The class name.
+ * @param {string} [userLocale="en"] The user locale, only the language code.
+ *
+ * @returns {JSX.Element} The country selector.
+ */
+export const CountrySelector = ({
+  countryCode = "us",
+  activeCountryCode = "us",
+  onChange,
+  onClick,
+  className = "",
+  userLocale = "en"
+}) => {
+  let regionNames;
+  try {
+    regionNames = new Intl.DisplayNames([userLocale], {
+      type: "region"
+    });
+  } catch (e) {
+    // Fallback to the browser language.
+    regionNames = new Intl.DisplayNames([navigator.language.split("-")[0]], {
+      type: "region"
+    });
+  }
+  const [query, setQuery] = useState("");
+  const filteredOptions = useMemo(() => filter(COUNTRIES, option => query ? regionNames.of(option.value.toUpperCase()).toLowerCase().startsWith(query) : true), [query]);
+  const handleQueryChange = useCallback(event => {
+    setQuery(event.target.value.toLowerCase());
+  }, [setQuery]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames("yst-flex yst-items-end yst-gap-2", className)
+  }, /*#__PURE__*/React.createElement(AutocompleteField, {
+    id: "yst-country-selector__select",
+    label: __("Show results for:", "wordpress-seo"),
+    value: countryCode,
+    selectedLabel: countryCode ? regionNames.of(countryCode.toUpperCase()) : "",
+    onChange: onChange,
+    onQueryChange: handleQueryChange,
+    className: "sm:yst-w-96"
+  }, filteredOptions.map(option => /*#__PURE__*/React.createElement(AutocompleteField.Option, {
+    key: option.value,
+    value: option.value
+  }, regionNames.of(option.value.toUpperCase())))), /*#__PURE__*/React.createElement(Button, {
+    id: "yst-country-selector__button",
+    size: "large",
+    variant: activeCountryCode === countryCode ? "secondary" : "primary",
+    onClick: onClick
+  }, __("Change country", "wordpress-seo")));
+};
+CountrySelector.propTypes = {
+  countryCode: PropTypes.string,
+  activeCountryCode: PropTypes.string,
+  onChange: PropTypes.func.isRequired,
+  onClick: PropTypes.func.isRequired,
+  className: PropTypes.string,
+  userLocale: PropTypes.string
+};
+//# sourceMappingURL=index.js.map

package/build/components/KeyphrasesTable/index.js

@@ -0,0 +1,225 @@
+import _extends from "@babel/runtime/helpers/extends";
+import { __ } from "@wordpress/i18n";
+import { SkeletonLoader, Table } from "@yoast/ui-library";
+import { isFunction } from "lodash";
+import PropTypes from "prop-types";
+import React from "react";
+import { DifficultyBullet, IntentBadge, TrendGraph } from "../..";
+
+/**
+ * The row for the keyphrases table.
+ *
+ * @param {string} [keyword=""] The keyword.
+ * @param {string} [searchVolume=""] The search volume.
+ * @param {number[]} [trends=[]] An array of trends for 12 months.
+ * @param {number} [keywordDifficultyIndex=-1] The keyword difficulty index.
+ * @param {string[]} [intent=[]] An array of intent initials.
+ * @param {Function?} [renderButton=null] The render button function.
+ * @param {Object[]} [relatedKeyphrases=[]] The related keyphrases.
+ * @param {string} id The id of the row.
+ *
+ * @returns {JSX.Element} The row.
+ */
+const KeyphrasesTableRow = ({
+  keyword = "",
+  searchVolume = "",
+  trends = [],
+  keywordDifficultyIndex = -1,
+  intent = [],
+  renderButton = null,
+  relatedKeyphrases = [],
+  id
+}) => {
+  return /*#__PURE__*/React.createElement(Table.Row, {
+    id: id
+  }, /*#__PURE__*/React.createElement(Table.Cell, null, keyword), /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement("div", {
+    className: "yst-flex yst-gap-2"
+  }, intent.length > 0 && intent.map((value, index) => /*#__PURE__*/React.createElement(IntentBadge, {
+    id: `${id}__intent-${index}-${value}`,
+    key: `${id}-${index}-${value}`,
+    value: value
+  })))), /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement("div", {
+    className: "yst-flex yst-justify-end"
+  }, searchVolume)), /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement(TrendGraph, {
+    data: trends
+  })), /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement("div", {
+    className: "yst-flex yst-justify-end"
+  }, /*#__PURE__*/React.createElement(DifficultyBullet, {
+    value: keywordDifficultyIndex,
+    id: `${id}__difficulty-index`
+  }))), isFunction(renderButton) && /*#__PURE__*/React.createElement(Table.Cell, null, renderButton(keyword, relatedKeyphrases)));
+};
+KeyphrasesTableRow.propTypes = {
+  keyword: PropTypes.string,
+  searchVolume: PropTypes.string,
+  trends: PropTypes.arrayOf(PropTypes.number),
+  keywordDifficultyIndex: PropTypes.number,
+  intent: PropTypes.arrayOf(PropTypes.string),
+  renderButton: PropTypes.func,
+  relatedKeyphrases: PropTypes.arrayOf(PropTypes.shape({
+    key: PropTypes.string,
+    keyword: PropTypes.string,
+    results: PropTypes.array,
+    score: PropTypes.number
+  })),
+  id: PropTypes.string.isRequired
+};
+
+/**
+ * Loading keyphrase table row.
+ *
+ * @param {boolean} withButton Whether the user is with button columns or not.
+ *
+ * @returns {JSX.Element} The loading row.
+ */
+const LoadingKeyphrasesTableRow = ({
+  withButton = false
+}) => {
+  return /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, {
+    className: "yst-w-44"
+  }, /*#__PURE__*/React.createElement(SkeletonLoader, {
+    className: "yst-w-36 yst-h-5"
+  })), /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement(SkeletonLoader, {
+    className: "yst-w-5 yst-h-5"
+  })), /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement("div", {
+    className: "yst-flex yst-justify-end"
+  }, /*#__PURE__*/React.createElement(SkeletonLoader, {
+    className: "yst-w-14 yst-h-5"
+  }))), /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement(SkeletonLoader, {
+    className: "yst-w-16 yst-h-5"
+  })), /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement("div", {
+    className: "yst-flex yst-gap-2 yst-justify-end"
+  }, /*#__PURE__*/React.createElement(SkeletonLoader, {
+    className: "yst-w-4 yst-h-5"
+  }), /*#__PURE__*/React.createElement(SkeletonLoader, {
+    className: "yst-w-3 yst-h-5"
+  }))), withButton && /*#__PURE__*/React.createElement(Table.Cell, {
+    className: "yst-w-32"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "yst-flex yst-justify-end"
+  }, /*#__PURE__*/React.createElement(SkeletonLoader, {
+    className: "yst-w-16 yst-h-7"
+  }))));
+};
+LoadingKeyphrasesTableRow.propTypes = {
+  withButton: PropTypes.bool
+};
+const intentMapping = ["i", "n", "t", "c"];
+
+/**
+ * Prepare the row data.
+ * @param {string[]} columnNames The column names.
+ * @param {string[]} row The row data.
+ * @param {Object} searchVolumeFormat The search volume format object.
+ * @returns {object} The prepared row.
+ */
+const prepareRow = (columnNames, row, searchVolumeFormat) => {
+  const rowData = {};
+  columnNames.forEach((columnName, index) => {
+    switch (columnName) {
+      case "Trends":
+        rowData.trends = row[index].split(",").map(value => parseFloat(value));
+        break;
+      case "Intent":
+        rowData.intent = row[index].split(",").map(value => intentMapping[Number(value)]);
+        break;
+      case "Keyword Difficulty Index":
+        rowData.keywordDifficultyIndex = Number(row[index]);
+        break;
+      case "Search Volume":
+        rowData.searchVolume = searchVolumeFormat.format(row[index]);
+        break;
+      default:
+        rowData[columnName.toLowerCase()] = row[index];
+    }
+  });
+  return rowData;
+};
+
+/**
+ *
+ * @param {string[]} [columnNames=[]] The column names.
+ * @param {string[]} [data] The rows to display in the table.
+ * @param {Function?} [renderButton=null] The render button function.
+ * @param {Object[]} [relatedKeyphrases=[]] The related keyphrases.
+ * @param {string} [className=""] The class name for the table.
+ * @param {boolean} [isPending=false] Whether the data is still pending.
+ * @param {string} [userLocale="en"] The user locale, only the first part, for example "en" not "en_US".
+ * @param {string} [idPrefix=""] The idPrefix for the id of the row.
+ *
+ * @returns {JSX.Element} The keyphrases table.
+ */
+export const KeyphrasesTable = ({
+  columnNames = [],
+  data = [],
+  renderButton = null,
+  relatedKeyphrases = [],
+  className = "",
+  userLocale = "en",
+  isPending = false,
+  idPrefix = "yoast-seo"
+}) => {
+  let searchVolumeFormat;
+  try {
+    searchVolumeFormat = new Intl.NumberFormat(userLocale, {
+      notation: "compact",
+      compactDisplay: "short"
+    });
+  } catch (e) {
+    // Fallback to the browser language.
+    searchVolumeFormat = new Intl.NumberFormat(navigator.language.split("-")[0], {
+      notation: "compact",
+      compactDisplay: "short"
+    });
+  }
+  const rows = data === null || data === void 0 ? void 0 : data.map(row => prepareRow(columnNames, row, searchVolumeFormat));
+  if ((!rows || rows.length === 0) && !isPending) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Table, {
+    className: className
+  }, /*#__PURE__*/React.createElement(Table.Head, null, /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Header, {
+    className: "yst-text-start"
+  }, __("Related keyphrase", "wordpress-seo")), /*#__PURE__*/React.createElement(Table.Header, {
+    className: "yst-text-start"
+  }, __("Intent", "wordpress-seo")), /*#__PURE__*/React.createElement(Table.Header, null, /*#__PURE__*/React.createElement("div", {
+    className: "yst-flex yst-justify-end"
+  }, __("Volume", "wordpress-seo"))), /*#__PURE__*/React.createElement(Table.Header, {
+    className: "yst-text-start"
+  }, __("Trend", "wordpress-seo")), /*#__PURE__*/React.createElement(Table.Header, {
+    className: "yst-whitespace-nowrap"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "yst-flex yst-justify-end"
+  }, __("Difficulty %", "wordpress-seo"))), renderButton && /*#__PURE__*/React.createElement(Table.Header, null, /*#__PURE__*/React.createElement("div", {
+    className: "yst-flex yst-justify-end"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "yst-text-end yst-w-[88px]"
+  }, __("Add keyphrase", "wordpress-seo")))))), /*#__PURE__*/React.createElement(Table.Body, null, !isPending && rows && rows.map((rowData, index) => /*#__PURE__*/React.createElement(KeyphrasesTableRow, _extends({
+    key: `${idPrefix}-related-keyphrase-${index}`,
+    id: `${idPrefix}-related-keyphrase-${index}`,
+    renderButton: renderButton,
+    relatedKeyphrases: relatedKeyphrases
+  }, rowData))), isPending && Array.from({
+    length: 10
+  }, (_, index) => /*#__PURE__*/React.createElement(LoadingKeyphrasesTableRow, {
+    key: `loading-row-${index}`,
+    withButton: isFunction(renderButton)
+  }))));
+};
+KeyphrasesTable.propTypes = {
+  columnNames: PropTypes.arrayOf(PropTypes.string),
+  data: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.string)),
+  relatedKeyphrases: PropTypes.arrayOf(PropTypes.shape({
+    key: PropTypes.string,
+    keyword: PropTypes.string,
+    results: PropTypes.array,
+    score: PropTypes.number
+  })),
+  renderButton: PropTypes.func,
+  className: PropTypes.string,
+  isPending: PropTypes.bool,
+  userLocale: PropTypes.string,
+  idPrefix: PropTypes.string
+};
+KeyphrasesTable.displayName = "KeyphrasesTable";
+//# sourceMappingURL=index.js.map

package/build/components/Modal/YoastIcon.js

@@ -0,0 +1,25 @@
+import React from "react";
+
+/**
+ * The Yoast icon component.
+ *
+ * @returns {JSX.Element} The Yoast icon component.
+ */
+export const YoastIcon = () => {
+  return /*#__PURE__*/React.createElement("svg", {
+    className: "yst-w-[17px] yst-h-[17px] yst-fill-primary-500 yst-mt-[3px]",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 425 456.27",
+    role: "img",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M73 405.26a66.79 66.79 0 0 1-6.54-1.7 64.75 64.75 0 0 1-6.28-2.31c-1-.42-2-.89-3-1.37-1.49-.72-3-1.56-4.77-2.56-1.5-.88-2.71-1.64-3.83-2.39-.9-.61-1.8-1.26-2.68-1.92a70.154 70.154 0 0 1-5.08-4.19 69.21 69.21 0 0 1-8.4-9.17c-.92-1.2-1.68-2.25-2.35-3.24a70.747 70.747 0 0 1-3.44-5.64 68.29 68.29 0 0 1-8.29-32.55V142.13a68.26 68.26 0 0 1 8.29-32.55c1-1.92 2.21-3.82 3.44-5.64s2.55-3.58 4-5.27a69.26 69.26 0 0 1 14.49-13.25C50.37 84.19 52.27 83 54.2 82A67.59 67.59 0 0 1 73 75.09a68.75 68.75 0 0 1 13.75-1.39h169.66L263 55.39H86.75A86.84 86.84 0 0 0 0 142.13v196.09A86.84 86.84 0 0 0 86.75 425h11.32v-18.35H86.75A68.75 68.75 0 0 1 73 405.26zM368.55 60.85l-1.41-.53-6.41 17.18 1.41.53a68.06 68.06 0 0 1 8.66 4c1.93 1 3.82 2.2 5.65 3.43A69.19 69.19 0 0 1 391 98.67c1.4 1.68 2.72 3.46 3.95 5.27s2.39 3.72 3.44 5.64a68.29 68.29 0 0 1 8.29 32.55v264.52H233.55l-.44.76c-3.07 5.37-6.26 10.48-9.49 15.19L222 425h203V142.13a87.2 87.2 0 0 0-56.45-81.28z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M119.8 408.28v46c28.49-1.12 50.73-10.6 69.61-29.58 19.45-19.55 36.17-50 52.61-96L363.94 1.9H305l-98.25 272.89-48.86-153h-54l71.7 184.18a75.67 75.67 0 0 1 0 55.12c-7.3 18.68-20.25 40.66-55.79 47.19z",
+    stroke: "#000",
+    strokeMiterlimit: "10",
+    strokeWidth: "3.81"
+  }));
+};
+//# sourceMappingURL=YoastIcon.js.map