@builder.io/react
Advanced tools
Comparing version 0.1.87-0 to 0.1.87
@@ -69,3 +69,8 @@ "use strict"; | ||
options: { | ||
text: '<p style="text-align: center">Enter some text...</p>' | ||
text: '<p>Enter some text...</p>' | ||
}, | ||
defaultStyle: { | ||
lineHeight: 'normal', | ||
height: 'auto', | ||
textAlign: 'center' | ||
} | ||
@@ -72,0 +77,0 @@ } |
@@ -100,3 +100,3 @@ "use strict"; | ||
return (react_1.default.createElement(Fragment, null, | ||
react_1.default.createElement("style", { className: "builder-style builder-hero-style" }, "\n .builder-content-hero.hero-content {\n position: relative;\n display: block;\n overflow: hidden;\n min-height: 300px;\n padding: 10px;\n background-color: white;\n width: 100vw;\n margin-left: calc(50% - 50vw);\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content {\n padding: 20px 0;\n }\n }\n .builder-content-hero.hero-content .cta-button {\n display: inline-block;\n min-width: 85px;\n padding: 0 10px;\n margin-top: 15px;\n overflow: hidden;\n font-size: 12px;\n line-height: 35px;\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n border: 1.5px solid black;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .light .cta-button {\n border-color: white;\n }\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .cta-button {\n margin-top: 10px;\n }\n }\n @media (min-width: 1600px) {\n .builder-content-hero.hero-content .cta-button {\n max-width: 100%;\n min-width: 230px;\n margin-top: 20px;\n font-size: 18px;\n line-height: 50px;\n border-width: 3px;\n }\n }\n .builder-content-hero.hero-content,\n .builder-content-hero.hero-content .content-container {\n height: 350px;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content,\n .builder-content-hero.hero-content .content-container {\n height: 300px;\n }\n }\n @media (min-width: 1600px) {\n .builder-content-hero.hero-content,\n .builder-content-hero.hero-content .content-container {\n height: 500px;\n }\n }\n .builder-content-hero.hero-content .content-container {\n position: relative;\n display: flex;\n height: 100%;\n max-width: 1600px;\n margin: auto;\n color: black;\n border: 1px solid #e4e4e4;\n flex-direction: column-reverse;\n }\n .builder-content-hero.hero-content .content-container.light {\n color: white;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .content-container {\n border: none;\n flex-direction: row;\n }\n }\n .builder-content-hero.hero-content .video {\n position: absolute;\n z-index: 2;\n height: 100%;\n min-width: 100%;\n opacity: 0;\n transition: opacity 0.2s;\n object-position: center;\n object-fit: cover;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .video {\n width: 1600px;\n margin-left: calc(50% - 800px);\n }\n }\n @media (min-width: 1600px) {\n .builder-content-hero.hero-content .video {\n width: 1600px;\n margin-left: calc(50% - 800px);\n }\n }\n .builder-content-hero.hero-content .video.loaded {\n opacity: 1;\n }\n .builder-content-hero.hero-content .inner-content {\n display: flex;\n width: 100%;\n text-align: center;\n background-position: center;\n background-size: cover;\n }\n .builder-content-hero.hero-content .inner-content.text-side {\n height: 180px;\n color: black;\n background-color: white;\n }\n .builder-content-hero.hero-content .inner-content.image-side {\n position: relative;\n height: 220px;\n overflow: hidden;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .inner-content {\n width: 50%;\n background-position: center left;\n }\n .builder-content-hero.hero-content .inner-content.text-side {\n height: auto;\n color: inherit;\n text-align: left;\n background-color: transparent;\n background-position: center right;\n }\n .builder-content-hero.hero-content .inner-content.image-side {\n height: auto;\n }\n }\n @media (max-width: 700px) {\n .builder-content-hero.hero-content .inner-content.text-side {\n background-image: none !important;\n }\n }\n .builder-content-hero.hero-content .subhead {\n display: none;\n color: #444;\n text-transform: uppercase;\n }\n .builder-content-hero.hero-content .light .subhead {\n color: white;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .subhead {\n display: block;\n margin-bottom: 10px;\n font-size: 9px;\n }\n }\n @media (min-width: 1600px) {\n .builder-content-hero.hero-content .subhead {\n margin-bottom: 15px;\n font-size: 11px;\n }\n }\n .builder-content-hero.hero-content .text-content {\n position: relative;\n z-index: 3;\n width: 100%;\n max-width: 580px;\n max-height: 100%;\n padding: 0 20px;\n margin-left: auto;\n overflow: hidden;\n align-self: center;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .text-content {\n padding: 0 20px;\n }\n }\n @media (min-width: 1600px) {\n .builder-content-hero.hero-content .text-content {\n padding: 20px 50px;\n }\n }\n .builder-content-hero.hero-content .heading {\n font-size: 18px;\n line-height: normal;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .heading {\n font-size: 28px;\n }\n }\n @media (min-width: 1600px) {\n .builder-content-hero.hero-content .heading {\n font-size: 54px;\n }\n }\n .builder-content-hero.hero-content .subtext {\n display: none;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .subtext {\n display: block;\n margin-top: 10px;\n font-size: 12px;\n }\n }\n @media (min-width: 1600px) {\n .builder-content-hero.hero-content .subtext {\n margin-top: 20px;\n font-size: 14px;\n }\n }\n .builder-content-hero.hero-content .bar {\n display: none;\n vertical-align: middle;\n background-color: black;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .bar {\n display: inline-block;\n width: 70px;\n height: 3px;\n }\n .builder-content-hero.hero-content .light .bar {\n background-color: white;\n }\n }\n @media (min-width: 1600px) {\n .builder-content-hero.hero-content .bar {\n width: 150px;\n height: 5px;\n }\n }\n .builder-content-hero.hero-content .secondary-link {\n display: block;\n padding: 10px;\n text-align: center;\n text-decoration: underline;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .secondary-link {\n padding: 0;\n margin-top: 10px;\n text-align: left;\n }\n }\n @media (min-width: 1600px) {\n .builder-content-hero.hero-content .secondary-link {\n margin-top: 20px;\n }\n }\n .builder-content-hero.hero-content .credit-text {\n position: static;\n display: none;\n font-size: 10px;\n color: #444;\n text-align: center;\n }\n .builder-content-hero.hero-content .credit-text.outer {\n display: block;\n margin-top: 10px;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .credit-text {\n position: absolute;\n bottom: -15px;\n left: 20px;\n display: block;\n text-align: left;\n }\n .builder-content-hero.hero-content .credit-text.outer {\n display: none;\n }\n }\n @media (min-width: 1600px) {\n .builder-content-hero.hero-content .credit-text {\n left: 5px;\n }\n }\n "), | ||
react_1.default.createElement("style", { className: "builder-style builder-hero-style" }, "\n .builder-content-hero.hero-content {\n position: relative;\n display: block;\n overflow: hidden;\n min-height: 300px;\n padding: 10px;\n background-color: white;\n width: 100vw;\n margin-left: calc(50% - 50vw);\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content {\n padding: 20px 0;\n }\n }\n .builder-content-hero.hero-content .cta-button {\n display: inline-block;\n min-width: 85px;\n padding: 0 10px;\n margin-top: 15px;\n overflow: hidden;\n font-size: 12px;\n line-height: 35px;\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n border: 1.5px solid black;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .light .cta-button {\n border-color: white;\n }\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .cta-button {\n margin-top: 10px;\n }\n }\n @media (min-width: 1600px) {\n .builder-content-hero.hero-content .cta-button {\n max-width: 100%;\n min-width: 230px;\n margin-top: 20px;\n font-size: 18px;\n line-height: 50px;\n border-width: 3px;\n }\n }\n .builder-content-hero.hero-content,\n .builder-content-hero.hero-content .content-container {\n height: 350px;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content,\n .builder-content-hero.hero-content .content-container {\n height: 300px;\n }\n }\n @media (min-width: 1600px) {\n .builder-content-hero.hero-content,\n .builder-content-hero.hero-content .content-container {\n height: 500px;\n }\n }\n .builder-content-hero.hero-content .content-container {\n position: relative;\n display: flex;\n height: 100%;\n max-width: 1600px;\n margin: auto;\n color: black;\n border: 1px solid #e4e4e4;\n flex-direction: column-reverse;\n }\n .builder-content-hero.hero-content .content-container.light {\n color: white;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .content-container {\n border: none;\n flex-direction: row;\n }\n }\n .builder-content-hero.hero-content .video {\n position: absolute;\n height: 100%;\n min-width: 100%;\n opacity: 0;\n transition: opacity 0.2s;\n object-position: center;\n object-fit: cover;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .video {\n width: 1600px;\n margin-left: calc(50% - 800px);\n }\n }\n @media (min-width: 1600px) {\n .builder-content-hero.hero-content .video {\n width: 1600px;\n margin-left: calc(50% - 800px);\n }\n }\n .builder-content-hero.hero-content .video.loaded {\n opacity: 1;\n }\n .builder-content-hero.hero-content .inner-content {\n display: flex;\n width: 100%;\n text-align: center;\n background-position: center;\n background-size: cover;\n }\n .builder-content-hero.hero-content .inner-content.text-side {\n height: 180px;\n color: black;\n background-color: white;\n }\n .builder-content-hero.hero-content .inner-content.image-side {\n position: relative;\n height: 220px;\n overflow: hidden;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .inner-content {\n width: 50%;\n background-position: center left;\n }\n .builder-content-hero.hero-content .inner-content.text-side {\n height: auto;\n color: inherit;\n text-align: left;\n background-color: transparent;\n background-position: center right;\n }\n .builder-content-hero.hero-content .inner-content.image-side {\n height: auto;\n }\n }\n @media (max-width: 700px) {\n .builder-content-hero.hero-content .inner-content.text-side {\n background-image: none !important;\n }\n }\n .builder-content-hero.hero-content .subhead {\n display: none;\n color: #444;\n text-transform: uppercase;\n }\n .builder-content-hero.hero-content .light .subhead {\n color: white;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .subhead {\n display: block;\n margin-bottom: 10px;\n font-size: 9px;\n }\n }\n @media (min-width: 1600px) {\n .builder-content-hero.hero-content .subhead {\n margin-bottom: 15px;\n font-size: 11px;\n }\n }\n .builder-content-hero.hero-content .text-content {\n position: relative;\n width: 100%;\n max-width: 580px;\n max-height: 100%;\n padding: 0 20px;\n margin-left: auto;\n overflow: hidden;\n align-self: center;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .text-content {\n padding: 0 20px;\n }\n }\n @media (min-width: 1600px) {\n .builder-content-hero.hero-content .text-content {\n padding: 20px 50px;\n }\n }\n .builder-content-hero.hero-content .heading {\n font-size: 18px;\n line-height: normal;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .heading {\n font-size: 28px;\n }\n }\n @media (min-width: 1600px) {\n .builder-content-hero.hero-content .heading {\n font-size: 54px;\n }\n }\n .builder-content-hero.hero-content .subtext {\n display: none;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .subtext {\n display: block;\n margin-top: 10px;\n font-size: 12px;\n }\n }\n @media (min-width: 1600px) {\n .builder-content-hero.hero-content .subtext {\n margin-top: 20px;\n font-size: 14px;\n }\n }\n .builder-content-hero.hero-content .bar {\n display: none;\n vertical-align: middle;\n background-color: black;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .bar {\n display: inline-block;\n width: 70px;\n height: 3px;\n }\n .builder-content-hero.hero-content .light .bar {\n background-color: white;\n }\n }\n @media (min-width: 1600px) {\n .builder-content-hero.hero-content .bar {\n width: 150px;\n height: 5px;\n }\n }\n .builder-content-hero.hero-content .secondary-link {\n display: block;\n padding: 10px;\n text-align: center;\n text-decoration: underline;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .secondary-link {\n padding: 0;\n margin-top: 10px;\n text-align: left;\n }\n }\n @media (min-width: 1600px) {\n .builder-content-hero.hero-content .secondary-link {\n margin-top: 20px;\n }\n }\n .builder-content-hero.hero-content .credit-text {\n position: static;\n display: none;\n font-size: 10px;\n color: #444;\n text-align: center;\n }\n .builder-content-hero.hero-content .credit-text.outer {\n display: block;\n margin-top: 10px;\n }\n @media (min-width: 700px) {\n .builder-content-hero.hero-content .credit-text {\n position: absolute;\n bottom: -15px;\n left: 20px;\n display: block;\n text-align: left;\n }\n .builder-content-hero.hero-content .credit-text.outer {\n display: none;\n }\n }\n @media (min-width: 1600px) {\n .builder-content-hero.hero-content .credit-text {\n left: 5px;\n }\n }\n "), | ||
react_1.default.createElement("div", { className: "builder-content-hero hero-content" }, | ||
@@ -103,0 +103,0 @@ react_1.default.createElement("a", { href: this.props.buttonLink }, |
{ | ||
"name": "@builder.io/react", | ||
"version": "0.1.87-0", | ||
"version": "0.1.87", | ||
"description": "", | ||
@@ -5,0 +5,0 @@ "keywords": [], |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
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
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
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
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
3430574
24357