@axeptio/design-system
Version:
Design System for Axeptio
1 lines • 12.9 kB
JavaScript
(()=>{"use strict";var e={n:n=>{var t=n&&n.__esModule?()=>n.default:()=>n;return e.d(t,{a:t}),t},d:(n,t)=>{for(var a in t)e.o(t,a)&&!e.o(n,a)&&Object.defineProperty(n,a,{enumerable:!0,get:t[a]})},o:(e,n)=>Object.prototype.hasOwnProperty.call(e,n),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},n={};e.r(n),e.d(n,{default:()=>U});const t=require("react");var a=e.n(t);const l=require("styled-components");var r,s,c,o,i,p=e.n(l);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},d.apply(null,arguments)}const f=function(e){return t.createElement("svg",d({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 54 39",fill:"none",className:"sprinkles-01_svg__sprinkles-01"},e),r||(r=t.createElement("path",{fill:"#86201F",d:"M13.117 36.703c-.87.503-1.786.871-2.784.742a3.766 3.766 0 0 1-2.505-1.462l-4.983-6.567a4.134 4.134 0 0 1-.332-.519 70.796 70.796 0 0 1-.016-.03 1.407 1.407 0 0 1-.104-.218c-.604-1.448.244-2.793.88-3.524a.535.535 0 0 1 .054-.064l.006-.018a1.058 1.058 0 0 1 .13-.131c.044-.047.09-.098.132-.136a2.399 2.399 0 0 0-.26.343 2.25 2.25 0 0 0-.018 2.183.807.807 0 0 1 .046.08c.016.03.03.049.048.074.01.018.028.04.037.057a.922.922 0 0 1 .06.084l4.978 6.565a3.235 3.235 0 0 0 4.547.623c.006-.003.012-.006.013-.01.046-.037.09-.08.136-.115.552-.51.47-2.406.36-2.601 1.252 2.33.618 4.037-.441 4.649l.016-.005Z"})),s||(s=t.createElement("path",{fill:"url(#sprinkles-01_svg__a)",d:"M13.184 34.662c-.045.032-.083.075-.135.115a3.234 3.234 0 0 1-4.56-.612L3.51 27.599a.92.92 0 0 1-.06-.084c-.009-.018-.027-.038-.037-.056a.355.355 0 0 1-.047-.075c-.016-.03-.03-.05-.046-.08a2.233 2.233 0 0 1 .014-2.174 1.98 1.98 0 0 1 .262-.347c.078-.092.161-.167.26-.243l.012-.006a3.234 3.234 0 0 1 4.547.623s5.277 6.456 5.406 7.507c-.001.004.4 1.295-.637 1.998Z"})),c||(c=t.createElement("path",{fill:"#86201F",d:"M40.329 12.413c.802.606 1.665 1.085 2.672 1.079a3.766 3.766 0 0 0 2.666-1.142l5.752-5.904c.14-.147.277-.308.394-.475l.02-.028a1.403 1.403 0 0 0 .13-.203c.777-1.362.1-2.802-.44-3.605-.014-.027-.027-.044-.046-.07l-.003-.02a1.066 1.066 0 0 0-.113-.146c-.039-.051-.078-.108-.114-.15.083.117.154.241.216.372a2.25 2.25 0 0 1-.252 2.169.785.785 0 0 0-.055.073c-.02.028-.036.045-.056.068-.012.017-.033.035-.045.052a.911.911 0 0 0-.07.076l-5.747 5.903a3.235 3.235 0 0 1-4.601.046c-.042-.042-.08-.089-.12-.13-.486-.574-.172-2.446-.038-2.626-1.529 2.158-1.11 3.931-.134 4.668l-.016-.007Z"})),o||(o=t.createElement("path",{fill:"url(#sprinkles-01_svg__b)",d:"M40.51 10.38c.04.036.073.084.12.13.001.004.007.008.012.012a3.234 3.234 0 0 0 4.59-.058l5.747-5.904a.928.928 0 0 0 .07-.075c.011-.017.032-.035.044-.052a.357.357 0 0 0 .056-.068c.02-.028.036-.046.055-.074a2.233 2.233 0 0 0 .254-2.159 1.976 1.976 0 0 0-.217-.377c-.066-.1-.14-.185-.228-.272l-.011-.008a3.234 3.234 0 0 0-4.59.058s-6.03 5.758-6.288 6.785c0 .005-.557 1.236.386 2.061Z"})),i||(i=t.createElement("defs",null,t.createElement("linearGradient",{id:"sprinkles-01_svg__a",x1:9.924,x2:7.048,y1:24.975,y2:34.367,gradientUnits:"userSpaceOnUse"},t.createElement("stop",{stopColor:"#CCE097"}),t.createElement("stop",{offset:1,stopColor:"#92BE25"})),t.createElement("linearGradient",{id:"sprinkles-01_svg__b",x1:54.572,x2:54.928,y1:-.872,y2:8.604,gradientUnits:"userSpaceOnUse"},t.createElement("stop",{stopColor:"#F8A4B5"}),t.createElement("stop",{offset:1,stopColor:"#F25071"})))))};var u,m,g,_,E;function v(){return v=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},v.apply(null,arguments)}const h=function(e){return t.createElement("svg",v({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 47 34",fill:"none",className:"sprinkles-02_svg__sprinkles-02"},e),u||(u=t.createElement("path",{fill:"#86201F",d:"M14.057 10.289c-.62.791-1.332 1.475-2.307 1.727a3.766 3.766 0 0 1-2.87-.422L1.809 7.36a4.124 4.124 0 0 1-.502-.358L1.28 6.98a1.402 1.402 0 0 1-.177-.163C.002 5.699.287 4.134.603 3.219a.523.523 0 0 1 .028-.08L.629 3.12A1.065 1.065 0 0 1 .7 2.95c.024-.06.047-.125.072-.175a2.398 2.398 0 0 0-.114.415 2.25 2.25 0 0 0 .799 2.032.8.8 0 0 1 .072.057c.026.022.046.034.071.052.016.013.041.025.057.038a.92.92 0 0 1 .086.056l7.068 4.234a3.235 3.235 0 0 0 4.451-1.118c.004-.005.009-.01.008-.015.03-.05.054-.106.083-.157.323-.679-.46-2.408-.635-2.548 2.03 1.696 2.08 3.516 1.324 4.479l.014-.011Z"})),m||(m=t.createElement("path",{fill:"url(#sprinkles-02_svg__a)",d:"M13.357 8.37c-.03.046-.05.1-.083.157a3.234 3.234 0 0 1-4.46 1.133L1.748 5.425a.921.921 0 0 1-.087-.055c-.015-.013-.04-.025-.056-.039-.025-.012-.046-.03-.071-.051-.026-.022-.047-.035-.073-.057a2.233 2.233 0 0 1-.798-2.022c.026-.147.058-.285.114-.42.038-.115.087-.216.15-.322l.01-.01a3.234 3.234 0 0 1 4.45-1.119s7.305 4.022 7.817 4.948c0 .005.854 1.052.154 2.092Z"})),g||(g=t.createElement("path",{fill:"#86201F",d:"M34.26 31.63c.949.334 1.916.528 2.873.218a3.766 3.766 0 0 0 2.194-1.897l3.69-7.372c.09-.182.171-.377.232-.571l.01-.033a1.39 1.39 0 0 0 .062-.233c.328-1.534-.753-2.7-1.512-3.302a.532.532 0 0 0-.065-.053l-.01-.017a1.061 1.061 0 0 0-.151-.105c-.053-.038-.107-.08-.155-.11.115.087.22.184.319.29a2.25 2.25 0 0 1 .418 2.143.781.781 0 0 0-.03.087c-.01.032-.02.054-.033.082-.006.02-.02.043-.027.063a.913.913 0 0 0-.043.093l-3.686 7.368a3.235 3.235 0 0 1-4.37 1.44c-.052-.027-.103-.06-.155-.087-.636-.4-.905-2.28-.832-2.491-.802 2.52.134 4.083 1.288 4.489l-.017-.002Z"})),_||(_=t.createElement("path",{fill:"url(#sprinkles-02_svg__b)",d:"M33.82 29.637c.049.022.095.058.153.087.002.004.009.006.015.008a3.234 3.234 0 0 0 4.355-1.448l3.687-7.368a.903.903 0 0 0 .043-.093c.006-.02.02-.044.027-.063a.36.36 0 0 0 .032-.083c.01-.032.02-.054.03-.086a2.233 2.233 0 0 0-.413-2.134c-.1-.11-.201-.21-.321-.294a1.651 1.651 0 0 0-.3-.19l-.013-.004a3.234 3.234 0 0 0-4.355 1.448s-4 7.316-3.935 8.372c.003.005-.155 1.347.994 1.848Z"})),E||(E=t.createElement("defs",null,t.createElement("linearGradient",{id:"sprinkles-02_svg__a",x1:6.719,x2:7.554,y1:.598,y2:10.386,gradientUnits:"userSpaceOnUse"},t.createElement("stop",{stopColor:"#FFDF93"}),t.createElement("stop",{offset:1,stopColor:"#FFBA19"})),t.createElement("linearGradient",{id:"sprinkles-02_svg__b",x1:35.243,x2:39.797,y1:19.515,y2:28.219,gradientUnits:"userSpaceOnUse"},t.createElement("stop",{stopColor:"#84E0ED"}),t.createElement("stop",{offset:.99,stopColor:"#09C1DA"})))))};var b,y,x,k,w,O,C;function M(){return M=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},M.apply(null,arguments)}const F=function(e){return t.createElement("svg",M({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 55 65",fill:"none",className:"sprinkles-03_svg__sprinkles-03"},e),b||(b=t.createElement("path",{fill:"#86201F",d:"M38.143 23.398c.061 1.004.258 1.97.917 2.732a3.766 3.766 0 0 0 2.601 1.283l8.226.533c.202.011.414.01.617-.01l.033-.003a1.4 1.4 0 0 0 .24-.033c1.54-.295 2.194-1.744 2.454-2.677.01-.029.016-.05.023-.081l.012-.015a1.06 1.06 0 0 0 .038-.181c.014-.063.032-.13.04-.185a2.4 2.4 0 0 1-.142.407 2.25 2.25 0 0 1-1.812 1.218c-.03 0-.058.002-.091.006-.034.003-.058.002-.089.002-.02.002-.048-.003-.068 0a.926.926 0 0 0-.103-.004l-8.222-.53a3.235 3.235 0 0 1-3.028-3.45c0-.006-.001-.013.002-.016.005-.059.016-.118.02-.176.121-.742 1.748-1.72 1.971-1.736-2.634.242-3.709 1.712-3.634 2.933l-.005-.017Z"})),y||(y=t.createElement("path",{fill:"url(#sprinkles-03_svg__a)",d:"M39.808 22.216c-.002.054-.017.11-.021.176-.003.003-.002.01-.002.017a3.234 3.234 0 0 0 3.028 3.449l8.222.53a.9.9 0 0 0 .103.003c.02-.002.048.002.068 0a.36.36 0 0 0 .089-.001c.034-.004.057-.003.091-.006a2.233 2.233 0 0 0 1.806-1.211 1.98 1.98 0 0 0 .145-.41c.033-.116.05-.227.059-.35l-.001-.014a3.234 3.234 0 0 0-3.028-3.449s-8.296-.84-9.244-.368c-.003.003-1.3.38-1.315 1.634Z"})),x||(x=t.createElement("path",{fill:"#86201F",d:"M28.695 13.105c.82.584 1.695 1.039 2.7 1.005a3.766 3.766 0 0 0 2.633-1.216l5.588-6.06c.136-.151.268-.316.38-.486a3.412 3.412 0 0 0 .02-.028 1.409 1.409 0 0 0 .123-.207c.74-1.384.024-2.804-.538-3.592-.015-.027-.029-.044-.048-.069l-.004-.019a1.06 1.06 0 0 0-.118-.143c-.04-.05-.08-.106-.118-.147.087.114.161.237.227.366a2.25 2.25 0 0 1-.192 2.175c-.02.023-.034.046-.053.074-.019.029-.035.047-.054.07-.012.017-.032.036-.043.053a.916.916 0 0 0-.068.078l-5.582 6.06a3.235 3.235 0 0 1-4.598.173c-.042-.04-.081-.086-.124-.127-.5-.56-.239-2.44-.11-2.623-1.469 2.2-1.001 3.96-.005 4.67l-.016-.007Z"})),k||(k=t.createElement("path",{fill:"url(#sprinkles-03_svg__b)",d:"M28.82 11.068c.042.035.076.082.124.126.001.005.007.009.012.013a3.234 3.234 0 0 0 4.586-.186l5.582-6.06a.914.914 0 0 0 .067-.078c.012-.017.032-.036.044-.053a.357.357 0 0 0 .054-.07c.018-.028.034-.046.053-.074.44-.645.505-1.478.194-2.166a1.983 1.983 0 0 0-.228-.37 1.644 1.644 0 0 0-.235-.267l-.012-.007a3.234 3.234 0 0 0-4.585.185s-5.87 5.923-6.1 6.956c.002.005-.521 1.251.444 2.05Z"})),w||(w=t.createElement("path",{fill:"#86201F",d:"M5.102 62.81c.91.43 1.852.722 2.836.511a3.766 3.766 0 0 0 2.377-1.662l4.428-6.953c.107-.172.208-.357.288-.544l.014-.032a1.405 1.405 0 0 0 .085-.225c.484-1.493-.472-2.764-1.164-3.44-.02-.024-.036-.038-.06-.06l-.007-.017a1.069 1.069 0 0 0-.14-.12c-.049-.043-.099-.09-.143-.125.106.098.2.205.287.32a2.25 2.25 0 0 1 .196 2.175c-.015.027-.026.052-.04.083-.012.031-.025.052-.04.078-.008.02-.025.041-.033.06a.934.934 0 0 0-.053.088L9.51 59.9a3.235 3.235 0 0 1-4.48.993c-.007-.003-.013-.005-.015-.01-.049-.032-.095-.07-.144-.103-.592-.463-.667-2.36-.573-2.563-1.056 2.425-.285 4.075.821 4.597l-.017-.003Z"})),O||(O=t.createElement("path",{fill:"url(#sprinkles-03_svg__c)",d:"M4.869 60.782c.047.028.089.068.144.103a3.234 3.234 0 0 0 4.495-.983l4.423-6.952a.934.934 0 0 0 .053-.088c.008-.019.025-.041.033-.06.017-.022.027-.047.04-.078.014-.032.027-.052.04-.083a2.233 2.233 0 0 0-.192-2.166 1.977 1.977 0 0 0-.29-.325 1.65 1.65 0 0 0-.278-.22l-.013-.005a3.234 3.234 0 0 0-4.48.993s-4.731 6.866-4.774 7.924c.002.005-.293 1.324.799 1.94Z"})),C||(C=t.createElement("defs",null,t.createElement("linearGradient",{id:"sprinkles-03_svg__a",x1:57.499,x2:50.53,y1:25.587,y2:32.017,gradientUnits:"userSpaceOnUse"},t.createElement("stop",{stopColor:"#F8A4B5"}),t.createElement("stop",{offset:1,stopColor:"#F25071"})),t.createElement("linearGradient",{id:"sprinkles-03_svg__b",x1:32.99,x2:34.957,y1:1.736,y2:11.36,gradientUnits:"userSpaceOnUse"},t.createElement("stop",{stopColor:"#84E0ED"}),t.createElement("stop",{offset:.99,stopColor:"#09C1DA"})),t.createElement("linearGradient",{id:"sprinkles-03_svg__c",x1:7.324,x2:10.96,y1:50.86,y2:59.986,gradientUnits:"userSpaceOnUse"},t.createElement("stop",{stopColor:"#F5B689"}),t.createElement("stop",{offset:1,stopColor:"#EA6404"}),t.createElement("stop",{offset:1,stopColor:"#EA6404"})))))};a().createElement;var S=p().div.withConfig({displayName:"Section__Root",componentId:"sc-n3go5g-0"})(["position:relative;display:flex;flex-direction:column;align-items:center;padding:90px 0;overflow:hidden;@media (min-width:","px){padding:120px 0;}",";",";"],(function(e){return e.theme.breakpoints.medium}),(function(e){return e.hasSprinkles&&"\n svg[class*='sprinkles'] {\n z-index: -1;\n position: absolute;\n width: 54px;\n pointer-events: none;\n\n &[class*='sprinkles-01'] {\n top: 10%;\n left: 15%;\n }\n\n &[class*='sprinkles-02'] {\n top: 52%;\n left: 4%;\n width: 47px;\n }\n\n &[class*='sprinkles-03'] {\n top: 50%;\n left: 90%;\n }\n }\n "}),(function(e){return e.hasGradient&&"\n &::before,\n &::after {\n content: '';\n z-index: -10;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n height: 100%;\n opacity: 0.5;\n background: linear-gradient(140deg, rgb(250, 198, 161), rgb(169, 221, 215) 58%, rgb(175, 194, 231) 76%);\n }\n\n &::before {\n z-index: -1;\n top: 0;\n left: 0;\n right: 0;\n transform: none;\n width: 100%;\n height: 100%;\n opacity: 1;\n background: linear-gradient(180deg, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 100%);\n }\n "}));const U=function(e){var n=e.children,t=e.hasGradient,l=e.hasSprinkles;return a().createElement(S,{hasGradient:t,hasSprinkles:l},l?a().createElement(a().Fragment,null,a().createElement(f,null),a().createElement(h,null),a().createElement(F,null)):null,n)};var Z=exports;for(var j in n)Z[j]=n[j];n.__esModule&&Object.defineProperty(Z,"__esModule",{value:!0})})();