Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
formidable-oss-badges
Advanced tools
formidable-oss-badges - npm Package Compare versions
Comparing version 0.3.0 to 0.3.1
| # formidable-oss-badges Changelog | ||
| ## 0.3.1 (2020-03-16) | ||
| - [#25](https://github.com/FormidableLabs/formidable-oss-badges/pull/25) tweak project badge styles and bring back hover | ||
| ## 0.3.0 (2020-03-04) | ||
@@ -4,0 +8,0 @@ |
@@ -7,15 +7,6 @@ 'use strict'; | ||
| var styled = require('styled-components'); | ||
| var styled__default = _interopDefault(styled); | ||
| var React = _interopDefault(require('react')); | ||
| var styled = _interopDefault(require('styled-components')); | ||
| var PropTypes = _interopDefault(require('prop-types')); | ||
| var abbreviationYAxisFn = function abbreviationYAxisFn(abb) { | ||
| /* For letters with descenders (part of a letter that extends below the font's baseline), | ||
| we need more space below the letter to stop overlap with the rest of the SVG */ | ||
| var doesAbbrContainDescender = RegExp("[gjpqy]").test(abb); | ||
| return doesAbbrContainDescender ? "50%" : "52%"; | ||
| }; | ||
| var reducerFn = function reducerFn(acc, cur, idx, src) { | ||
@@ -32,3 +23,3 @@ // If first word, just add to acc | ||
| // If not, just Array.prototype.concat it | ||
| if (currentLength + prevLength <= 10) { | ||
| if (currentLength + prevLength <= 12) { | ||
| var joinedWord = acc.pop() + " " + cur; | ||
@@ -96,30 +87,30 @@ return acc.concat(joinedWord); | ||
| var _templateObject = taggedTemplateLiteralLoose([""], [""]); | ||
| var _templateObject2 = taggedTemplateLiteralLoose(["\n 0% {\n opacity: 0.4;\n }\n 60% {\n opacity: 0.1;\n }\n 75% {\n opacity: 0.1;\n }\n 85% {\n opacity: 0.5;\n }\n 100% {\n opacity: 0.4;\n }\n"], ["\n 0% {\n opacity: 0.4;\n }\n 60% {\n opacity: 0.1;\n }\n 75% {\n opacity: 0.1;\n }\n 85% {\n opacity: 0.5;\n }\n 100% {\n opacity: 0.4;\n }\n"]); | ||
| var _templateObject3 = taggedTemplateLiteralLoose(["\n 0% {\n opacity: 0.7;\n }\n 60% {\n opacity: 0.4;\n }\n 75% {\n opacity: 0.4;\n }\n 85% {\n opacity: 0.8;\n }\n 100% {\n opacity: 0.7;\n }\n"], ["\n 0% {\n opacity: 0.7;\n }\n 60% {\n opacity: 0.4;\n }\n 75% {\n opacity: 0.4;\n }\n 85% {\n opacity: 0.8;\n }\n 100% {\n opacity: 0.7;\n }\n"]); | ||
| var _templateObject4 = taggedTemplateLiteralLoose(["\n &:hover ", " {\n animation: ", " 1s;\n }\n &:hover ", " {\n animation: ", " 1s;\n }\n"], ["\n &:hover ", " {\n animation: ", " 1s;\n }\n &:hover ", " {\n animation: ", " 1s;\n }\n"]); | ||
| var _templateObject = taggedTemplateLiteralLoose(["\n transition: 0.3s;\n"], ["\n transition: 0.3s;\n"]); | ||
| var _templateObject2 = taggedTemplateLiteralLoose(["\n &:hover ", " {\n opacity: 0.45;\n }\n &:hover ", " {\n opacity: 0.55;\n }\n"], ["\n &:hover ", " {\n opacity: 0.45;\n }\n &:hover ", " {\n opacity: 0.55;\n }\n"]); | ||
| var MiddleRing = styled__default.path(_templateObject); | ||
| var InnerRing = styled__default.path(_templateObject); | ||
| var BLACK = "#202020"; | ||
| var BASE_Y = 58; | ||
| var innerKF = styled.keyframes(_templateObject2); | ||
| var OuterRing = styled.path(_templateObject); | ||
| var InnerRing = styled.path(_templateObject); | ||
| var middleKF = styled.keyframes(_templateObject3); | ||
| var Svg = styled__default.svg(_templateObject4, MiddleRing, middleKF, InnerRing, innerKF); | ||
| var Svg = styled.svg(_templateObject2, OuterRing, InnerRing); | ||
| // ProjectBadge can accept SVG as children in that case it will | ||
| // replace the abbreviation with the children | ||
| var ProjectBadge = function ProjectBadge(_ref) { | ||
| var _ref$color = _ref.color, | ||
| color = _ref$color === undefined ? "#FFFFFF" : _ref$color, | ||
| abbreviation = _ref.abbreviation, | ||
| description = _ref.description, | ||
| className = _ref.className, | ||
| children = _ref.children; | ||
| var includesDescender = function includesDescender(str) { | ||
| return RegExp("[gjpqy]").test(str); | ||
| }; | ||
| var descriptionArr = description && description.split(" ").reduce(reducerFn, []); | ||
| var getDescription = function getDescription(props) { | ||
| var abbreviation = props.abbreviation, | ||
| description = props.description; | ||
| var descriptionText = descriptionArr && descriptionArr.map(function (word, idx, array) { | ||
| if (!description || !description.length) { | ||
| return null; | ||
| } | ||
| var descYAxis = includesDescender(abbreviation) ? BASE_Y + 15 : BASE_Y + 11; | ||
| var longDesc = description && description.length > 11; | ||
| var descriptionArr = description.split(" ").reduce(reducerFn, []); | ||
| return descriptionArr.map(function (word, idx) { | ||
| var _React$createElement; | ||
@@ -132,15 +123,21 @@ | ||
| x: "50%", | ||
| y: (array.length === 1 ? 74 : 70 + idx * 6) + "%", | ||
| fontFamily: "Helvetica", | ||
| fontSize: "" + (array.length === 1 ? "44" : "36"), | ||
| y: descYAxis + (longDesc ? 0 : 2) + idx * 8 + "%", | ||
| fontFamily: "Helvetica-Bold, Helvetica, sans-serif", | ||
| fontSize: "" + (longDesc ? "38" : "44"), | ||
| letterSpacing: 1.8, | ||
| fill: "#202020", | ||
| fill: BLACK, | ||
| fontWeight: "bold" | ||
| }, _React$createElement["letterSpacing"] = 1, _React$createElement.textAnchor = "middle", _React$createElement), | ||
| }, _React$createElement["letterSpacing"] = longDesc ? 0.5 : 1, _React$createElement.textAnchor = "middle", _React$createElement), | ||
| word.toUpperCase() | ||
| ); | ||
| }); | ||
| }; | ||
| var abbrYAxis = abbreviationYAxisFn(abbreviation); | ||
| var ProjectBadge = function ProjectBadge(props) { | ||
| var _props$color = props.color, | ||
| color = _props$color === undefined ? "#FFFFFF" : _props$color, | ||
| abbreviation = props.abbreviation, | ||
| children = props.children; | ||
| var abbrYAxis = includesDescender(abbreviation) ? BASE_Y : BASE_Y + 2; | ||
| return React.createElement( | ||
@@ -159,12 +156,12 @@ React.Fragment, | ||
| }), | ||
| React.createElement("path", { | ||
| React.createElement(InnerRing, { | ||
| d: "M327.97 42.47a68.877 68.877 0 00-56.109.037l-196.786 87.92c-23.663 10.572-38.9 34.067-38.9 59.985v213.356c0 26.74 15.739 50.973 40.167 61.848l195.557 87.055a68.877 68.877 0 0056.006.008l195.732-87.07c24.437-10.872 40.184-35.11 40.184-61.856v-212.32c0-26.738-15.738-50.972-40.166-61.847L327.97 42.47z", | ||
| strokeOpacity: 0.3, | ||
| stroke: "#202020", | ||
| stroke: BLACK, | ||
| strokeWidth: 24.247 | ||
| }), | ||
| React.createElement("path", { | ||
| React.createElement(OuterRing, { | ||
| d: "M337.399 20.368a92.026 92.026 0 00-74.798 0l-195.97 87.165c-33.221 14.775-54.628 47.725-54.628 84.083v211.961c0 36.358 21.407 69.308 54.627 84.084l195.971 87.164a92.026 92.026 0 0074.798 0l195.97-87.164c33.221-14.776 54.628-47.726 54.628-84.084v-211.96c0-36.359-21.407-69.309-54.627-84.084L337.399 20.368z", | ||
| strokeOpacity: 0.6, | ||
| stroke: "#202020", | ||
| stroke: BLACK, | ||
| strokeWidth: 24.007 | ||
@@ -175,4 +172,4 @@ }), | ||
| { | ||
| fill: "#202020", | ||
| fontFamily: "Helvetica", | ||
| fill: BLACK, | ||
| fontFamily: "Helvetica, sans-serif", | ||
| fontSize: 230, | ||
@@ -182,7 +179,7 @@ letterSpacing: -5.5, | ||
| x: "50%", | ||
| y: abbrYAxis | ||
| y: abbrYAxis + "%" | ||
| }, | ||
| abbreviation | ||
| ), | ||
| descriptionText | ||
| getDescription(props) | ||
| ) | ||
@@ -205,3 +202,3 @@ ) | ||
| React.createElement( | ||
| Svg, | ||
| "svg", | ||
| { viewBox: "0 0 600 595" }, | ||
@@ -208,0 +205,0 @@ React.createElement( |
@@ -1,13 +0,5 @@ | ||
| import styled, { keyframes } from 'styled-components'; | ||
| import React from 'react'; | ||
| import styled from 'styled-components'; | ||
| import PropTypes from 'prop-types'; | ||
| var abbreviationYAxisFn = function abbreviationYAxisFn(abb) { | ||
| /* For letters with descenders (part of a letter that extends below the font's baseline), | ||
| we need more space below the letter to stop overlap with the rest of the SVG */ | ||
| var doesAbbrContainDescender = RegExp("[gjpqy]").test(abb); | ||
| return doesAbbrContainDescender ? "50%" : "52%"; | ||
| }; | ||
| var reducerFn = function reducerFn(acc, cur, idx, src) { | ||
@@ -24,3 +16,3 @@ // If first word, just add to acc | ||
| // If not, just Array.prototype.concat it | ||
| if (currentLength + prevLength <= 10) { | ||
| if (currentLength + prevLength <= 12) { | ||
| var joinedWord = acc.pop() + " " + cur; | ||
@@ -88,30 +80,30 @@ return acc.concat(joinedWord); | ||
| var _templateObject = taggedTemplateLiteralLoose([""], [""]); | ||
| var _templateObject2 = taggedTemplateLiteralLoose(["\n 0% {\n opacity: 0.4;\n }\n 60% {\n opacity: 0.1;\n }\n 75% {\n opacity: 0.1;\n }\n 85% {\n opacity: 0.5;\n }\n 100% {\n opacity: 0.4;\n }\n"], ["\n 0% {\n opacity: 0.4;\n }\n 60% {\n opacity: 0.1;\n }\n 75% {\n opacity: 0.1;\n }\n 85% {\n opacity: 0.5;\n }\n 100% {\n opacity: 0.4;\n }\n"]); | ||
| var _templateObject3 = taggedTemplateLiteralLoose(["\n 0% {\n opacity: 0.7;\n }\n 60% {\n opacity: 0.4;\n }\n 75% {\n opacity: 0.4;\n }\n 85% {\n opacity: 0.8;\n }\n 100% {\n opacity: 0.7;\n }\n"], ["\n 0% {\n opacity: 0.7;\n }\n 60% {\n opacity: 0.4;\n }\n 75% {\n opacity: 0.4;\n }\n 85% {\n opacity: 0.8;\n }\n 100% {\n opacity: 0.7;\n }\n"]); | ||
| var _templateObject4 = taggedTemplateLiteralLoose(["\n &:hover ", " {\n animation: ", " 1s;\n }\n &:hover ", " {\n animation: ", " 1s;\n }\n"], ["\n &:hover ", " {\n animation: ", " 1s;\n }\n &:hover ", " {\n animation: ", " 1s;\n }\n"]); | ||
| var _templateObject = taggedTemplateLiteralLoose(["\n transition: 0.3s;\n"], ["\n transition: 0.3s;\n"]); | ||
| var _templateObject2 = taggedTemplateLiteralLoose(["\n &:hover ", " {\n opacity: 0.45;\n }\n &:hover ", " {\n opacity: 0.55;\n }\n"], ["\n &:hover ", " {\n opacity: 0.45;\n }\n &:hover ", " {\n opacity: 0.55;\n }\n"]); | ||
| var MiddleRing = styled.path(_templateObject); | ||
| var BLACK = "#202020"; | ||
| var BASE_Y = 58; | ||
| var OuterRing = styled.path(_templateObject); | ||
| var InnerRing = styled.path(_templateObject); | ||
| var innerKF = keyframes(_templateObject2); | ||
| var middleKF = keyframes(_templateObject3); | ||
| var Svg = styled.svg(_templateObject4, MiddleRing, middleKF, InnerRing, innerKF); | ||
| var Svg = styled.svg(_templateObject2, OuterRing, InnerRing); | ||
| // ProjectBadge can accept SVG as children in that case it will | ||
| // replace the abbreviation with the children | ||
| var ProjectBadge = function ProjectBadge(_ref) { | ||
| var _ref$color = _ref.color, | ||
| color = _ref$color === undefined ? "#FFFFFF" : _ref$color, | ||
| abbreviation = _ref.abbreviation, | ||
| description = _ref.description, | ||
| className = _ref.className, | ||
| children = _ref.children; | ||
| var includesDescender = function includesDescender(str) { | ||
| return RegExp("[gjpqy]").test(str); | ||
| }; | ||
| var descriptionArr = description && description.split(" ").reduce(reducerFn, []); | ||
| var getDescription = function getDescription(props) { | ||
| var abbreviation = props.abbreviation, | ||
| description = props.description; | ||
| var descriptionText = descriptionArr && descriptionArr.map(function (word, idx, array) { | ||
| if (!description || !description.length) { | ||
| return null; | ||
| } | ||
| var descYAxis = includesDescender(abbreviation) ? BASE_Y + 15 : BASE_Y + 11; | ||
| var longDesc = description && description.length > 11; | ||
| var descriptionArr = description.split(" ").reduce(reducerFn, []); | ||
| return descriptionArr.map(function (word, idx) { | ||
| var _React$createElement; | ||
@@ -124,15 +116,21 @@ | ||
| x: "50%", | ||
| y: (array.length === 1 ? 74 : 70 + idx * 6) + "%", | ||
| fontFamily: "Helvetica", | ||
| fontSize: "" + (array.length === 1 ? "44" : "36"), | ||
| y: descYAxis + (longDesc ? 0 : 2) + idx * 8 + "%", | ||
| fontFamily: "Helvetica-Bold, Helvetica, sans-serif", | ||
| fontSize: "" + (longDesc ? "38" : "44"), | ||
| letterSpacing: 1.8, | ||
| fill: "#202020", | ||
| fill: BLACK, | ||
| fontWeight: "bold" | ||
| }, _React$createElement["letterSpacing"] = 1, _React$createElement.textAnchor = "middle", _React$createElement), | ||
| }, _React$createElement["letterSpacing"] = longDesc ? 0.5 : 1, _React$createElement.textAnchor = "middle", _React$createElement), | ||
| word.toUpperCase() | ||
| ); | ||
| }); | ||
| }; | ||
| var abbrYAxis = abbreviationYAxisFn(abbreviation); | ||
| var ProjectBadge = function ProjectBadge(props) { | ||
| var _props$color = props.color, | ||
| color = _props$color === undefined ? "#FFFFFF" : _props$color, | ||
| abbreviation = props.abbreviation, | ||
| children = props.children; | ||
| var abbrYAxis = includesDescender(abbreviation) ? BASE_Y : BASE_Y + 2; | ||
| return React.createElement( | ||
@@ -151,12 +149,12 @@ React.Fragment, | ||
| }), | ||
| React.createElement("path", { | ||
| React.createElement(InnerRing, { | ||
| d: "M327.97 42.47a68.877 68.877 0 00-56.109.037l-196.786 87.92c-23.663 10.572-38.9 34.067-38.9 59.985v213.356c0 26.74 15.739 50.973 40.167 61.848l195.557 87.055a68.877 68.877 0 0056.006.008l195.732-87.07c24.437-10.872 40.184-35.11 40.184-61.856v-212.32c0-26.738-15.738-50.972-40.166-61.847L327.97 42.47z", | ||
| strokeOpacity: 0.3, | ||
| stroke: "#202020", | ||
| stroke: BLACK, | ||
| strokeWidth: 24.247 | ||
| }), | ||
| React.createElement("path", { | ||
| React.createElement(OuterRing, { | ||
| d: "M337.399 20.368a92.026 92.026 0 00-74.798 0l-195.97 87.165c-33.221 14.775-54.628 47.725-54.628 84.083v211.961c0 36.358 21.407 69.308 54.627 84.084l195.971 87.164a92.026 92.026 0 0074.798 0l195.97-87.164c33.221-14.776 54.628-47.726 54.628-84.084v-211.96c0-36.359-21.407-69.309-54.627-84.084L337.399 20.368z", | ||
| strokeOpacity: 0.6, | ||
| stroke: "#202020", | ||
| stroke: BLACK, | ||
| strokeWidth: 24.007 | ||
@@ -167,4 +165,4 @@ }), | ||
| { | ||
| fill: "#202020", | ||
| fontFamily: "Helvetica", | ||
| fill: BLACK, | ||
| fontFamily: "Helvetica, sans-serif", | ||
| fontSize: 230, | ||
@@ -174,7 +172,7 @@ letterSpacing: -5.5, | ||
| x: "50%", | ||
| y: abbrYAxis | ||
| y: abbrYAxis + "%" | ||
| }, | ||
| abbreviation | ||
| ), | ||
| descriptionText | ||
| getDescription(props) | ||
| ) | ||
@@ -197,3 +195,3 @@ ) | ||
| React.createElement( | ||
| Svg, | ||
| "svg", | ||
| { viewBox: "0 0 600 595" }, | ||
@@ -200,0 +198,0 @@ React.createElement( |
| (function (global, factory) { | ||
| typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('styled-components'), require('react'), require('prop-types')) : | ||
| typeof define === 'function' && define.amd ? define(['exports', 'styled-components', 'react', 'prop-types'], factory) : | ||
| (factory((global.ProjectBadges = {}),global.styled,global.React,global.PropTypes)); | ||
| }(this, (function (exports,styled,React,PropTypes) { 'use strict'; | ||
| typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('styled-components'), require('prop-types')) : | ||
| typeof define === 'function' && define.amd ? define(['exports', 'react', 'styled-components', 'prop-types'], factory) : | ||
| (factory((global.ProjectBadges = {}),global.React,global.styled,global.PropTypes)); | ||
| }(this, (function (exports,React,styled,PropTypes) { 'use strict'; | ||
| var styled__default = 'default' in styled ? styled['default'] : styled; | ||
| React = React && React.hasOwnProperty('default') ? React['default'] : React; | ||
| styled = styled && styled.hasOwnProperty('default') ? styled['default'] : styled; | ||
| PropTypes = PropTypes && PropTypes.hasOwnProperty('default') ? PropTypes['default'] : PropTypes; | ||
| var abbreviationYAxisFn = function abbreviationYAxisFn(abb) { | ||
| /* For letters with descenders (part of a letter that extends below the font's baseline), | ||
| we need more space below the letter to stop overlap with the rest of the SVG */ | ||
| var doesAbbrContainDescender = RegExp("[gjpqy]").test(abb); | ||
| return doesAbbrContainDescender ? "50%" : "52%"; | ||
| }; | ||
| var reducerFn = function reducerFn(acc, cur, idx, src) { | ||
@@ -30,3 +22,3 @@ // If first word, just add to acc | ||
| // If not, just Array.prototype.concat it | ||
| if (currentLength + prevLength <= 10) { | ||
| if (currentLength + prevLength <= 12) { | ||
| var joinedWord = acc.pop() + " " + cur; | ||
@@ -94,30 +86,30 @@ return acc.concat(joinedWord); | ||
| var _templateObject = taggedTemplateLiteralLoose([""], [""]); | ||
| var _templateObject2 = taggedTemplateLiteralLoose(["\n 0% {\n opacity: 0.4;\n }\n 60% {\n opacity: 0.1;\n }\n 75% {\n opacity: 0.1;\n }\n 85% {\n opacity: 0.5;\n }\n 100% {\n opacity: 0.4;\n }\n"], ["\n 0% {\n opacity: 0.4;\n }\n 60% {\n opacity: 0.1;\n }\n 75% {\n opacity: 0.1;\n }\n 85% {\n opacity: 0.5;\n }\n 100% {\n opacity: 0.4;\n }\n"]); | ||
| var _templateObject3 = taggedTemplateLiteralLoose(["\n 0% {\n opacity: 0.7;\n }\n 60% {\n opacity: 0.4;\n }\n 75% {\n opacity: 0.4;\n }\n 85% {\n opacity: 0.8;\n }\n 100% {\n opacity: 0.7;\n }\n"], ["\n 0% {\n opacity: 0.7;\n }\n 60% {\n opacity: 0.4;\n }\n 75% {\n opacity: 0.4;\n }\n 85% {\n opacity: 0.8;\n }\n 100% {\n opacity: 0.7;\n }\n"]); | ||
| var _templateObject4 = taggedTemplateLiteralLoose(["\n &:hover ", " {\n animation: ", " 1s;\n }\n &:hover ", " {\n animation: ", " 1s;\n }\n"], ["\n &:hover ", " {\n animation: ", " 1s;\n }\n &:hover ", " {\n animation: ", " 1s;\n }\n"]); | ||
| var _templateObject = taggedTemplateLiteralLoose(["\n transition: 0.3s;\n"], ["\n transition: 0.3s;\n"]); | ||
| var _templateObject2 = taggedTemplateLiteralLoose(["\n &:hover ", " {\n opacity: 0.45;\n }\n &:hover ", " {\n opacity: 0.55;\n }\n"], ["\n &:hover ", " {\n opacity: 0.45;\n }\n &:hover ", " {\n opacity: 0.55;\n }\n"]); | ||
| var MiddleRing = styled__default.path(_templateObject); | ||
| var InnerRing = styled__default.path(_templateObject); | ||
| var BLACK = "#202020"; | ||
| var BASE_Y = 58; | ||
| var innerKF = styled.keyframes(_templateObject2); | ||
| var OuterRing = styled.path(_templateObject); | ||
| var InnerRing = styled.path(_templateObject); | ||
| var middleKF = styled.keyframes(_templateObject3); | ||
| var Svg = styled__default.svg(_templateObject4, MiddleRing, middleKF, InnerRing, innerKF); | ||
| var Svg = styled.svg(_templateObject2, OuterRing, InnerRing); | ||
| // ProjectBadge can accept SVG as children in that case it will | ||
| // replace the abbreviation with the children | ||
| var ProjectBadge = function ProjectBadge(_ref) { | ||
| var _ref$color = _ref.color, | ||
| color = _ref$color === undefined ? "#FFFFFF" : _ref$color, | ||
| abbreviation = _ref.abbreviation, | ||
| description = _ref.description, | ||
| className = _ref.className, | ||
| children = _ref.children; | ||
| var includesDescender = function includesDescender(str) { | ||
| return RegExp("[gjpqy]").test(str); | ||
| }; | ||
| var descriptionArr = description && description.split(" ").reduce(reducerFn, []); | ||
| var getDescription = function getDescription(props) { | ||
| var abbreviation = props.abbreviation, | ||
| description = props.description; | ||
| var descriptionText = descriptionArr && descriptionArr.map(function (word, idx, array) { | ||
| if (!description || !description.length) { | ||
| return null; | ||
| } | ||
| var descYAxis = includesDescender(abbreviation) ? BASE_Y + 15 : BASE_Y + 11; | ||
| var longDesc = description && description.length > 11; | ||
| var descriptionArr = description.split(" ").reduce(reducerFn, []); | ||
| return descriptionArr.map(function (word, idx) { | ||
| var _React$createElement; | ||
@@ -130,15 +122,21 @@ | ||
| x: "50%", | ||
| y: (array.length === 1 ? 74 : 70 + idx * 6) + "%", | ||
| fontFamily: "Helvetica", | ||
| fontSize: "" + (array.length === 1 ? "44" : "36"), | ||
| y: descYAxis + (longDesc ? 0 : 2) + idx * 8 + "%", | ||
| fontFamily: "Helvetica-Bold, Helvetica, sans-serif", | ||
| fontSize: "" + (longDesc ? "38" : "44"), | ||
| letterSpacing: 1.8, | ||
| fill: "#202020", | ||
| fill: BLACK, | ||
| fontWeight: "bold" | ||
| }, _React$createElement["letterSpacing"] = 1, _React$createElement.textAnchor = "middle", _React$createElement), | ||
| }, _React$createElement["letterSpacing"] = longDesc ? 0.5 : 1, _React$createElement.textAnchor = "middle", _React$createElement), | ||
| word.toUpperCase() | ||
| ); | ||
| }); | ||
| }; | ||
| var abbrYAxis = abbreviationYAxisFn(abbreviation); | ||
| var ProjectBadge = function ProjectBadge(props) { | ||
| var _props$color = props.color, | ||
| color = _props$color === undefined ? "#FFFFFF" : _props$color, | ||
| abbreviation = props.abbreviation, | ||
| children = props.children; | ||
| var abbrYAxis = includesDescender(abbreviation) ? BASE_Y : BASE_Y + 2; | ||
| return React.createElement( | ||
@@ -157,12 +155,12 @@ React.Fragment, | ||
| }), | ||
| React.createElement("path", { | ||
| React.createElement(InnerRing, { | ||
| d: "M327.97 42.47a68.877 68.877 0 00-56.109.037l-196.786 87.92c-23.663 10.572-38.9 34.067-38.9 59.985v213.356c0 26.74 15.739 50.973 40.167 61.848l195.557 87.055a68.877 68.877 0 0056.006.008l195.732-87.07c24.437-10.872 40.184-35.11 40.184-61.856v-212.32c0-26.738-15.738-50.972-40.166-61.847L327.97 42.47z", | ||
| strokeOpacity: 0.3, | ||
| stroke: "#202020", | ||
| stroke: BLACK, | ||
| strokeWidth: 24.247 | ||
| }), | ||
| React.createElement("path", { | ||
| React.createElement(OuterRing, { | ||
| d: "M337.399 20.368a92.026 92.026 0 00-74.798 0l-195.97 87.165c-33.221 14.775-54.628 47.725-54.628 84.083v211.961c0 36.358 21.407 69.308 54.627 84.084l195.971 87.164a92.026 92.026 0 0074.798 0l195.97-87.164c33.221-14.776 54.628-47.726 54.628-84.084v-211.96c0-36.359-21.407-69.309-54.627-84.084L337.399 20.368z", | ||
| strokeOpacity: 0.6, | ||
| stroke: "#202020", | ||
| stroke: BLACK, | ||
| strokeWidth: 24.007 | ||
@@ -173,4 +171,4 @@ }), | ||
| { | ||
| fill: "#202020", | ||
| fontFamily: "Helvetica", | ||
| fill: BLACK, | ||
| fontFamily: "Helvetica, sans-serif", | ||
| fontSize: 230, | ||
@@ -180,7 +178,7 @@ letterSpacing: -5.5, | ||
| x: "50%", | ||
| y: abbrYAxis | ||
| y: abbrYAxis + "%" | ||
| }, | ||
| abbreviation | ||
| ), | ||
| descriptionText | ||
| getDescription(props) | ||
| ) | ||
@@ -203,3 +201,3 @@ ) | ||
| React.createElement( | ||
| Svg, | ||
| "svg", | ||
| { viewBox: "0 0 600 595" }, | ||
@@ -206,0 +204,0 @@ React.createElement( |
@@ -1,1 +0,1 @@ | ||
| !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("styled-components"),require("react"),require("prop-types")):"function"==typeof define&&define.amd?define(["exports","styled-components","react","prop-types"],t):t(e.ProjectBadges={},e.styled,e.React,e.PropTypes)}(this,function(e,t,l,a){"use strict";var n="default"in t?t.default:t;l=l&&l.hasOwnProperty("default")?l.default:l,a=a&&a.hasOwnProperty("default")?a.default:a;var c=function(e){return RegExp("[gjpqy]").test(e)?"50%":"52%"},r=function(e,t,l,a){if(0===l)return e.concat(t);if(t.length+e[e.length-1].length<=10){var n=e.pop()+" "+t;return e.concat(n)}return e.concat(t)},i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},o=function(e,t){var l={};for(var a in e)t.indexOf(a)>=0||Object.prototype.hasOwnProperty.call(e,a)&&(l[a]=e[a]);return l},f=function(e,t){return e.raw=t,e},m=f([""],[""]),s=f(["\n 0% {\n opacity: 0.4;\n }\n 60% {\n opacity: 0.1;\n }\n 75% {\n opacity: 0.1;\n }\n 85% {\n opacity: 0.5;\n }\n 100% {\n opacity: 0.4;\n }\n"],["\n 0% {\n opacity: 0.4;\n }\n 60% {\n opacity: 0.1;\n }\n 75% {\n opacity: 0.1;\n }\n 85% {\n opacity: 0.5;\n }\n 100% {\n opacity: 0.4;\n }\n"]),p=f(["\n 0% {\n opacity: 0.7;\n }\n 60% {\n opacity: 0.4;\n }\n 75% {\n opacity: 0.4;\n }\n 85% {\n opacity: 0.8;\n }\n 100% {\n opacity: 0.7;\n }\n"],["\n 0% {\n opacity: 0.7;\n }\n 60% {\n opacity: 0.4;\n }\n 75% {\n opacity: 0.4;\n }\n 85% {\n opacity: 0.8;\n }\n 100% {\n opacity: 0.7;\n }\n"]),d=f(["\n &:hover "," {\n animation: "," 1s;\n }\n &:hover "," {\n animation: "," 1s;\n }\n"],["\n &:hover "," {\n animation: "," 1s;\n }\n &:hover "," {\n animation: "," 1s;\n }\n"]),h=n.path(m),E=n.path(m),v=t.keyframes(s),F=t.keyframes(p),u=n.svg(d,h,F,E,v),y=function(e){var t=e.color,a=void 0===t?"#FFFFFF":t,n=e.abbreviation,i=e.description,o=(e.className,e.children),f=i&&i.split(" ").reduce(r,[]),m=f&&f.map(function(e,t,a){var n;return l.createElement("text",(n={key:"description-"+t,x:"50%",y:(1===a.length?74:70+6*t)+"%",fontFamily:"Helvetica",fontSize:1===a.length?"44":"36",letterSpacing:1.8,fill:"#202020",fontWeight:"bold"},n.letterSpacing=1,n.textAnchor="middle",n),e.toUpperCase())}),s=c(n);return l.createElement(l.Fragment,null,l.createElement(u,{viewBox:"0 0 600 595"},l.createElement("g",{fill:"none",fillRule:"evenodd"},l.createElement("path",{d:"M342.277 9.4l195.971 87.165C575.801 113.268 600 150.515 600 191.616v211.961c0 41.1-24.199 78.348-61.752 95.051l-195.971 87.165a104.029 104.029 0 01-84.554 0L61.752 498.628C24.199 481.925 0 444.678 0 403.578V191.615c0-41.1 24.199-78.348 61.752-95.05L257.723 9.4a104.029 104.029 0 0184.554 0z",fill:a}),l.createElement("path",{d:"M327.97 42.47a68.877 68.877 0 00-56.109.037l-196.786 87.92c-23.663 10.572-38.9 34.067-38.9 59.985v213.356c0 26.74 15.739 50.973 40.167 61.848l195.557 87.055a68.877 68.877 0 0056.006.008l195.732-87.07c24.437-10.872 40.184-35.11 40.184-61.856v-212.32c0-26.738-15.738-50.972-40.166-61.847L327.97 42.47z",strokeOpacity:.3,stroke:"#202020",strokeWidth:24.247}),l.createElement("path",{d:"M337.399 20.368a92.026 92.026 0 00-74.798 0l-195.97 87.165c-33.221 14.775-54.628 47.725-54.628 84.083v211.961c0 36.358 21.407 69.308 54.627 84.084l195.971 87.164a92.026 92.026 0 0074.798 0l195.97-87.164c33.221-14.776 54.628-47.726 54.628-84.084v-211.96c0-36.359-21.407-69.309-54.627-84.084L337.399 20.368z",strokeOpacity:.6,stroke:"#202020",strokeWidth:24.007}),o||l.createElement("text",{fill:"#202020",fontFamily:"Helvetica",fontSize:230,letterSpacing:-5.5,textAnchor:"middle",x:"50%",y:s},n),m)))},M=function(e){var t=e.color,a=void 0===t?"#202020":t,n=(e.className,e.children);return l.createElement(l.Fragment,null,l.createElement(u,{viewBox:"0 0 600 595"},l.createElement("g",{fill:"none",fillRule:"evenodd"},l.createElement("path",{d:"M342.277 9.4l195.971 87.165C575.801 113.268 600 150.515 600 191.616v211.961c0 41.1-24.199 78.348-61.752 95.051l-195.971 87.165a104.029 104.029 0 01-84.554 0L61.752 498.628C24.199 481.925 0 444.678 0 403.578V191.615c0-41.1 24.199-78.348 61.752-95.05L257.723 9.4a104.029 104.029 0 0184.554 0z",fill:"#1F1F1F"}),l.createElement("path",{d:"M337.399 20.368a92.026 92.026 0 00-74.798 0l-195.97 87.165c-33.221 14.775-54.628 47.725-54.628 84.083v211.961c0 36.358 21.407 69.308 54.627 84.084l195.971 87.164a92.026 92.026 0 0074.798 0l195.97-87.164c33.221-14.776 54.628-47.726 54.628-84.084v-211.96c0-36.359-21.407-69.309-54.627-84.084L337.399 20.368z",strokeOpacity:.6,stroke:a,strokeWidth:24.007}),n)))},z={renature:function(e){e.styles;var t=o(e,["styles"]);return l.createElement("svg",i({viewBox:"0 0 604 598",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},t),l.createElement("defs",null,l.createElement("circle",{id:"a",cx:"98.239",cy:"98.239",r:"98.239"})),l.createElement("g",{fill:"none",fillRule:"evenodd"},l.createElement("path",{d:"M344.08 9.423l197.004 87.624c37.75 16.79 62.077 54.234 62.077 95.551v213.078c0 41.317-24.326 78.76-62.077 95.552L344.08 588.852a104.577 104.577 0 01-85 0L62.078 501.228C24.327 484.437 0 446.993 0 405.676V192.598c0-41.317 24.326-78.76 62.077-95.551L259.081 9.423a104.577 104.577 0 0185 0z",fill:"#202020",fillRule:"nonzero"}),l.createElement("path",{d:"M334.02 43.503a80.297 80.297 0 00-65.083 0l-192.154 85.18c-24.973 11.07-41.074 35.82-41.074 63.136v214.828c0 27.317 16.1 52.066 41.074 63.136l192.154 85.18a80.297 80.297 0 0065.082 0l192.155-85.18c24.973-11.07 41.074-35.82 41.074-63.136V191.82c0-27.317-16.101-52.066-41.074-63.136l-192.155-85.18z",stroke:"#9580FF",strokeWidth:"24.374",opacity:".499"}),l.createElement("path",{d:"M339.176 20.448a92.51 92.51 0 00-75.191 0L66.98 108.072c-33.395 14.853-54.914 47.977-54.914 84.526v213.078c0 36.55 21.519 69.673 54.914 84.527l197.004 87.623a92.51 92.51 0 0075.191 0l197.004-87.623c33.395-14.854 54.914-47.977 54.914-84.527V192.598c0-36.55-21.519-69.673-54.914-84.526L339.176 20.448z",stroke:"#9580FF",strokeWidth:"24.133"}),l.createElement("text",{fill:"#9580FF",fontFamily:"Helvetica-Bold, Helvetica",fontSize:"51",fontWeight:"bold",letterSpacing:"2"},l.createElement("tspan",{x:"153",y:"455"},"RENATURE")),l.createElement("g",{transform:"rotate(-23.5 629.254 -64.262)"},l.createElement("ellipse",{fill:"#202020",fillRule:"nonzero",transform:"matrix(-1 0 0 1 393.732 0)",cx:"196.866",cy:"111.856",rx:"190.87",ry:"37.71"}),l.createElement("ellipse",{fill:"#202020",fillRule:"nonzero",transform:"matrix(-1 0 0 1 397.916 0)",cx:"198.958",cy:"107.879",rx:"198.54",ry:"41.719"}),l.createElement("circle",{cx:"98.239",cy:"98.239",r:"98.239",fill:"#D8D8D8",fillRule:"nonzero",transform:"translate(101.531 2.01)"}),l.createElement("g",{transform:"translate(101.531 2.01)"},l.createElement("mask",{id:"b",fill:"#fff"},l.createElement("use",{xlinkHref:"#a"})),l.createElement("g",{fillRule:"nonzero",mask:"url(#b)"},l.createElement("path",{fill:"#7860ED",d:"M0-2.707h200.732V180.62H0z"}),l.createElement("path",{d:"M22.056 51.675c50.903-4.814 105.932-4.733 165.086.24l5.718 34.59C140.834 90.37 85.284 85.494 26.21 71.879c-3.6-10.945-4.985-17.68-4.154-20.203z",fill:"#6C55D6"}),l.createElement("path",{d:"M17.457 37.389c74.036-11.322 125.479-14.658 154.33-10.01 30.388 2.922 36.904 11.96 19.546 27.112C103.745 49.355 40.135 51.486.502 60.884c-39.633 9.399-33.98 1.567 16.955-23.495zM-2.707 101.333c73.775 10.812 141.588 10.812 203.44 0 33.906 4.383 33.906 13.15 0 26.3H-2.708v-26.3z",fill:"#6551C5"}),l.createElement("path",{fill:"#6C55D6",d:"M2.144 123.936h194.334l-9.026 26.062L6.3 138.868zM1.16 12.763c52.171-9.476 107.12-7.508 164.847 5.905l20.462 20.157C140.373 26.829 79.989 23.119 5.315 27.695 1.715 19.605.33 14.628 1.16 12.763z"}))),l.createElement("path",{d:"M130.412 169.715c38.365 38.365 98.69 41.777 139.699.768 0 0-69.364 13.178-114.674-44.099-45.31-57.276 9.182-119.151 9.472-119.441-82.786 42.716-72.861 124.407-34.497 162.772z",fill:"#4C4086",fillRule:"nonzero"}),l.createElement("path",{d:"M134.193 163.696c38.364 38.364 98.689 41.777 139.698.767 0 0-69.363 13.178-114.674-44.098C113.907 63.088 167.41 5.774 167.7 5.484 84.914 48.2 95.828 125.33 134.193 163.696z",fill:"#1F1F1F",fillRule:"nonzero"}),l.createElement("circle",{stroke:"#1F1F1F",strokeWidth:"5.802",cx:"199.491",cy:"100.25",r:"98.239"}),l.createElement("path",{d:"M389.255 111.856c0 20.827-85.456 37.71-190.87 37.71-74.397 0-138.853-8.41-170.343-20.68 35.168 5.845 83.86 9.464 137.661 9.464 107.23 0 194.157-14.373 194.157-32.102 0-8.946-22.13-17.036-57.83-22.858a101.652 101.652 0 00-.751-3.302c52.913 6.705 87.976 18.427 87.976 31.768z",fill:"#202020",fillRule:"nonzero"}),l.createElement("path",{d:"M74.37 82.87l-.753.219c-15.8 4.605-24.885 9.994-24.885 15.754 0 15.551 66.21 28.4 152.05 30.404 85.058-2.127 150.44-14.911 150.44-30.365 0-5.76-9.084-11.15-24.884-15.754l-.754-.219c24.51 5.324 39.304 12.226 39.304 19.768 0 16.842-73.771 30.494-164.772 30.494-32.397 0-62.61-1.73-88.09-4.719a506.717 506.717 0 01-11.364-1.46c-39.844-5.566-65.596-14.404-65.596-24.354 0-7.542 14.794-14.444 39.304-19.767z",fill:"#D6CFF9",fillRule:"nonzero"}),l.createElement("path",{d:"M198.91 144.974c-105.414 0-190.869-16.883-190.869-37.71 0-13.34 35.063-25.063 87.976-31.767a101.654 101.654 0 00-.75 3.302c-35.702 5.82-57.832 13.912-57.832 22.857 0 15.932 70.193 29.153 162.235 31.67 92.043-2.518 162.235-15.738 162.235-31.67 0-8.945-22.13-17.036-57.831-22.857a101.652 101.652 0 00-.751-3.302c52.913 6.704 87.976 18.427 87.976 31.767 0 20.827-85.455 37.71-190.87 37.71h-1.518z",fill:"#B5ACE1",fillRule:"nonzero"}))))},victory:function(e){e.styles;var t=o(e,["styles"]);return l.createElement("svg",i({viewBox:"0 0 600 595",xmlns:"http://www.w3.org/2000/svg"},t),l.createElement("g",{fill:"none",fillRule:"evenodd"},l.createElement("path",{d:"M342.277 9.4l195.971 87.165C575.801 113.268 600 150.515 600 191.616v211.961c0 41.1-24.199 78.348-61.752 95.051l-195.971 87.165a104.029 104.029 0 01-84.554 0L61.752 498.628C24.199 481.925 0 444.678 0 403.578V191.615c0-41.1 24.199-78.348 61.752-95.05L257.723 9.4a104.029 104.029 0 0184.554 0z",fill:"#202020"}),l.createElement("path",{d:"M332.269 43.303a79.877 79.877 0 00-64.741 0L76.38 128.036c-24.842 11.012-40.858 35.632-40.858 62.805v213.702c0 27.174 16.016 51.793 40.858 62.805l191.148 84.734a79.877 79.877 0 0064.74 0l191.148-84.734c24.842-11.012 40.859-35.631 40.859-62.805V190.841c0-27.173-16.017-51.793-40.859-62.805L332.27 43.303z",stroke:"#FF684F",strokeWidth:"24.247",opacity:".499"}),l.createElement("path",{d:"M337.399 20.368a92.026 92.026 0 00-74.798 0l-195.97 87.165c-33.221 14.775-54.628 47.725-54.628 84.083v211.961c0 36.358 21.407 69.308 54.627 84.084l195.971 87.164a92.026 92.026 0 0074.798 0l195.97-87.164c33.221-14.776 54.628-47.726 54.628-84.084v-211.96c0-36.359-21.407-69.309-54.627-84.084L337.399 20.368z",stroke:"#FF684F",strokeWidth:"24.007"}),l.createElement("text",{fontFamily:"Helvetica-Bold, Helvetica",fontSize:"51",fontWeight:"bold",letterSpacing:"2",fill:"#FF684F",transform:"translate(0 -10)"},l.createElement("tspan",{x:"181",y:"459"},"VICTORY")),l.createElement("path",{fill:"#FF684F",d:"M223.963 151h21.98l58.319 213H282.28z"}),l.createElement("path",{fill:"#E04126",d:"M362.13 233.44H340L304.263 364h21.973z"}),l.createElement("path",{fill:"#FF684F",d:"M401.607 169.473h-21.904l-26.201 95.357h21.814z"}),l.createElement("path",{d:"M201.981 151h21.982l58.317 213a28.809 28.809 0 01-27.786-21.201L201.981 151z",fill:"#E04126"}),l.createElement("path",{d:"M245.944 151a28.809 28.809 0 0127.786 21.201L326.243 364h-21.981l-58.318-213z",fill:"#FF9877"}),l.createElement("path",{d:"M223.963 151l5.068 18.473h-24.595A25.079 25.079 0 01180.243 151h43.72z",fill:"#FF684F"}),l.createElement("path",{d:"M409.967 203.367c8.993-6.29 11.19-18.675 4.911-27.675l-18.836-26.996-30.789 14.49c-9.982 4.698-14.266 16.599-9.568 26.581l.01.021 33.724-15.872 20.548 29.45z",fill:"#FF684F",fillRule:"nonzero"})))},spectacle:function(e){e.styles;var t=o(e,["styles"]);return l.createElement("svg",i({viewBox:"0 0 601 595",xmlns:"http://www.w3.org/2000/svg"},t),l.createElement("g",{fill:"none",fillRule:"evenodd"},l.createElement("path",{d:"M342.944 9.4l195.97 87.165c37.554 16.703 61.753 53.95 61.753 95.051v211.961c0 41.1-24.199 78.348-61.752 95.051l-195.971 87.165a104.029 104.029 0 01-84.554 0L62.419 498.628C24.865 481.925.667 444.678.667 403.578V191.615c0-41.1 24.198-78.348 61.752-95.05L258.389 9.4a104.029 104.029 0 0184.555 0z",fill:"#202020"}),l.createElement("path",{d:"M332.935 43.303a79.877 79.877 0 00-64.74 0L77.047 128.036c-24.842 11.012-40.859 35.632-40.859 62.805v213.702c0 27.174 16.017 51.793 40.859 62.805l191.148 84.734a79.877 79.877 0 0064.74 0l191.148-84.734c24.842-11.012 40.859-35.631 40.859-62.805V190.841c0-27.173-16.017-51.793-40.859-62.805L332.935 43.303z",stroke:"#FC6986",strokeWidth:"24.247",opacity:".499"}),l.createElement("path",{d:"M338.066 20.368a92.026 92.026 0 00-74.798 0L67.297 107.533c-33.22 14.775-54.627 47.725-54.627 84.083v211.961c0 36.358 21.407 69.308 54.627 84.084l195.97 87.164a92.026 92.026 0 0074.799 0l195.97-87.164c33.22-14.776 54.627-47.726 54.627-84.084v-211.96c0-36.359-21.406-69.309-54.626-84.084L338.066 20.368z",stroke:"#FC6986",strokeWidth:"24.007"}),l.createElement("path",{d:"M288.664 351.514L180.78 246.686c-13.206-12.832-11.667-34.537 3.217-45.356 14.884-10.82 35.883-5.501 43.882 11.116l65.348 135.75c1.392 2.891-2.266 5.55-4.564 3.318",fill:"#F14E74"}),l.createElement("path",{d:"M293.222 348.17l-65.465-135.692c-8.014-16.61.855-36.461 18.532-41.483 17.678-5.023 35.579 7.223 37.408 25.59l14.946 150.046c.319 3.196-4.027 4.43-5.42 1.54",fill:"#FC6986"}),l.createElement("path",{d:"M285.442 356.155l-137.206-61.1c-16.795-7.48-22.787-28.39-12.52-43.697 10.266-15.307 31.804-17.577 45.008-4.743L288.591 351.46c2.297 2.233-.226 5.996-3.149 4.694",fill:"#E13E65"}),l.createElement("path",{d:"M134.672 253.137c.735-1.507 6.488-12.257 22.256-14.9 7.153-1.198 17.405 1.147 25.97 10.593l99.313 96.342.715 4.147-97.933-76.994s-15.567-12.2-33.373-.767l-.042-.046a12.583 12.583 0 01-6.664 1.913c-7.015 0-12.701-5.715-12.701-12.763 0-2.818.92-5.413 2.459-7.525",fill:"#FC6986"}),l.createElement("path",{d:"M182.112 202.702c1.204-1.166 10.262-9.297 25.981-6.375 7.131 1.326 15.97 7.047 20.814 18.862l60.587 125.147-.736 4.144-65.863-106.488s-10.489-16.806-31.108-12.164l-.024-.058a12.569 12.569 0 01-6.914-.486c-6.593-2.406-9.998-9.727-7.604-16.352a12.68 12.68 0 014.867-6.23M244.214 171.788c1.528-.678 12.82-5.18 26.577 3.002 6.24 3.71 12.58 12.138 13.08 24.907l14.01 138.455-2.11 3.635-25.356-122.76s-4.092-19.407-25.04-22.18l-.004-.062a12.587 12.587 0 01-6.324-2.85c-5.366-4.538-6.055-12.589-1.538-17.981a12.619 12.619 0 016.705-4.166",fill:"#FF92AC"}),l.createElement("path",{d:"M281.943 188.953l-1.022 133.213s4.055 29.884 9.105 36.032l-23.664-10.511c-8.94-7.605-6.593-24.569-6.593-24.569l22.174-134.165z",fill:"#FF92AC"}),l.createElement("path",{d:"M299.583 359.707c-17.64 0-31.939-14.367-31.939-32.09L286.22 147.77c.71-6.88 6.48-12.106 13.364-12.106 6.883 0 12.652 5.226 13.363 12.106l18.575 179.847c0 17.723-14.3 32.09-31.938 32.09",fill:"#E13E65"}),l.createElement("path",{fill:"#FF92AC",d:"M290.292 166.361l9.306 16.484 9.353-16.273"}),l.createElement("path",{d:"M312.93 149.076c0 7.407-2.815 24.036-13.347 24.036-10.092 0-13.349-16.629-13.349-24.036s5.977-13.412 13.349-13.412 13.348 6.005 13.348 13.412M353.455 170.994c-15.436-4.386-31.042 4.398-35.969 18.926l16.575 101.17 37.926-78.611c8.014-16.61-.855-36.463-18.532-41.485M300.19 336.453c-1.096-.137-17.919-2.58-17.508-22.395l3.59-89.137a114.848 114.848 0 00-4.318-36.15l-14.32 138.864a7.42 7.42 0 00.075 2.034c.37 5.013 2.533 18.102 14.921 25.297 4.188 2.432 9.66 4.675 16.396 4.732l.002-.026c.107.003.21.016.318.016 6.397 0 11.583-5.21 11.583-11.64 0-6.14-4.737-11.16-10.74-11.595",fill:"#FC6986"}),l.createElement("path",{d:"M271.52 224.343s2.258 13.802-.283 29.306l2.54-7.94 2.447-18.908-4.704-2.458zM362.235 175.954a12.619 12.619 0 00-6.704-4.166c-1.529-.678-12.82-5.18-26.577 3.001-4.513 2.684-9.066 7.847-11.436 15.322l7.866 48.02 3.946-19.104s4.091-19.406 25.04-22.18l.004-.062a12.592 12.592 0 006.323-2.849c5.367-4.539 6.056-12.59 1.538-17.982",fill:"#FF92AC"}),l.createElement("path",{d:"M415.747 201.33c-14.884-10.82-35.883-5.5-43.882 11.116l-37.818 78.56 5.328 32.518s.024.156.058.44l79.531-77.278c13.206-12.832 11.666-34.537-3.217-45.356",fill:"#F14E74"}),l.createElement("path",{d:"M422.5 208.932a12.685 12.685 0 00-4.867-6.23c-1.204-1.166-10.263-9.298-25.982-6.374-7.13 1.325-15.97 7.045-20.813 18.86l-36.77 75.95 2.077 12.667 40.704-65.812s10.49-16.807 31.108-12.165l.024-.058c2.233.468 4.614.353 6.914-.487 6.594-2.405 9.999-9.726 7.605-16.351",fill:"#FF92AC"}),l.createElement("path",{d:"M464.029 251.358c-10.267-15.307-31.805-17.577-45.008-4.743l-79.587 77.358c.324 2.7 1.61 16.966-6.419 23.849l118.494-52.767c16.795-7.48 22.786-28.39 12.52-43.697",fill:"#E13E65"}),l.createElement("path",{d:"M465.073 253.137c-.736-1.507-6.489-12.257-22.257-14.9-7.153-1.199-17.405 1.147-25.97 10.593l-77.414 75.128c.128 1.057.407 3.946.2 7.476l75.12-59.109s15.567-12.201 33.372-.767l.042-.046a12.58 12.58 0 006.665 1.913c7.014 0 12.701-5.715 12.701-12.763 0-2.818-.92-5.413-2.46-7.525",fill:"#FC6986"}),l.createElement("text",{fontFamily:"Helvetica-Bold, Helvetica",fontSize:"52.014",fontWeight:"bold",letterSpacing:"3.853",fill:"#FC6986",transform:"translate(.667 -10)"},l.createElement("tspan",{x:"125.5",y:"467"},"SPECTACLE"))))},urql:function(e){e.styles;var t=o(e,["styles"]);return l.createElement("svg",i({viewBox:"0 0 600 595",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},t),l.createElement("defs",null,l.createElement("path",{id:"a",d:"M0 .9h242.898v228.749H0z"}),l.createElement("path",{id:"c",d:"M0 .9h161.932v122.147H0z"}),l.createElement("path",{id:"e",d:"M0 .9H142.26v122.147H0z"})),l.createElement("g",{fill:"none",fillRule:"evenodd"},l.createElement("path",{d:"M342.277 9.4l195.971 87.165C575.801 113.268 600 150.515 600 191.616v211.961c0 41.1-24.199 78.348-61.752 95.051l-195.971 87.165a104.029 104.029 0 01-84.554 0L61.752 498.628C24.199 481.925 0 444.678 0 403.578V191.615c0-41.1 24.199-78.348 61.752-95.05L257.723 9.4a104.029 104.029 0 0184.554 0z",fill:"#202020"}),l.createElement("path",{d:"M332.269 43.303a79.877 79.877 0 00-64.741 0L76.38 128.036c-24.842 11.012-40.858 35.632-40.858 62.805v213.702c0 27.174 16.016 51.793 40.858 62.805l191.148 84.734a79.877 79.877 0 0064.74 0l191.148-84.734c24.842-11.012 40.859-35.631 40.859-62.805V190.841c0-27.173-16.017-51.793-40.859-62.805L332.27 43.303z",stroke:"#8196FF",strokeWidth:"24.247",opacity:".499"}),l.createElement("path",{d:"M337.399 20.368a92.026 92.026 0 00-74.798 0l-195.97 87.165c-33.221 14.775-54.628 47.725-54.628 84.083v211.961c0 36.358 21.407 69.308 54.627 84.084l195.971 87.164a92.026 92.026 0 0074.798 0l195.97-87.164c33.221-14.776 54.628-47.726 54.628-84.084v-211.96c0-36.359-21.407-69.309-54.627-84.084L337.399 20.368z",stroke:"#8196FF",strokeWidth:"24.007"}),l.createElement("text",{fontFamily:"Helvetica-Bold, Helvetica",fontSize:"51",fontWeight:"bold",letterSpacing:"2",fill:"#8196FF",transform:"translate(0 -10)"},l.createElement("tspan",{x:"223",y:"464"},"URQL")),l.createElement("g",{transform:"translate(138 147.451)"},l.createElement("mask",{id:"b",fill:"#fff"},l.createElement("use",{xlinkHref:"#a"})),l.createElement("path",{d:"M135.063 169.782l45.166 45.214v14.653l15.112-14.763-33.75-33.789v-18.136l15.537 15.556 40.898.117 24.872 24.897v-26.5c0-8.98-3.564-17.594-9.908-23.944l-71.058-71.135-71.424-71.5a32.556 32.556 0 00-46.073 0L0 54.934h26.658c7.23-7.238 18.953-7.238 26.183 0l.316.316 54.296 54.354H80.768l-27.611-27.64v12.537a33.79 33.79 0 009.88 23.88l18.009 18.028 26.685 26.712a21.14 21.14 0 006.181 14.94l21.104 21.129 13.528 13.54-.104 12.55 12.751-11.127v14.391l14.571-13.888-40.699-40.743",fill:"#8196FF",mask:"url(#b)"})),l.createElement("g",{transform:"translate(299.932 147.451)"},l.createElement("mask",{id:"d",fill:"#fff"},l.createElement("use",{xlinkHref:"#c"})),l.createElement("path",{d:"M0 81.952l71.424-71.5a32.556 32.556 0 0146.073 0l44.435 44.482h-26.658c-7.23-7.238-18.953-7.238-26.183 0l-.316.316-67.724 67.797",fill:"#647BED",mask:"url(#d)"})),l.createElement("g",{transform:"translate(198.724 147.451)"},l.createElement("mask",{id:"f",fill:"#fff"},l.createElement("use",{xlinkHref:"#e"})),l.createElement("path",{d:"M142.259 123.047l-41.051-41.095-71.425-71.5A32.562 32.562 0 006.747.898C4.461.9 2.202 1.146 0 1.614a32.558 32.558 0 0116.29 8.837l71.423 71.5 41.01 41.055 13.536.04z",fill:"#A2B1FF",mask:"url(#f)"})),l.createElement("path",{d:"M203.975 268.774h58.135l11.707-11.718h-55.05l-27.61-27.64v12.537a33.79 33.79 0 009.88 23.88l2.938 2.941z",fill:"#A2B1FF"}),l.createElement("path",{d:"M354.523 309.991a3.252 3.252 0 003.25 3.255 3.252 3.252 0 003.251-3.255 3.252 3.252 0 00-3.25-3.254h-3.251v3.254z",fill:"#4D65DD"}),l.createElement("path",{d:"M215.456 198.648c-12.929-12.943-33.89-12.943-46.817 0l-2.152 2.154c7.26-5.59 17.703-5.074 24.354 1.584l.124.123h.192l66.02 66.277 28.053-.29-66.379-66.449-3.395-3.399z",fill:"#647BED"}),l.createElement("path",{d:"M384.327 198.648c12.929-12.943 33.89-12.943 46.817 0l2.152 2.154c-7.26-5.59-17.704-5.074-24.354 1.584l-.124.123h-.192l-67.683 67.95-14.175-14.19 54.162-54.222 3.397-3.399zM233.344 298.175l12.387 12.4a21.14 21.14 0 006.181 14.939l21.104 21.127 13.528 13.541-.104 12.55 12.751-11.126v14.391l14.571-13.89-40.699-40.742 1.995-2.136 43.17 43.219V377.1l15.114-14.763-33.752-33.788v-18.137a41.72 41.72 0 00-29.513-12.237h-36.733z",fill:"#4D65DD"}),l.createElement("path",{d:"M313.762 362.108l-40.7-40.743-23.165-23.19h-16.553l12.386 12.4a21.14 21.14 0 006.182 14.939l21.105 21.127 13.528 13.542-.105 12.55 12.752-11.128v14.392l14.57-13.89z",fill:"#647BED"}),l.createElement("path",{d:"M417.428 157.903a32.556 32.556 0 00-23.036-9.552c-2.286 0-4.545.247-6.747.714a32.548 32.548 0 0116.289 8.838l44.435 44.483h13.495l-44.436-44.483z",fill:"#8196FF"})))}},g=function(e){var t=e.name,a=e.className,n=z[t.toLowerCase()];return n?l.createElement(n,{className:a}):null};g.propTypes={name:function(e,t){if(!Object.keys(z).some(function(l){var a=new RegExp(e[t],"i");return l.match(a)}))throw new Error("The supplied name must match one of the featured logos")},className:a.string},g.defaultProps={className:""},e.ProjectBadge=y,e.IconBadge=M,e.FeaturedBadge=g,Object.defineProperty(e,"__esModule",{value:!0})}); | ||
| !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("styled-components"),require("prop-types")):"function"==typeof define&&define.amd?define(["exports","react","styled-components","prop-types"],t):t(e.ProjectBadges={},e.React,e.styled,e.PropTypes)}(this,function(e,t,l,a){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t,l=l&&l.hasOwnProperty("default")?l.default:l,a=a&&a.hasOwnProperty("default")?a.default:a;var n=function(e,t,l,a){if(0===l)return e.concat(t);if(t.length+e[e.length-1].length<=12){var n=e.pop()+" "+t;return e.concat(n)}return e.concat(t)},r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},c=function(e,t){var l={};for(var a in e)t.indexOf(a)>=0||Object.prototype.hasOwnProperty.call(e,a)&&(l[a]=e[a]);return l},i=function(e,t){return e.raw=t,e},o=i(["\n transition: 0.3s;\n"],["\n transition: 0.3s;\n"]),f=i(["\n &:hover "," {\n opacity: 0.45;\n }\n &:hover "," {\n opacity: 0.55;\n }\n"],["\n &:hover "," {\n opacity: 0.45;\n }\n &:hover "," {\n opacity: 0.55;\n }\n"]),s=l.path(o),m=l.path(o),d=l.svg(f,s,m),p=function(e){return RegExp("[gjpqy]").test(e)},h=function(e){var l=e.abbreviation,a=e.description;if(!a||!a.length)return null;var r=p(l)?73:69,c=a&&a.length>11;return a.split(" ").reduce(n,[]).map(function(e,l){var a;return t.createElement("text",(a={key:"description-"+l,x:"50%",y:r+(c?0:2)+8*l+"%",fontFamily:"Helvetica-Bold, Helvetica, sans-serif",fontSize:c?"38":"44",letterSpacing:1.8,fill:"#202020",fontWeight:"bold"},a.letterSpacing=c?.5:1,a.textAnchor="middle",a),e.toUpperCase())})},E=function(e){var l=e.color,a=void 0===l?"#FFFFFF":l,n=e.abbreviation,r=e.children,c=p(n)?58:60;return t.createElement(t.Fragment,null,t.createElement(d,{viewBox:"0 0 600 595"},t.createElement("g",{fill:"none",fillRule:"evenodd"},t.createElement("path",{d:"M342.277 9.4l195.971 87.165C575.801 113.268 600 150.515 600 191.616v211.961c0 41.1-24.199 78.348-61.752 95.051l-195.971 87.165a104.029 104.029 0 01-84.554 0L61.752 498.628C24.199 481.925 0 444.678 0 403.578V191.615c0-41.1 24.199-78.348 61.752-95.05L257.723 9.4a104.029 104.029 0 0184.554 0z",fill:a}),t.createElement(m,{d:"M327.97 42.47a68.877 68.877 0 00-56.109.037l-196.786 87.92c-23.663 10.572-38.9 34.067-38.9 59.985v213.356c0 26.74 15.739 50.973 40.167 61.848l195.557 87.055a68.877 68.877 0 0056.006.008l195.732-87.07c24.437-10.872 40.184-35.11 40.184-61.856v-212.32c0-26.738-15.738-50.972-40.166-61.847L327.97 42.47z",strokeOpacity:.3,stroke:"#202020",strokeWidth:24.247}),t.createElement(s,{d:"M337.399 20.368a92.026 92.026 0 00-74.798 0l-195.97 87.165c-33.221 14.775-54.628 47.725-54.628 84.083v211.961c0 36.358 21.407 69.308 54.627 84.084l195.971 87.164a92.026 92.026 0 0074.798 0l195.97-87.164c33.221-14.776 54.628-47.726 54.628-84.084v-211.96c0-36.359-21.407-69.309-54.627-84.084L337.399 20.368z",strokeOpacity:.6,stroke:"#202020",strokeWidth:24.007}),r||t.createElement("text",{fill:"#202020",fontFamily:"Helvetica, sans-serif",fontSize:230,letterSpacing:-5.5,textAnchor:"middle",x:"50%",y:c+"%"},n),h(e))))},v=function(e){var l=e.color,a=void 0===l?"#202020":l,n=(e.className,e.children);return t.createElement(t.Fragment,null,t.createElement("svg",{viewBox:"0 0 600 595"},t.createElement("g",{fill:"none",fillRule:"evenodd"},t.createElement("path",{d:"M342.277 9.4l195.971 87.165C575.801 113.268 600 150.515 600 191.616v211.961c0 41.1-24.199 78.348-61.752 95.051l-195.971 87.165a104.029 104.029 0 01-84.554 0L61.752 498.628C24.199 481.925 0 444.678 0 403.578V191.615c0-41.1 24.199-78.348 61.752-95.05L257.723 9.4a104.029 104.029 0 0184.554 0z",fill:"#1F1F1F"}),t.createElement("path",{d:"M337.399 20.368a92.026 92.026 0 00-74.798 0l-195.97 87.165c-33.221 14.775-54.628 47.725-54.628 84.083v211.961c0 36.358 21.407 69.308 54.627 84.084l195.971 87.164a92.026 92.026 0 0074.798 0l195.97-87.164c33.221-14.776 54.628-47.726 54.628-84.084v-211.96c0-36.359-21.407-69.309-54.627-84.084L337.399 20.368z",strokeOpacity:.6,stroke:a,strokeWidth:24.007}),n)))},u={renature:function(e){e.styles;var l=c(e,["styles"]);return t.createElement("svg",r({viewBox:"0 0 604 598",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},l),t.createElement("defs",null,t.createElement("circle",{id:"a",cx:"98.239",cy:"98.239",r:"98.239"})),t.createElement("g",{fill:"none",fillRule:"evenodd"},t.createElement("path",{d:"M344.08 9.423l197.004 87.624c37.75 16.79 62.077 54.234 62.077 95.551v213.078c0 41.317-24.326 78.76-62.077 95.552L344.08 588.852a104.577 104.577 0 01-85 0L62.078 501.228C24.327 484.437 0 446.993 0 405.676V192.598c0-41.317 24.326-78.76 62.077-95.551L259.081 9.423a104.577 104.577 0 0185 0z",fill:"#202020",fillRule:"nonzero"}),t.createElement("path",{d:"M334.02 43.503a80.297 80.297 0 00-65.083 0l-192.154 85.18c-24.973 11.07-41.074 35.82-41.074 63.136v214.828c0 27.317 16.1 52.066 41.074 63.136l192.154 85.18a80.297 80.297 0 0065.082 0l192.155-85.18c24.973-11.07 41.074-35.82 41.074-63.136V191.82c0-27.317-16.101-52.066-41.074-63.136l-192.155-85.18z",stroke:"#9580FF",strokeWidth:"24.374",opacity:".499"}),t.createElement("path",{d:"M339.176 20.448a92.51 92.51 0 00-75.191 0L66.98 108.072c-33.395 14.853-54.914 47.977-54.914 84.526v213.078c0 36.55 21.519 69.673 54.914 84.527l197.004 87.623a92.51 92.51 0 0075.191 0l197.004-87.623c33.395-14.854 54.914-47.977 54.914-84.527V192.598c0-36.55-21.519-69.673-54.914-84.526L339.176 20.448z",stroke:"#9580FF",strokeWidth:"24.133"}),t.createElement("text",{fill:"#9580FF",fontFamily:"Helvetica-Bold, Helvetica",fontSize:"51",fontWeight:"bold",letterSpacing:"2"},t.createElement("tspan",{x:"153",y:"455"},"RENATURE")),t.createElement("g",{transform:"rotate(-23.5 629.254 -64.262)"},t.createElement("ellipse",{fill:"#202020",fillRule:"nonzero",transform:"matrix(-1 0 0 1 393.732 0)",cx:"196.866",cy:"111.856",rx:"190.87",ry:"37.71"}),t.createElement("ellipse",{fill:"#202020",fillRule:"nonzero",transform:"matrix(-1 0 0 1 397.916 0)",cx:"198.958",cy:"107.879",rx:"198.54",ry:"41.719"}),t.createElement("circle",{cx:"98.239",cy:"98.239",r:"98.239",fill:"#D8D8D8",fillRule:"nonzero",transform:"translate(101.531 2.01)"}),t.createElement("g",{transform:"translate(101.531 2.01)"},t.createElement("mask",{id:"b",fill:"#fff"},t.createElement("use",{xlinkHref:"#a"})),t.createElement("g",{fillRule:"nonzero",mask:"url(#b)"},t.createElement("path",{fill:"#7860ED",d:"M0-2.707h200.732V180.62H0z"}),t.createElement("path",{d:"M22.056 51.675c50.903-4.814 105.932-4.733 165.086.24l5.718 34.59C140.834 90.37 85.284 85.494 26.21 71.879c-3.6-10.945-4.985-17.68-4.154-20.203z",fill:"#6C55D6"}),t.createElement("path",{d:"M17.457 37.389c74.036-11.322 125.479-14.658 154.33-10.01 30.388 2.922 36.904 11.96 19.546 27.112C103.745 49.355 40.135 51.486.502 60.884c-39.633 9.399-33.98 1.567 16.955-23.495zM-2.707 101.333c73.775 10.812 141.588 10.812 203.44 0 33.906 4.383 33.906 13.15 0 26.3H-2.708v-26.3z",fill:"#6551C5"}),t.createElement("path",{fill:"#6C55D6",d:"M2.144 123.936h194.334l-9.026 26.062L6.3 138.868zM1.16 12.763c52.171-9.476 107.12-7.508 164.847 5.905l20.462 20.157C140.373 26.829 79.989 23.119 5.315 27.695 1.715 19.605.33 14.628 1.16 12.763z"}))),t.createElement("path",{d:"M130.412 169.715c38.365 38.365 98.69 41.777 139.699.768 0 0-69.364 13.178-114.674-44.099-45.31-57.276 9.182-119.151 9.472-119.441-82.786 42.716-72.861 124.407-34.497 162.772z",fill:"#4C4086",fillRule:"nonzero"}),t.createElement("path",{d:"M134.193 163.696c38.364 38.364 98.689 41.777 139.698.767 0 0-69.363 13.178-114.674-44.098C113.907 63.088 167.41 5.774 167.7 5.484 84.914 48.2 95.828 125.33 134.193 163.696z",fill:"#1F1F1F",fillRule:"nonzero"}),t.createElement("circle",{stroke:"#1F1F1F",strokeWidth:"5.802",cx:"199.491",cy:"100.25",r:"98.239"}),t.createElement("path",{d:"M389.255 111.856c0 20.827-85.456 37.71-190.87 37.71-74.397 0-138.853-8.41-170.343-20.68 35.168 5.845 83.86 9.464 137.661 9.464 107.23 0 194.157-14.373 194.157-32.102 0-8.946-22.13-17.036-57.83-22.858a101.652 101.652 0 00-.751-3.302c52.913 6.705 87.976 18.427 87.976 31.768z",fill:"#202020",fillRule:"nonzero"}),t.createElement("path",{d:"M74.37 82.87l-.753.219c-15.8 4.605-24.885 9.994-24.885 15.754 0 15.551 66.21 28.4 152.05 30.404 85.058-2.127 150.44-14.911 150.44-30.365 0-5.76-9.084-11.15-24.884-15.754l-.754-.219c24.51 5.324 39.304 12.226 39.304 19.768 0 16.842-73.771 30.494-164.772 30.494-32.397 0-62.61-1.73-88.09-4.719a506.717 506.717 0 01-11.364-1.46c-39.844-5.566-65.596-14.404-65.596-24.354 0-7.542 14.794-14.444 39.304-19.767z",fill:"#D6CFF9",fillRule:"nonzero"}),t.createElement("path",{d:"M198.91 144.974c-105.414 0-190.869-16.883-190.869-37.71 0-13.34 35.063-25.063 87.976-31.767a101.654 101.654 0 00-.75 3.302c-35.702 5.82-57.832 13.912-57.832 22.857 0 15.932 70.193 29.153 162.235 31.67 92.043-2.518 162.235-15.738 162.235-31.67 0-8.945-22.13-17.036-57.831-22.857a101.652 101.652 0 00-.751-3.302c52.913 6.704 87.976 18.427 87.976 31.767 0 20.827-85.455 37.71-190.87 37.71h-1.518z",fill:"#B5ACE1",fillRule:"nonzero"}))))},victory:function(e){e.styles;var l=c(e,["styles"]);return t.createElement("svg",r({viewBox:"0 0 600 595",xmlns:"http://www.w3.org/2000/svg"},l),t.createElement("g",{fill:"none",fillRule:"evenodd"},t.createElement("path",{d:"M342.277 9.4l195.971 87.165C575.801 113.268 600 150.515 600 191.616v211.961c0 41.1-24.199 78.348-61.752 95.051l-195.971 87.165a104.029 104.029 0 01-84.554 0L61.752 498.628C24.199 481.925 0 444.678 0 403.578V191.615c0-41.1 24.199-78.348 61.752-95.05L257.723 9.4a104.029 104.029 0 0184.554 0z",fill:"#202020"}),t.createElement("path",{d:"M332.269 43.303a79.877 79.877 0 00-64.741 0L76.38 128.036c-24.842 11.012-40.858 35.632-40.858 62.805v213.702c0 27.174 16.016 51.793 40.858 62.805l191.148 84.734a79.877 79.877 0 0064.74 0l191.148-84.734c24.842-11.012 40.859-35.631 40.859-62.805V190.841c0-27.173-16.017-51.793-40.859-62.805L332.27 43.303z",stroke:"#FF684F",strokeWidth:"24.247",opacity:".499"}),t.createElement("path",{d:"M337.399 20.368a92.026 92.026 0 00-74.798 0l-195.97 87.165c-33.221 14.775-54.628 47.725-54.628 84.083v211.961c0 36.358 21.407 69.308 54.627 84.084l195.971 87.164a92.026 92.026 0 0074.798 0l195.97-87.164c33.221-14.776 54.628-47.726 54.628-84.084v-211.96c0-36.359-21.407-69.309-54.627-84.084L337.399 20.368z",stroke:"#FF684F",strokeWidth:"24.007"}),t.createElement("text",{fontFamily:"Helvetica-Bold, Helvetica",fontSize:"51",fontWeight:"bold",letterSpacing:"2",fill:"#FF684F",transform:"translate(0 -10)"},t.createElement("tspan",{x:"181",y:"459"},"VICTORY")),t.createElement("path",{fill:"#FF684F",d:"M223.963 151h21.98l58.319 213H282.28z"}),t.createElement("path",{fill:"#E04126",d:"M362.13 233.44H340L304.263 364h21.973z"}),t.createElement("path",{fill:"#FF684F",d:"M401.607 169.473h-21.904l-26.201 95.357h21.814z"}),t.createElement("path",{d:"M201.981 151h21.982l58.317 213a28.809 28.809 0 01-27.786-21.201L201.981 151z",fill:"#E04126"}),t.createElement("path",{d:"M245.944 151a28.809 28.809 0 0127.786 21.201L326.243 364h-21.981l-58.318-213z",fill:"#FF9877"}),t.createElement("path",{d:"M223.963 151l5.068 18.473h-24.595A25.079 25.079 0 01180.243 151h43.72z",fill:"#FF684F"}),t.createElement("path",{d:"M409.967 203.367c8.993-6.29 11.19-18.675 4.911-27.675l-18.836-26.996-30.789 14.49c-9.982 4.698-14.266 16.599-9.568 26.581l.01.021 33.724-15.872 20.548 29.45z",fill:"#FF684F",fillRule:"nonzero"})))},spectacle:function(e){e.styles;var l=c(e,["styles"]);return t.createElement("svg",r({viewBox:"0 0 601 595",xmlns:"http://www.w3.org/2000/svg"},l),t.createElement("g",{fill:"none",fillRule:"evenodd"},t.createElement("path",{d:"M342.944 9.4l195.97 87.165c37.554 16.703 61.753 53.95 61.753 95.051v211.961c0 41.1-24.199 78.348-61.752 95.051l-195.971 87.165a104.029 104.029 0 01-84.554 0L62.419 498.628C24.865 481.925.667 444.678.667 403.578V191.615c0-41.1 24.198-78.348 61.752-95.05L258.389 9.4a104.029 104.029 0 0184.555 0z",fill:"#202020"}),t.createElement("path",{d:"M332.935 43.303a79.877 79.877 0 00-64.74 0L77.047 128.036c-24.842 11.012-40.859 35.632-40.859 62.805v213.702c0 27.174 16.017 51.793 40.859 62.805l191.148 84.734a79.877 79.877 0 0064.74 0l191.148-84.734c24.842-11.012 40.859-35.631 40.859-62.805V190.841c0-27.173-16.017-51.793-40.859-62.805L332.935 43.303z",stroke:"#FC6986",strokeWidth:"24.247",opacity:".499"}),t.createElement("path",{d:"M338.066 20.368a92.026 92.026 0 00-74.798 0L67.297 107.533c-33.22 14.775-54.627 47.725-54.627 84.083v211.961c0 36.358 21.407 69.308 54.627 84.084l195.97 87.164a92.026 92.026 0 0074.799 0l195.97-87.164c33.22-14.776 54.627-47.726 54.627-84.084v-211.96c0-36.359-21.406-69.309-54.626-84.084L338.066 20.368z",stroke:"#FC6986",strokeWidth:"24.007"}),t.createElement("path",{d:"M288.664 351.514L180.78 246.686c-13.206-12.832-11.667-34.537 3.217-45.356 14.884-10.82 35.883-5.501 43.882 11.116l65.348 135.75c1.392 2.891-2.266 5.55-4.564 3.318",fill:"#F14E74"}),t.createElement("path",{d:"M293.222 348.17l-65.465-135.692c-8.014-16.61.855-36.461 18.532-41.483 17.678-5.023 35.579 7.223 37.408 25.59l14.946 150.046c.319 3.196-4.027 4.43-5.42 1.54",fill:"#FC6986"}),t.createElement("path",{d:"M285.442 356.155l-137.206-61.1c-16.795-7.48-22.787-28.39-12.52-43.697 10.266-15.307 31.804-17.577 45.008-4.743L288.591 351.46c2.297 2.233-.226 5.996-3.149 4.694",fill:"#E13E65"}),t.createElement("path",{d:"M134.672 253.137c.735-1.507 6.488-12.257 22.256-14.9 7.153-1.198 17.405 1.147 25.97 10.593l99.313 96.342.715 4.147-97.933-76.994s-15.567-12.2-33.373-.767l-.042-.046a12.583 12.583 0 01-6.664 1.913c-7.015 0-12.701-5.715-12.701-12.763 0-2.818.92-5.413 2.459-7.525",fill:"#FC6986"}),t.createElement("path",{d:"M182.112 202.702c1.204-1.166 10.262-9.297 25.981-6.375 7.131 1.326 15.97 7.047 20.814 18.862l60.587 125.147-.736 4.144-65.863-106.488s-10.489-16.806-31.108-12.164l-.024-.058a12.569 12.569 0 01-6.914-.486c-6.593-2.406-9.998-9.727-7.604-16.352a12.68 12.68 0 014.867-6.23M244.214 171.788c1.528-.678 12.82-5.18 26.577 3.002 6.24 3.71 12.58 12.138 13.08 24.907l14.01 138.455-2.11 3.635-25.356-122.76s-4.092-19.407-25.04-22.18l-.004-.062a12.587 12.587 0 01-6.324-2.85c-5.366-4.538-6.055-12.589-1.538-17.981a12.619 12.619 0 016.705-4.166",fill:"#FF92AC"}),t.createElement("path",{d:"M281.943 188.953l-1.022 133.213s4.055 29.884 9.105 36.032l-23.664-10.511c-8.94-7.605-6.593-24.569-6.593-24.569l22.174-134.165z",fill:"#FF92AC"}),t.createElement("path",{d:"M299.583 359.707c-17.64 0-31.939-14.367-31.939-32.09L286.22 147.77c.71-6.88 6.48-12.106 13.364-12.106 6.883 0 12.652 5.226 13.363 12.106l18.575 179.847c0 17.723-14.3 32.09-31.938 32.09",fill:"#E13E65"}),t.createElement("path",{fill:"#FF92AC",d:"M290.292 166.361l9.306 16.484 9.353-16.273"}),t.createElement("path",{d:"M312.93 149.076c0 7.407-2.815 24.036-13.347 24.036-10.092 0-13.349-16.629-13.349-24.036s5.977-13.412 13.349-13.412 13.348 6.005 13.348 13.412M353.455 170.994c-15.436-4.386-31.042 4.398-35.969 18.926l16.575 101.17 37.926-78.611c8.014-16.61-.855-36.463-18.532-41.485M300.19 336.453c-1.096-.137-17.919-2.58-17.508-22.395l3.59-89.137a114.848 114.848 0 00-4.318-36.15l-14.32 138.864a7.42 7.42 0 00.075 2.034c.37 5.013 2.533 18.102 14.921 25.297 4.188 2.432 9.66 4.675 16.396 4.732l.002-.026c.107.003.21.016.318.016 6.397 0 11.583-5.21 11.583-11.64 0-6.14-4.737-11.16-10.74-11.595",fill:"#FC6986"}),t.createElement("path",{d:"M271.52 224.343s2.258 13.802-.283 29.306l2.54-7.94 2.447-18.908-4.704-2.458zM362.235 175.954a12.619 12.619 0 00-6.704-4.166c-1.529-.678-12.82-5.18-26.577 3.001-4.513 2.684-9.066 7.847-11.436 15.322l7.866 48.02 3.946-19.104s4.091-19.406 25.04-22.18l.004-.062a12.592 12.592 0 006.323-2.849c5.367-4.539 6.056-12.59 1.538-17.982",fill:"#FF92AC"}),t.createElement("path",{d:"M415.747 201.33c-14.884-10.82-35.883-5.5-43.882 11.116l-37.818 78.56 5.328 32.518s.024.156.058.44l79.531-77.278c13.206-12.832 11.666-34.537-3.217-45.356",fill:"#F14E74"}),t.createElement("path",{d:"M422.5 208.932a12.685 12.685 0 00-4.867-6.23c-1.204-1.166-10.263-9.298-25.982-6.374-7.13 1.325-15.97 7.045-20.813 18.86l-36.77 75.95 2.077 12.667 40.704-65.812s10.49-16.807 31.108-12.165l.024-.058c2.233.468 4.614.353 6.914-.487 6.594-2.405 9.999-9.726 7.605-16.351",fill:"#FF92AC"}),t.createElement("path",{d:"M464.029 251.358c-10.267-15.307-31.805-17.577-45.008-4.743l-79.587 77.358c.324 2.7 1.61 16.966-6.419 23.849l118.494-52.767c16.795-7.48 22.786-28.39 12.52-43.697",fill:"#E13E65"}),t.createElement("path",{d:"M465.073 253.137c-.736-1.507-6.489-12.257-22.257-14.9-7.153-1.199-17.405 1.147-25.97 10.593l-77.414 75.128c.128 1.057.407 3.946.2 7.476l75.12-59.109s15.567-12.201 33.372-.767l.042-.046a12.58 12.58 0 006.665 1.913c7.014 0 12.701-5.715 12.701-12.763 0-2.818-.92-5.413-2.46-7.525",fill:"#FC6986"}),t.createElement("text",{fontFamily:"Helvetica-Bold, Helvetica",fontSize:"52.014",fontWeight:"bold",letterSpacing:"3.853",fill:"#FC6986",transform:"translate(.667 -10)"},t.createElement("tspan",{x:"125.5",y:"467"},"SPECTACLE"))))},urql:function(e){e.styles;var l=c(e,["styles"]);return t.createElement("svg",r({viewBox:"0 0 600 595",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},l),t.createElement("defs",null,t.createElement("path",{id:"a",d:"M0 .9h242.898v228.749H0z"}),t.createElement("path",{id:"c",d:"M0 .9h161.932v122.147H0z"}),t.createElement("path",{id:"e",d:"M0 .9H142.26v122.147H0z"})),t.createElement("g",{fill:"none",fillRule:"evenodd"},t.createElement("path",{d:"M342.277 9.4l195.971 87.165C575.801 113.268 600 150.515 600 191.616v211.961c0 41.1-24.199 78.348-61.752 95.051l-195.971 87.165a104.029 104.029 0 01-84.554 0L61.752 498.628C24.199 481.925 0 444.678 0 403.578V191.615c0-41.1 24.199-78.348 61.752-95.05L257.723 9.4a104.029 104.029 0 0184.554 0z",fill:"#202020"}),t.createElement("path",{d:"M332.269 43.303a79.877 79.877 0 00-64.741 0L76.38 128.036c-24.842 11.012-40.858 35.632-40.858 62.805v213.702c0 27.174 16.016 51.793 40.858 62.805l191.148 84.734a79.877 79.877 0 0064.74 0l191.148-84.734c24.842-11.012 40.859-35.631 40.859-62.805V190.841c0-27.173-16.017-51.793-40.859-62.805L332.27 43.303z",stroke:"#8196FF",strokeWidth:"24.247",opacity:".499"}),t.createElement("path",{d:"M337.399 20.368a92.026 92.026 0 00-74.798 0l-195.97 87.165c-33.221 14.775-54.628 47.725-54.628 84.083v211.961c0 36.358 21.407 69.308 54.627 84.084l195.971 87.164a92.026 92.026 0 0074.798 0l195.97-87.164c33.221-14.776 54.628-47.726 54.628-84.084v-211.96c0-36.359-21.407-69.309-54.627-84.084L337.399 20.368z",stroke:"#8196FF",strokeWidth:"24.007"}),t.createElement("text",{fontFamily:"Helvetica-Bold, Helvetica",fontSize:"51",fontWeight:"bold",letterSpacing:"2",fill:"#8196FF",transform:"translate(0 -10)"},t.createElement("tspan",{x:"223",y:"464"},"URQL")),t.createElement("g",{transform:"translate(138 147.451)"},t.createElement("mask",{id:"b",fill:"#fff"},t.createElement("use",{xlinkHref:"#a"})),t.createElement("path",{d:"M135.063 169.782l45.166 45.214v14.653l15.112-14.763-33.75-33.789v-18.136l15.537 15.556 40.898.117 24.872 24.897v-26.5c0-8.98-3.564-17.594-9.908-23.944l-71.058-71.135-71.424-71.5a32.556 32.556 0 00-46.073 0L0 54.934h26.658c7.23-7.238 18.953-7.238 26.183 0l.316.316 54.296 54.354H80.768l-27.611-27.64v12.537a33.79 33.79 0 009.88 23.88l18.009 18.028 26.685 26.712a21.14 21.14 0 006.181 14.94l21.104 21.129 13.528 13.54-.104 12.55 12.751-11.127v14.391l14.571-13.888-40.699-40.743",fill:"#8196FF",mask:"url(#b)"})),t.createElement("g",{transform:"translate(299.932 147.451)"},t.createElement("mask",{id:"d",fill:"#fff"},t.createElement("use",{xlinkHref:"#c"})),t.createElement("path",{d:"M0 81.952l71.424-71.5a32.556 32.556 0 0146.073 0l44.435 44.482h-26.658c-7.23-7.238-18.953-7.238-26.183 0l-.316.316-67.724 67.797",fill:"#647BED",mask:"url(#d)"})),t.createElement("g",{transform:"translate(198.724 147.451)"},t.createElement("mask",{id:"f",fill:"#fff"},t.createElement("use",{xlinkHref:"#e"})),t.createElement("path",{d:"M142.259 123.047l-41.051-41.095-71.425-71.5A32.562 32.562 0 006.747.898C4.461.9 2.202 1.146 0 1.614a32.558 32.558 0 0116.29 8.837l71.423 71.5 41.01 41.055 13.536.04z",fill:"#A2B1FF",mask:"url(#f)"})),t.createElement("path",{d:"M203.975 268.774h58.135l11.707-11.718h-55.05l-27.61-27.64v12.537a33.79 33.79 0 009.88 23.88l2.938 2.941z",fill:"#A2B1FF"}),t.createElement("path",{d:"M354.523 309.991a3.252 3.252 0 003.25 3.255 3.252 3.252 0 003.251-3.255 3.252 3.252 0 00-3.25-3.254h-3.251v3.254z",fill:"#4D65DD"}),t.createElement("path",{d:"M215.456 198.648c-12.929-12.943-33.89-12.943-46.817 0l-2.152 2.154c7.26-5.59 17.703-5.074 24.354 1.584l.124.123h.192l66.02 66.277 28.053-.29-66.379-66.449-3.395-3.399z",fill:"#647BED"}),t.createElement("path",{d:"M384.327 198.648c12.929-12.943 33.89-12.943 46.817 0l2.152 2.154c-7.26-5.59-17.704-5.074-24.354 1.584l-.124.123h-.192l-67.683 67.95-14.175-14.19 54.162-54.222 3.397-3.399zM233.344 298.175l12.387 12.4a21.14 21.14 0 006.181 14.939l21.104 21.127 13.528 13.541-.104 12.55 12.751-11.126v14.391l14.571-13.89-40.699-40.742 1.995-2.136 43.17 43.219V377.1l15.114-14.763-33.752-33.788v-18.137a41.72 41.72 0 00-29.513-12.237h-36.733z",fill:"#4D65DD"}),t.createElement("path",{d:"M313.762 362.108l-40.7-40.743-23.165-23.19h-16.553l12.386 12.4a21.14 21.14 0 006.182 14.939l21.105 21.127 13.528 13.542-.105 12.55 12.752-11.128v14.392l14.57-13.89z",fill:"#647BED"}),t.createElement("path",{d:"M417.428 157.903a32.556 32.556 0 00-23.036-9.552c-2.286 0-4.545.247-6.747.714a32.548 32.548 0 0116.289 8.838l44.435 44.483h13.495l-44.436-44.483z",fill:"#8196FF"})))}},F=function(e){var l=e.name,a=e.className,n=u[l.toLowerCase()];return n?t.createElement(n,{className:a}):null};F.propTypes={name:function(e,t){if(!Object.keys(u).some(function(l){var a=new RegExp(e[t],"i");return l.match(a)}))throw new Error("The supplied name must match one of the featured logos")},className:a.string},F.defaultProps={className:""},e.ProjectBadge=E,e.IconBadge=v,e.FeaturedBadge=F,Object.defineProperty(e,"__esModule",{value:!0})}); |
| { | ||
| "name": "formidable-oss-badges", | ||
| "version": "0.3.0", | ||
| "version": "0.3.1", | ||
| "description": "Badges for Formidable OSS", | ||
@@ -5,0 +5,0 @@ "license": "MIT", |
| import React from "react"; | ||
| import { Svg } from "./ProjectBadge.styles"; | ||
| // IconBadge accepts any children, you will need to position via the passed child | ||
@@ -10,3 +7,3 @@ | ||
| <React.Fragment> | ||
| <Svg viewBox="0 0 600 595"> | ||
| <svg viewBox="0 0 600 595"> | ||
| <g fill="none" fillRule="evenodd"> | ||
@@ -25,3 +22,3 @@ <path | ||
| </g> | ||
| </Svg> | ||
| </svg> | ||
| </React.Fragment> | ||
@@ -28,0 +25,0 @@ ); |
| import React from "react"; | ||
| import abbreviationYAxisFn from "./abbreviationYAxisFn"; | ||
| import styled from "styled-components"; | ||
| import reducerFn from "./reducerFn"; | ||
| import { MiddleRing, InnerRing, Svg } from "./ProjectBadge.styles"; | ||
| const BLACK = "#202020"; | ||
| const BASE_Y = 58; | ||
| const OuterRing = styled.path` | ||
| transition: 0.3s; | ||
| `; | ||
| const InnerRing = styled.path` | ||
| transition: 0.3s; | ||
| `; | ||
| const Svg = styled.svg` | ||
| &:hover ${OuterRing} { | ||
| opacity: 0.45; | ||
| } | ||
| &:hover ${InnerRing} { | ||
| opacity: 0.55; | ||
| } | ||
| `; | ||
| // ProjectBadge can accept SVG as children in that case it will | ||
| // replace the abbreviation with the children | ||
| const ProjectBadge = ({ | ||
| color = "#FFFFFF", | ||
| abbreviation, | ||
| description, | ||
| className, | ||
| children | ||
| }) => { | ||
| const descriptionArr = | ||
| description && description.split(" ").reduce(reducerFn, []); | ||
| const includesDescender = str => RegExp(`[gjpqy]`).test(str); | ||
| const descriptionText = | ||
| descriptionArr && | ||
| descriptionArr.map((word, idx, array) => ( | ||
| <text | ||
| key={`description-${idx}`} | ||
| x="50%" | ||
| y={`${array.length === 1 ? 74 : 70 + idx * 6}%`} | ||
| fontFamily="Helvetica" | ||
| fontSize={`${array.length === 1 ? "44" : "36"}`} | ||
| letterSpacing={1.8} | ||
| fill="#202020" | ||
| fontWeight="bold" | ||
| letterSpacing={1} | ||
| textAnchor="middle" | ||
| > | ||
| {word.toUpperCase()} | ||
| </text> | ||
| )); | ||
| const getDescription = props => { | ||
| const { abbreviation, description } = props; | ||
| if (!description || !description.length) { | ||
| return null; | ||
| } | ||
| const descYAxis = includesDescender(abbreviation) ? BASE_Y + 15 : BASE_Y + 11; | ||
| const longDesc = description && description.length > 11; | ||
| const descriptionArr = description.split(" ").reduce(reducerFn, []); | ||
| return descriptionArr.map((word, idx) => ( | ||
| <text | ||
| key={`description-${idx}`} | ||
| x="50%" | ||
| y={`${descYAxis + (longDesc ? 0 : 2) + idx * 8}%`} | ||
| fontFamily="Helvetica-Bold, Helvetica, sans-serif" | ||
| fontSize={`${longDesc ? "38" : "44"}`} | ||
| letterSpacing={1.8} | ||
| fill={BLACK} | ||
| fontWeight="bold" | ||
| letterSpacing={longDesc ? 0.5 : 1} | ||
| textAnchor="middle" | ||
| > | ||
| {word.toUpperCase()} | ||
| </text> | ||
| )); | ||
| }; | ||
| const abbrYAxis = abbreviationYAxisFn(abbreviation); | ||
| const ProjectBadge = props => { | ||
| const { color = "#FFFFFF", abbreviation, children } = props | ||
| const abbrYAxis = includesDescender(abbreviation) ? BASE_Y : BASE_Y + 2; | ||
| return ( | ||
@@ -49,12 +65,12 @@ <React.Fragment> | ||
| /> | ||
| <path | ||
| <InnerRing | ||
| d="M327.97 42.47a68.877 68.877 0 00-56.109.037l-196.786 87.92c-23.663 10.572-38.9 34.067-38.9 59.985v213.356c0 26.74 15.739 50.973 40.167 61.848l195.557 87.055a68.877 68.877 0 0056.006.008l195.732-87.07c24.437-10.872 40.184-35.11 40.184-61.856v-212.32c0-26.738-15.738-50.972-40.166-61.847L327.97 42.47z" | ||
| strokeOpacity={0.3} | ||
| stroke="#202020" | ||
| stroke={BLACK} | ||
| strokeWidth={24.247} | ||
| /> | ||
| <path | ||
| <OuterRing | ||
| d="M337.399 20.368a92.026 92.026 0 00-74.798 0l-195.97 87.165c-33.221 14.775-54.628 47.725-54.628 84.083v211.961c0 36.358 21.407 69.308 54.627 84.084l195.971 87.164a92.026 92.026 0 0074.798 0l195.97-87.164c33.221-14.776 54.628-47.726 54.628-84.084v-211.96c0-36.359-21.407-69.309-54.627-84.084L337.399 20.368z" | ||
| strokeOpacity={0.6} | ||
| stroke="#202020" | ||
| stroke={BLACK} | ||
| strokeWidth={24.007} | ||
@@ -66,4 +82,4 @@ /> | ||
| <text | ||
| fill="#202020" | ||
| fontFamily="Helvetica" | ||
| fill={BLACK} | ||
| fontFamily="Helvetica, sans-serif" | ||
| fontSize={230} | ||
@@ -73,3 +89,3 @@ letterSpacing={-5.5} | ||
| x="50%" | ||
| y={abbrYAxis} | ||
| y={`${abbrYAxis}%`} | ||
| > | ||
@@ -79,3 +95,3 @@ {abbreviation} | ||
| )} | ||
| {descriptionText} | ||
| {getDescription(props)} | ||
| </g> | ||
@@ -82,0 +98,0 @@ </Svg> |
@@ -6,17 +6,16 @@ const reducerFn = (acc, cur, idx, src) => { | ||
| } | ||
| const currentLength = cur.length; | ||
| const prevLength = acc[acc.length - 1].length; | ||
| // Check if it can be added to the current last item in acc | ||
| // If not, just Array.prototype.concat it | ||
| if (currentLength + prevLength <= 10) { | ||
| if (currentLength + prevLength <= 12) { | ||
| const joinedWord = acc.pop() + " " + cur; | ||
| return acc.concat(joinedWord); | ||
| } | ||
| return acc.concat(cur); | ||
| }; | ||
| export default reducerFn; | ||
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Improved metrics
- Number of medium supply chain risk alerts
- decreased by-100%
0
Worsened metrics
- Total package byte prevSize
- decreased by-2.21%
157506
- Number of package files
- decreased by-10%
18
- Lines of code
- decreased by-2.55%
1527
No dependency changes