diff --git a/ReactRibbons.scss b/ReactRibbons.scss index 9f7ecf7..186989c 100644 --- a/ReactRibbons.scss +++ b/ReactRibbons.scss @@ -1,6 +1,7 @@ .ribbonContainer { position: relative; min-height: 100px; + overflow: hidden; } .rightCornerRibbon { diff --git a/index.js b/index.js index fdc1591..aec8c80 100644 --- a/index.js +++ b/index.js @@ -1 +1 @@ -!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("react-ribbons",["React"],t):"object"==typeof exports?exports["react-ribbons"]=t(require("react")):e["react-ribbons"]=t(e.React)}(window,(function(e){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=3)}([function(t,n){t.exports=e},function(e,t,n){e.exports=n(7)()},function(e,t,n){var o=n(4),r=n(5);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var i={insert:"head",singleton:!1};o(r,i);e.exports=r.locals||{}},function(e,t,n){"use strict";n.r(t),n.d(t,"RibbonContainer",(function(){return c})),n.d(t,"RightCornerRibbon",(function(){return b})),n.d(t,"RightCornerLargeRibbon",(function(){return f})),n.d(t,"LeftCornerRibbon",(function(){return p})),n.d(t,"LeftCornerLargeRibbon",(function(){return u})),n.d(t,"RightRibbon",(function(){return d})),n.d(t,"RightLargeRibbon",(function(){return g})),n.d(t,"LeftRibbon",(function(){return R})),n.d(t,"LeftLargeRibbon",(function(){return h}));var o=n(0),r=n.n(o),i=n(1),a=n.n(i),l=n(2),s=n.n(l),c=function(e){var t=e.children,n=e.className;return r.a.createElement("div",{className:"".concat(s.a.ribbonContainer," ").concat(n||"")},t)};c.propTypes={children:a.a.any.isRequired,className:a.a.string},c.defaultProps={className:void 0};var b=function(e){var t=e.children,n=e.backgroundColor,o=e.color,i=e.fontFamily;return r.a.createElement("div",{className:s.a.rightCornerRibbon},r.a.createElement("svg",{height:"70",width:"70"},r.a.createElement("polygon",{points:"0 0, 0 10, 10 10",fill:"".concat(n,"77"),strokeWidth:"0"}),r.a.createElement("polygon",{points:"0 0, 70 70, 70 40, 30 0",fill:n,strokeWidth:"0"}),r.a.createElement("polygon",{points:"60 60, 60 70, 70 70",fill:"".concat(n,"77"),strokeWidth:"0"})),r.a.createElement("span",{style:{color:o,fontFamily:i},className:s.a.rightCornerRibbonText},t))};b.propTypes={children:a.a.any.isRequired,backgroundColor:a.a.string.isRequired,color:a.a.string.isRequired,fontFamily:a.a.string},b.defaultProps={fontFamily:"Arial"};var f=function(e){var t=e.children,n=e.backgroundColor,o=e.color,i=e.fontFamily;return r.a.createElement("div",{className:s.a.rightCornerLargeRibbon},r.a.createElement("svg",{height:"84",width:"84"},r.a.createElement("polygon",{points:"0 0, 0 12, 12 12",fill:"".concat(n,"77"),strokeWidth:"0"}),r.a.createElement("polygon",{points:"0 0, 84 84, 84 48, 36 0",fill:n,strokeWidth:"0"}),r.a.createElement("polygon",{points:"72 72, 72 84, 84 84",fill:"".concat(n,"77"),strokeWidth:"0"})),r.a.createElement("span",{style:{color:o,fontFamily:i},className:s.a.rightCornerLargeRibbonText},t))};f.propTypes={children:a.a.any.isRequired,backgroundColor:a.a.string.isRequired,color:a.a.string.isRequired,fontFamily:a.a.string},f.defaultProps={fontFamily:"Arial"};var p=function(e){var t=e.children,n=e.backgroundColor,o=e.color,i=e.fontFamily;return r.a.createElement("div",{className:s.a.leftCornerRibbon},r.a.createElement("svg",{height:"70",width:"70"},r.a.createElement("g",{transform:"rotate(-90, 35, 35)"},r.a.createElement("polygon",{points:"0 0, 0 10, 10 10",fill:"".concat(n,"77"),strokeWidth:"0"}),r.a.createElement("polygon",{points:"0 0, 70 70, 70 40, 30 0",fill:n,strokeWidth:"0"}),r.a.createElement("polygon",{points:"60 60, 60 70, 70 70",fill:"".concat(n,"77"),strokeWidth:"0"}))),r.a.createElement("span",{style:{color:o,fontFamily:i},className:s.a.leftCornerRibbonText},t))};p.propTypes={children:a.a.any.isRequired,backgroundColor:a.a.string.isRequired,color:a.a.string.isRequired,fontFamily:a.a.string},p.defaultProps={fontFamily:"Arial"};var u=function(e){var t=e.children,n=e.backgroundColor,o=e.color,i=e.fontFamily;return r.a.createElement("div",{className:s.a.leftCornerLargeRibbon},r.a.createElement("svg",{height:"84",width:"84"},r.a.createElement("g",{transform:"rotate(-90, 42, 42)"},r.a.createElement("polygon",{points:"0 0, 0 12, 12 12",fill:"".concat(n,"77"),strokeWidth:"0"}),r.a.createElement("polygon",{points:"0 0, 84 84, 84 48, 36 0",fill:n,strokeWidth:"0"}),r.a.createElement("polygon",{points:"72 72, 72 84, 84 84",fill:"".concat(n,"77"),strokeWidth:"0"}))),r.a.createElement("span",{style:{color:o,fontFamily:i},className:s.a.leftCornerLargeRibbonText},t))};u.propTypes={children:a.a.any.isRequired,backgroundColor:a.a.string.isRequired,color:a.a.string.isRequired,fontFamily:a.a.string},u.defaultProps={fontFamily:"Arial"};var d=function(e){var t=e.children,n=e.backgroundColor,o=e.color,i=e.fontFamily;return r.a.createElement("div",{className:s.a.rightRibbon},r.a.createElement("svg",{height:"40",width:"70"},r.a.createElement("polygon",{points:"0 10, 10 20, 0 30, 70 30, 70 10",fill:n,strokeWidth:"0"}),r.a.createElement("polygon",{points:"60 40, 60 30, 70 30",fill:"".concat(n,"77"),strokeWidth:"0"})),r.a.createElement("span",{style:{color:o,fontFamily:i},className:s.a.rightRibbonText},t))};d.propTypes={children:a.a.any.isRequired,backgroundColor:a.a.string.isRequired,color:a.a.string.isRequired,fontFamily:a.a.string},d.defaultProps={fontFamily:"Arial"};var g=function(e){var t=e.children,n=e.backgroundColor,o=e.color,i=e.fontFamily;return r.a.createElement("div",{className:s.a.rightLargeRibbon},r.a.createElement("svg",{height:"60",width:"90"},r.a.createElement("polygon",{points:"0 15, 15 30, 0 45, 90 45, 90 15",fill:n,strokeWidth:"0"}),r.a.createElement("polygon",{points:"75 60, 75 40, 90 45",fill:"".concat(n,"77"),strokeWidth:"0"})),r.a.createElement("span",{style:{color:o,fontFamily:i},className:s.a.rightLargeRibbonText},t))};g.propTypes={children:a.a.any.isRequired,backgroundColor:a.a.string.isRequired,color:a.a.string.isRequired,fontFamily:a.a.string},g.defaultProps={fontFamily:"Arial"};var R=function(e){var t=e.children,n=e.backgroundColor,o=e.color,i=e.fontFamily;return r.a.createElement("div",{className:s.a.leftRibbon},r.a.createElement("svg",{height:"40",width:"70"},r.a.createElement("g",{transform:"scale(-1,1) translate(-70, 0)"},r.a.createElement("polygon",{points:"0 10, 10 20, 0 30, 70 30, 70 10",fill:n,strokeWidth:"0"}),r.a.createElement("polygon",{points:"60 40, 60 30, 70 30",fill:"".concat(n,"77"),strokeWidth:"0"}))),r.a.createElement("span",{style:{color:o,fontFamily:i},className:s.a.leftRibbonText},t))};R.propTypes={children:a.a.any.isRequired,backgroundColor:a.a.string.isRequired,color:a.a.string.isRequired,fontFamily:a.a.string},R.defaultProps={fontFamily:"Arial"};var h=function(e){var t=e.children,n=e.backgroundColor,o=e.color,i=e.fontFamily;return r.a.createElement("div",{className:s.a.leftLargeRibbon},r.a.createElement("svg",{height:"60",width:"90"},r.a.createElement("g",{transform:"scale(-1,1) translate(-90, 0)"},r.a.createElement("polygon",{points:"0 15, 15 30, 0 45, 90 45, 90 15",fill:n,strokeWidth:"0"}),r.a.createElement("polygon",{points:"75 60, 75 40, 90 45",fill:"".concat(n,"77"),strokeWidth:"0"}))),r.a.createElement("span",{style:{color:o,fontFamily:i},className:s.a.leftLargeRibbonText},t))};h.propTypes={children:a.a.any.isRequired,backgroundColor:a.a.string.isRequired,color:a.a.string.isRequired,fontFamily:a.a.string},h.defaultProps={fontFamily:"Arial"}},function(e,t,n){"use strict";var o,r=function(){return void 0===o&&(o=Boolean(window&&document&&document.all&&!window.atob)),o},i=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),a=[];function l(e){for(var t=-1,n=0;n