gantri-components 1.7.6 → 1.7.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.umd.js +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react"),o=require("styled-components/macro"),t=require("styled-components"),r=require("styled-media-query"),i=require("lodash.isobject"),a=require("lodash/startCase"),s=require("react-use"),l=require("react-i18next");require("react-spring");var c=require("@cloudinary/url-gen");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var t=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(n,o,t.get?t:{enumerable:!0,get:function(){return e[o]}})}})),n.default=e,Object.freeze(n)}require("@cloudinary/url-gen/actions/resize"),require("@cloudinary/url-gen/actions"),require("@cloudinary/url-gen/qualifiers");var p,u=m(n),h=d(n),g=m(o),f=m(t),w=m(i),y=m(a),_={height:"unset",margin:"unset",maxWidth:"100vw",overflow:"unset",padding:"unset",width:"unset"},v={blue_100:"#ECF1FF",blue_200:"#BDCFFF",blue_300:"#7393E8",blue_400:"#335DC9",blue_500:"#151852",gold_100:"#FCF3E6",gold_200:"#EAD0AF",gold_300:"#D5AF7B",gold_400:"#BF8E47",gold_500:"#946A18",green_100:"#DFFBEC",green_200:"#9FF4C7",green_300:"#00cc88",green_400:"#00855B",green_500:"#25352F",monochrome_050:"#F8F8F8",monochrome_100:"#F0F0F0",monochrome_200:"#DFDFDF",monochrome_300:"#CECECE",monochrome_400:"#A1A1A1",monochrome_500:"#848484",monochrome_600:"#8F8C8B",monochrome_700:"#686868",monochrome_800:"#343434",monochrome_900:"#1C1C1C",monochrome_black:"#000000",monochrome_white:"#FFFFFF",pink_300:"#FFD8F4",pink_400:"#FFB1BA",pink_500:"#E00C7B",red_100:"#FFF0F1",red_200:"#FFCBD0",red_300:"#F47783",red_400:"#D43444",red_500:"#920110",translucent_black:"rgba(28, 28, 28, 0.7)",translucent_cream:"rgba(245, 245, 245, 0.2)",translucent_white:"rgba(255, 255, 255, 0.7)",yellow_100:"#FFFBF2",yellow_200:"#FFF5DB",yellow_300:"#FFECB4",yellow_400:"#FADC87",yellow_500:"#BD8C02"},b={border:"1px solid ".concat(v.monochrome_300),borderRadius:".6rem",dimensions:{gridGutter:"2.4rem",headerHeight:{lg:"6.4rem",sm:"4.8rem"},maxWidth:"78rem",spacing:{s1:"1.6rem",s2:"2rem",s3:"2.4rem",s4:"4rem",s5:"6rem",s6:"12rem"}},fonts:{boldFontFamily:"Sohne Halbfett",h1:{family:"Sohne Halbfett",lineHeight:"7rem",lineHeightMedium:"5rem",lineHeightSmaller:"5rem",size:"5.8rem",sizeMedium:"4rem",sizeSmaller:"4rem"},h2:{family:"Sohne Halbfett",lineHeight:"4.8rem",lineHeightMedium:"3.4rem",lineHeightSmaller:"3.4rem",size:"3.8rem",sizeMedium:"2.8rem",sizeSmaller:"2.8rem"},h3:{family:"Sohne Dreiviertelfett",lineHeight:"3.6rem",lineHeightMedium:"2.6rem",lineHeightSmaller:"2.6rem",size:"2.8rem",sizeMedium:"2rem",sizeSmaller:"2rem"},h4:{family:"Sohne Dreiviertelfett",lineHeight:"2.2rem",lineHeightMedium:"2.2rem",lineHeightSmaller:"2.2rem",size:"1.8rem",sizeMedium:"1.8rem",sizeSmaller:"1.8rem"},h5:{family:"Sohne Halbfett",lineHeight:"2rem",lineHeightMedium:"2rem",lineHeightSmaller:"2rem",size:"1.6rem",sizeMedium:"1.6rem",sizeSmaller:"1.6rem"},hero:{family:"Sohne Kraftig",familyMedium:"Sohne Halbfett",familySmaller:"Sohne Halbfett",lineHeight:"8.6rem",lineHeightMedium:"5.8rem",lineHeightSmaller:"5.8rem",size:"7.2rem",sizeMedium:"5.2rem",sizeSmaller:"5.2rem"},p0:{family:"Sohne Buch",lineHeight:"3.6rem",lineHeightMedium:"3rem",lineHeightSmaller:"3rem",size:"2.4rem",sizeMedium:"2.2rem",sizeSmaller:"2.2rem"},p1:{family:"Sohne Buch",lineHeight:"2.7rem",lineHeightMedium:"2.7rem",lineHeightSmaller:"2.7rem",size:"1.8rem",sizeMedium:"1.8rem",sizeSmaller:"1.8rem"},p2:{family:"Sohne Buch",lineHeight:"2.2rem",lineHeightSmaller:"2.2rem",size:"1.5rem",sizeSmaller:"1.5rem"},p3:{family:"Sohne Buch",lineHeight:"1.5rem",lineHeightSmaller:"1.5rem",size:"1.2rem",sizeSmaller:"1.2rem"},regularFontFamily:"Sohne Buch"},shadow:"0 .2rem .6rem rgba(0, 0, 0, 0.12)",transitions:{base:"0.15s ease",slow:"0.3s ease",slowest:"2s ease",turtle:"0.8s ease"}},P=e.__assign(e.__assign({},b),{colors:{dividers:{t1:v.monochrome_100,t2:v.monochrome_300,t3:v.monochrome_900},iconography:{alert:v.red_400,link:v.green_400,t1:v.monochrome_500,t2:v.monochrome_900,t3:v.monochrome_white,warning:v.gold_400},palette:v,surface:{alert:v.red_100,hover:v.monochrome_050,level1:v.monochrome_white,level2:v.monochrome_100,level3:v.monochrome_200,selected:v.monochrome_050,success:v.blue_100,successAlt:v.green_400,warning:v.yellow_100},typography:{alert:v.red_400,alt:v.monochrome_white,link:v.green_400,success:v.blue_400,t1:v.monochrome_900,t2:v.monochrome_500,t3:v.monochrome_300,warning:v.gold_400}},name:"Light Theme"}),k=e.__assign(e.__assign({},b),{colors:{dividers:{t1:v.monochrome_600,t2:v.monochrome_400,t3:v.monochrome_white},iconography:{alert:v.red_200,link:v.green_300,t1:v.monochrome_300,t2:v.monochrome_100,t3:v.monochrome_900,warning:v.gold_200},palette:v,surface:{alert:v.red_500,hover:v.monochrome_800,level1:v.monochrome_900,level2:v.monochrome_800,level3:v.monochrome_600,selected:v.monochrome_800,success:v.blue_500,successAlt:v.blue_100,warning:v.gold_500},typography:{alert:v.red_200,alt:v.monochrome_900,link:v.green_300,success:v.blue_200,t1:v.monochrome_white,t2:v.monochrome_300,t3:v.monochrome_500,warning:v.gold_200}},name:"Dark Theme"}),x=function(e,n){var o,t;return void 0===n&&(n=P),null!==(t=null===(o=n.colors.palette)||void 0===o?void 0:o[e])&&void 0!==t?t:e},A=function(e,n){var o;return void 0===n&&(n=P),null!==(o=n.dimensions.spacing[e])&&void 0!==o?o:"default"===e?n.dimensions.gridGutter:null!=e?e:"unset"},F=function(e){return void 0===e&&(e=P),{alert:{background:e.colors.palette.red_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.red_300,selected:e.colors.palette.red_500},black:{background:e.colors.palette.monochrome_900,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_500,selected:e.colors.palette.green_500},blue:{background:e.colors.palette.blue_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.blue_300,selected:e.colors.palette.blue_500},gold:{background:e.colors.palette.gold_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.gold_300,selected:e.colors.palette.gold_500},green:{background:e.colors.palette.green_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.green_300,selected:e.colors.palette.green_500},grey:{background:e.colors.palette.monochrome_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_300,selected:e.colors.palette.monochrome_500},greyLight:{background:e.colors.palette.monochrome_200,color:e.colors.palette.monochrome_black,hover:e.colors.palette.monochrome_300,selected:e.colors.palette.monochrome_400},pink:{background:e.colors.palette.pink_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.red_300,selected:e.colors.palette.monochrome_black},primary:{background:e.colors.palette.green_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.green_300,selected:e.colors.palette.green_500},secondary:{background:e.colors.palette.green_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_500,selected:e.colors.palette.green_500},secondaryAlt:{background:e.colors.palette.monochrome_black,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_500,selected:e.colors.palette.green_500},white:{background:e.colors.palette.monochrome_white,color:e.colors.palette.monochrome_black,hover:e.colors.palette.monochrome_300,selected:e.colors.palette.monochrome_500},yellow:{background:e.colors.palette.yellow_500,color:e.colors.palette.monochrome_white,hover:e.colors.palette.green_400,selected:e.colors.palette.monochrome_black}}},S=o.createGlobalStyle(p||(p=e.__makeTemplateObject(['\n *,\n *::before,\n *::after {\n margin: 0;\n padding: 0;\n box-sizing: inherit;\n outline: none;\n }\n\n html {\n /* defines 1rem = 10px value */\n font-size: 62.5%;\n }\n\n body {\n box-sizing: border-box;\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n }\n\n * {\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n -moz-font-smoothing: antialiased;\n font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -webkit-tap-highlight-color: transparent;\n }\n\n a,\n a:active,\n a:visited {\n font-family: "Sohne Halbfett", "Helvetica", sans-serif;\n text-decoration: none;\n display: inherit;\n cursor: pointer;\n color: ',";\n\n &.affirm-modal-trigger:hover {\n text-decoration: underline;\n }\n }\n\n svg {\n overflow: visible;\n }\n\n #fb-root {\n z-index: 999;\n display: block;\n }\n\n input, select {\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px white inset !important;\n }\n }\n\n @font-face {\n font-family: 'Sohne Buch';\n src: url(https://www.gantri.com/static/fonts/soehne-web-buch.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Dreiviertelfett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-dreiviertelfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Halbfett';\n src: url(https://www.gantri.com/static/fonts/public/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig Kursiv';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig-kursiv.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Extrafett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n"],['\n *,\n *::before,\n *::after {\n margin: 0;\n padding: 0;\n box-sizing: inherit;\n outline: none;\n }\n\n html {\n /* defines 1rem = 10px value */\n font-size: 62.5%;\n }\n\n body {\n box-sizing: border-box;\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n }\n\n * {\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n -moz-font-smoothing: antialiased;\n font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -webkit-tap-highlight-color: transparent;\n }\n\n a,\n a:active,\n a:visited {\n font-family: "Sohne Halbfett", "Helvetica", sans-serif;\n text-decoration: none;\n display: inherit;\n cursor: pointer;\n color: ',";\n\n &.affirm-modal-trigger:hover {\n text-decoration: underline;\n }\n }\n\n svg {\n overflow: visible;\n }\n\n #fb-root {\n z-index: 999;\n display: block;\n }\n\n input, select {\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px white inset !important;\n }\n }\n\n @font-face {\n font-family: 'Sohne Buch';\n src: url(https://www.gantri.com/static/fonts/soehne-web-buch.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Dreiviertelfett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-dreiviertelfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Halbfett';\n src: url(https://www.gantri.com/static/fonts/public/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig Kursiv';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig-kursiv.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Extrafett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n"])),x("gold_400")),j=function(e){var n=e.children,o=e.theme;return u.default.createElement(t.ThemeProvider,{theme:o},u.default.createElement(S,null),n)};j.defaultProps={theme:P};var z,H,C,I=r.generateMedia({lg:"75em",md:"64em",sm:"45.06em"}),T=function(e,n){var o;if(w.default(e)){var t=e,r=t.lg,i=t.md,a=t.sm;switch(n){case"lg":default:return r;case"md":return null!=i?i:r;case"sm":return null!==(o=null!=a?a:i)&&void 0!==o?o:r}}return e};function E(n){var o="",r="",i="";return n.forEach((function(n){if(n.lookIn&&Array.isArray(n.resolutionAwareProp))throw new Error("Specifying lookIn property when resolutionAwareProp is an array is not allowed");var t=function(n){var o;if(Array.isArray(n))return n.reduce((function(n,o){return e.__assign(e.__assign({},n),{lg:e.__spreadArray(e.__spreadArray([],n.lg,!0),[T(o,"lg")],!1),md:e.__spreadArray(e.__spreadArray([],n.md,!0),[T(o,"md")],!1),sm:e.__spreadArray(e.__spreadArray([],n.sm,!0),[T(o,"sm")],!1)})}),{lg:[],md:[],sm:[]});if(w.default(n)){var t=n,r=t.lg,i=t.md,a=t.sm;return{lg:r,md:null!=i?i:r,sm:null!==(o=null!=a?a:i)&&void 0!==o?o:r}}return{lg:n,md:n,sm:n}}(n.resolutionAwareProp),a=t.lg,s=t.md,l=t.sm;if(void 0!==a){var c=n.lookIn&&n.lookIn[a]||a;o+="".concat(n.cssProperty,": ").concat(n.valueFormatter?n.valueFormatter(c,"lg"):c," ").concat(n.isImportant?"!important":"",";;")}if(void 0!==s){c=n.lookIn&&n.lookIn[s]||s;r+="".concat(n.cssProperty,": ").concat(n.valueFormatter?n.valueFormatter(c,"md"):c," ").concat(n.isImportant?"!important":"",";;")}if(void 0!==l){c=n.lookIn&&n.lookIn[l]||l;i+="".concat(n.cssProperty,": ").concat(n.valueFormatter?n.valueFormatter(c,"sm"):c," ").concat(n.isImportant?"!important":"",";")}})),t.css(C||(C=e.__makeTemplateObject(["\n ","\n\n ","\n\n ","\n "],["\n ","\n\n ","\n\n ","\n "])),o,r&&I.lessThan("md")(z||(z=e.__makeTemplateObject(["\n ","\n "],["\n ","\n "])),r),i&&I.lessThan("sm")(H||(H=e.__makeTemplateObject(["\n ","\n "],["\n ","\n "])),i))}var O,B,M,R,D=g.default.div(B||(B=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(n){var t=n.backgroundColor,r=n.padding,i=n.verticalPadding,a=n.horizontalPadding,s=n.paddingLeft,l=void 0===s?a:s,c=n.paddingRight,m=void 0===c?a:c,d=n.paddingTop,p=void 0===d?i:d,u=n.paddingBottom,h=void 0===u?i:u,g=n.margin,f=n.verticalMargin,w=n.horizontalMargin,y=n.marginLeft,_=void 0===y?w:y,v=n.marginRight,b=void 0===v?w:v,P=n.marginTop,k=void 0===P?f:P,A=n.marginBottom,F=void 0===A?f:A,S=n.theme,j=n.borderRadius,z=n.hidden,H=n.textAlign,C=n.height,I=n.minHeight,T=n.width,B=n.minWidth,M=n.maxWidth,R=n.overflow,D=n.alignSelf,q=n.justifySelf,L=[{cssProperty:"background-color",resolutionAwareProp:t,valueFormatter:function(e){return x(e)}},{cssProperty:"padding",lookIn:S.dimensions.spacing,resolutionAwareProp:r},{cssProperty:"padding-left",lookIn:S.dimensions.spacing,resolutionAwareProp:l},{cssProperty:"padding-right",lookIn:S.dimensions.spacing,resolutionAwareProp:m},{cssProperty:"padding-top",lookIn:S.dimensions.spacing,resolutionAwareProp:p},{cssProperty:"padding-bottom",lookIn:S.dimensions.spacing,resolutionAwareProp:h},{cssProperty:"margin",lookIn:S.dimensions.spacing,resolutionAwareProp:g},{cssProperty:"margin-left",lookIn:S.dimensions.spacing,resolutionAwareProp:_},{cssProperty:"margin-right",lookIn:S.dimensions.spacing,resolutionAwareProp:b},{cssProperty:"margin-top",lookIn:S.dimensions.spacing,resolutionAwareProp:k},{cssProperty:"margin-bottom",lookIn:S.dimensions.spacing,resolutionAwareProp:F},{cssProperty:"display",resolutionAwareProp:z,valueFormatter:function(e){return!0===e?"none":"block"}},{cssProperty:"border-radius",resolutionAwareProp:j},{cssProperty:"text-align",resolutionAwareProp:H},{cssProperty:"width",resolutionAwareProp:T},{cssProperty:"height",resolutionAwareProp:C},{cssProperty:"min-height",resolutionAwareProp:I},{cssProperty:"min-width",resolutionAwareProp:B},{cssProperty:"max-width",resolutionAwareProp:M},{cssProperty:"align-self",resolutionAwareProp:D},{cssProperty:"justify-self",resolutionAwareProp:q}];return o.css(O||(O=e.__makeTemplateObject(["\n position: relative;\n overflow: ",";\n ",";\n "],["\n position: relative;\n overflow: ",";\n ",";\n "])),R,E(L))})),q=function(n){var o=e.__assign(e.__assign({},_),n);return h.createElement(D,e.__assign({},o))},L=f.default.svg.withConfig({displayName:"StyledSvgIcon",componentId:"sc-1jh49e-0"})(R||(R=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(n){var o=n.size,r=n.nwidth,i=n.nheight,a=n.cursor,s=n.top,l=n.bottom,c=n.right,m=n.left,d=[{cssProperty:"width",resolutionAwareProp:null!=r?r:o},{cssProperty:"height",resolutionAwareProp:null!=i?i:o}];return t.css(M||(M=e.__makeTemplateObject(["\n ",";\n cursor: ",";\n position: relative;\n top: ",";\n bottom: ",";\n right: ",";\n left: ",";\n "],["\n ",";\n cursor: ",";\n position: relative;\n top: ",";\n bottom: ",";\n right: ",";\n left: ",";\n "])),E(d),a,s||"unset",l||"unset",c||"unset",m||"unset")})),W=function(o){var t=o.name,r=o.width,i=o.height,a=e.__rest(o,["name","width","height"]),l=n.useState(null),c=l[0],m=l[1];return s.useAsync((function(){return e.__awaiter(void 0,void 0,void 0,(function(){var n,o,r;return e.__generator(this,(function(e){switch(e.label){case 0:return t?(n=t.split(":"),o="".concat(n[0],"/").concat(y.default(n[1])).replace("_","").replace(/ /g,""),[4,(i="./generated/".concat(o,".tsx"),Promise.resolve().then((function(){return d(require(i))})))]):[3,2];case 1:r=e.sent(),m(r.default),e.label=2;case 2:return[2]}var i}))}))}),[t]),c?u.default.createElement(L,e.__assign({as:c,nheight:i,nwidth:r},a)):null};W.defaultProps={color:"link",cursor:"unset",opacity:1,size:"2rem"};var V,G,N=g.default.p(G||(G=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(n){var t=n.theme,r=n.variant,i=n.transform,a=n.color,s=n.align,l=n.lineHeight,c=n.fontSize,m=n.fontWeight,d=n.whiteSpace,p=n.padding,u=n.verticalPadding,h=n.horizontalPadding,g=n.paddingLeft,f=void 0===g?h:g,w=n.paddingRight,y=void 0===w?h:w,_=n.paddingTop,v=void 0===_?u:_,b=n.paddingBottom,P=void 0===b?u:b,k=n.margin,x=n.verticalMargin,A=n.horizontalMargin,F=n.marginLeft,S=void 0===F?A:F,j=n.marginRight,z=void 0===j?A:j,H=n.marginTop,C=void 0===H?x:H,I=n.marginBottom,T=void 0===I?x:I,O=n.alignSelf,B=n.justifySelf,M=n.display,R=n.hidden,D=n.minWidth,q=n.maxWidth,L=n.letterSpacing,W=n.textShadow,G=n.onClick,N=r||"p2",K=a||"",Y=c||{lg:t.fonts[N].size,md:t.fonts[N].sizeMedium,sm:t.fonts[N].sizeSmaller},J=l||{lg:t.fonts[N].lineHeight,md:t.fonts[N].lineHeightMedium,sm:t.fonts[N].lineHeightSmaller},Q=[{cssProperty:"text-align",resolutionAwareProp:s},{cssProperty:"font-family",resolutionAwareProp:{lg:t.fonts[N].family,sm:t.fonts[N].familySmaller},valueFormatter:function(e){return"".concat(e,', "Helvetica", sans-serif;')}},{cssProperty:"font-size",resolutionAwareProp:Y},{cssProperty:"line-height",resolutionAwareProp:J},{cssProperty:"min-width",resolutionAwareProp:D},{cssProperty:"max-width",resolutionAwareProp:q},{cssProperty:"padding",lookIn:t.dimensions.spacing,resolutionAwareProp:p},{cssProperty:"padding-left",lookIn:t.dimensions.spacing,resolutionAwareProp:f},{cssProperty:"padding-right",lookIn:t.dimensions.spacing,resolutionAwareProp:y},{cssProperty:"padding-top",lookIn:t.dimensions.spacing,resolutionAwareProp:v},{cssProperty:"padding-bottom",lookIn:t.dimensions.spacing,resolutionAwareProp:P},{cssProperty:"margin",lookIn:t.dimensions.spacing,resolutionAwareProp:k},{cssProperty:"margin-left",lookIn:t.dimensions.spacing,resolutionAwareProp:S},{cssProperty:"margin-right",lookIn:t.dimensions.spacing,resolutionAwareProp:z},{cssProperty:"margin-top",lookIn:t.dimensions.spacing,resolutionAwareProp:C},{cssProperty:"margin-bottom",lookIn:t.dimensions.spacing,resolutionAwareProp:T},{cssProperty:"align-self",resolutionAwareProp:O},{cssProperty:"justify-self",resolutionAwareProp:B},{cssProperty:"letter-spacing",resolutionAwareProp:L},{cssProperty:"white-space",resolutionAwareProp:d},{cssProperty:"display",resolutionAwareProp:[M,R],valueFormatter:function(e){var n=e[0];return!0===e[1]?"none":n}}];return o.css(V||(V=e.__makeTemplateObject(["\n color: ",";\n text-transform: ",";\n transition: all ",";\n font-weight: ",";\n cursor: ",";\n text-shadow: ",";\n\n ",";\n\n a {\n display: inline-block;\n font-size: inherit;\n line-height: inherit;\n }\n "],["\n color: ",";\n text-transform: ",";\n transition: all ",";\n font-weight: ",";\n cursor: ",";\n text-shadow: ",";\n\n ",";\n\n a {\n display: inline-block;\n font-size: inherit;\n line-height: inherit;\n }\n "])),t.colors.typography[K]||t.colors.palette[K]||a,i,t.transitions.base,m||t.fonts[N].fontWeight||400,G?"pointer":"unset",W,E(Q))})),K={badge:"span",hero:"h1",p0:"p",p1:"p",p2:"p",p3:"p"},Y=n.forwardRef((function(n,o){var t,r,i=n.type,a=n.variant,s=n.tx,c=n.txValues,m=n.text,d=n.htmlText,p=n.textStyle,h=n.color,g=e.__rest(n,["type","variant","tx","txValues","text","htmlText","textStyle","color"]),f=l.useTranslation().t;return d?u.default.createElement(N,e.__assign({as:null!==(t=null!=i?i:K[a||""])&&void 0!==t?t:a,color:null!=h?h:"black",dangerouslySetInnerHTML:{__html:d},ref:o,textStyle:p,variant:a},g)):u.default.createElement(N,e.__assign({as:null!==(r=null!=i?i:K[a||""])&&void 0!==r?r:a,color:null!=h?h:"black",ref:o,textStyle:p,tx:s,variant:a},g),s?u.default.createElement(l.Trans,{t:f,values:c},s):m)}));Y.defaultProps={color:"t1",display:"block",variant:"p2",whiteSpace:"inherit"};var J,Q,U,X,Z,$,ee,ne={md:"15rem",sm:"14rem",xl:"17rem"},oe=f.default.button.withConfig({displayName:"StyledButton",componentId:"sc-12w1zik-0"})(X||(X=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(n){var o=n.theme,r=n.variant,i=n.color,a=n.width,s=n.minWidth,l=n.disabled,c=n.borderRadius,m=n.alignSelf,d=n.justifySelf,p=n.hidden,u=n.size,h=[{cssProperty:"width",resolutionAwareProp:a,valueFormatter:function(e){var n;return null!==(n=ne[e])&&void 0!==n?n:e}},{cssProperty:"min-width",resolutionAwareProp:s||"unset"},{cssProperty:"border-radius",resolutionAwareProp:"action"===r?"none":c||("small"===u?"0.4rem":"4.9rem")},{cssProperty:"align-self",resolutionAwareProp:m},{cssProperty:"justify-self",resolutionAwareProp:d},{cssProperty:"display",resolutionAwareProp:p,valueFormatter:function(e){return!0===e?"none":"flex"}}];return t.css(U||(U=e.__makeTemplateObject(["\n &,\n &:active,\n &:focus {\n display: flex;\n ",";\n position: relative;\n border-style: solid;\n border-width: ",";\n outline: none;\n padding: 0 ",";\n cursor: ",";\n pointer-events: ",";\n opacity: ",";\n transition: ",";\n user-select: none;\n overflow: hidden;\n height: ",";\n min-width: max-content;\n\n ","\n\n ","\n }\n "],["\n &,\n &:active,\n &:focus {\n display: flex;\n ",";\n position: relative;\n border-style: solid;\n border-width: ",";\n outline: none;\n padding: 0 ",";\n cursor: ",";\n pointer-events: ",";\n opacity: ",";\n transition: ",";\n user-select: none;\n overflow: hidden;\n height: ",";\n min-width: max-content;\n\n ","\n\n ","\n }\n "])),E(h),"default"===r?"unset":"1px","small"===u?"1rem":"2.4rem",l?"not-allowed":"pointer",l?"none":"all",l?.3:1,o.transitions.base,"large"===u?"4.6rem":"3.4rem",function(n,o,r){var i,a=null!==(i=F(r)[n])&&void 0!==i?i:F(r).white,s=!("secondary"===o||"action"===o);return t.css(J||(J=e.__makeTemplateObject(["\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n\n &:hover {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n\n &:active {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n "],["\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n\n &:hover {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n\n &:active {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n "])),s?a.background:"transparent",a.background,s?a.color||a.background:a.background||a.color,s?a.hover:"transparent",a.hover,s?a.color||a.hover:a.hover||a.color,s?a.selected:"transparent",a.selected,s?a.color||a.selected:a.selected||a.color)}(String(i),r,o),"action"===r&&t.css(Q||(Q=e.__makeTemplateObject(["\n border: none;\n padding: 0;\n width: max-content;\n min-width: 0;\n\n &:hover,\n &:active {\n border: unset;\n\n * {\n text-decoration: underline;\n }\n }\n "],["\n border: none;\n padding: 0;\n width: max-content;\n min-width: 0;\n\n &:hover,\n &:active {\n border: unset;\n\n * {\n text-decoration: underline;\n }\n }\n "]))))})),te=f.default.div.withConfig({displayName:"StyledButtonContent",componentId:"sc-12w1zik-1"})(ee||(ee=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(n){var o=n.theme,r=n.textVariant;return t.css($||($=e.__makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n transform: translateY(0);\n opacity: 1;\n transition: ",";\n\n & > *:not(:last-child) {\n margin-right: ",";\n position: relative;\n\n ","\n }\n "],["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n transform: translateY(0);\n opacity: 1;\n transition: ",";\n\n & > *:not(:last-child) {\n margin-right: ",";\n position: relative;\n\n ","\n }\n "])),o.transitions.base,"p3"===r?".6rem":".8rem",I.lessThan("sm")(Z||(Z=e.__makeTemplateObject(["\n margin-right: ",";\n "],["\n margin-right: ",";\n "])),"p3"===r?".3rem":".5rem"))})),re=n.forwardRef((function(n,o){var t=n.tx,r=n.text,i=n.txValues,a=n.textVariant,s=n.textLineHeight,l=n.fontSize,c=n.type,m=n.disabled,d=n.icon,p=n.iconLocation,u=n.processing,g=n.onClick,f=e.__rest(n,["tx","text","txValues","textVariant","textLineHeight","fontSize","type","disabled","icon","iconLocation","processing","onClick"]);return h.createElement(oe,e.__assign({disabled:m,ref:o,textVariant:a,type:c,onClick:g},f),h.createElement(te,e.__assign({},f),d&&!u&&"left"===p&&d,"action"!==f.variant&&u&&h.createElement(W,{name:"animated:loader_24",size:"1.6rem"}),(t||r)&&h.createElement(Y,{display:"contents",fontSize:l,lineHeight:s,text:r,textStyle:"bold",tx:t,txValues:i,variant:a,whiteSpace:"nowrap"}),d&&"right"===p&&d))}));re.defaultProps={color:"primary",disabled:!1,iconLocation:"left",size:"large",textLineHeight:"unset",textVariant:"p2",type:"button",variant:"primary"};var ie,ae,se=g.default.div(ae||(ae=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(n){var t=n.width,r=n.height,i=n.row,a=n.column,s=n.hidden,l=n.textAlign,c=n.alignSelf,m=n.alignItems,d=n.alignContent,p=n.justifyContent,u=n.justifyItems,h=n.gap,g=n.columnGap,f=void 0===g?h:g,w=n.rowGap,y=void 0===w?h:w,_=n.position,v=n.borderRadius,b=n.padding,P=n.backgroundColor,k=n.verticalPadding,F=n.horizontalPadding,S=n.paddingLeft,j=void 0===S?F:S,z=n.paddingRight,H=void 0===z?F:z,C=n.paddingTop,I=void 0===C?k:C,T=n.paddingBottom,O=void 0===T?k:T,B=n.theme,M=[{cssProperty:"background-color",resolutionAwareProp:P,valueFormatter:function(e){return x(e,B)}},{cssProperty:"display",resolutionAwareProp:s,valueFormatter:function(e){return e?"none":"grid"}},{cssProperty:"text-align",resolutionAwareProp:l},{cssProperty:"align-self",resolutionAwareProp:c},{cssProperty:"align-items",resolutionAwareProp:m},{cssProperty:"align-content",resolutionAwareProp:d},{cssProperty:"grid-column-gap",resolutionAwareProp:f,valueFormatter:function(e){return A(e,B)}},{cssProperty:"grid-row-gap",resolutionAwareProp:y,valueFormatter:function(e){return A(e,B)}},{cssProperty:"justify-content",resolutionAwareProp:p},{cssProperty:"justify-items",resolutionAwareProp:u},{cssProperty:"border-radius",resolutionAwareProp:v},{cssProperty:"padding",lookIn:B.dimensions.spacing,resolutionAwareProp:b},{cssProperty:"padding-left",lookIn:B.dimensions.spacing,resolutionAwareProp:j},{cssProperty:"padding-right",lookIn:B.dimensions.spacing,resolutionAwareProp:H},{cssProperty:"padding-top",lookIn:B.dimensions.spacing,resolutionAwareProp:I},{cssProperty:"padding-bottom",lookIn:B.dimensions.spacing,resolutionAwareProp:O}];return t?M.push({cssProperty:"grid-column",resolutionAwareProp:t,valueFormatter:function(e){return"span ".concat(e)}}):a&&M.push({cssProperty:"grid-column",resolutionAwareProp:a}),r?M.push({cssProperty:"grid-row",resolutionAwareProp:r,valueFormatter:function(e){return"span ".concat(e)}}):i&&M.push({cssProperty:"grid-row",resolutionAwareProp:i}),o.css(ie||(ie=e.__makeTemplateObject(["\n display: grid;\n position: ",";\n ",";\n "],["\n display: grid;\n position: ",";\n ",";\n "])),_,E(M))})),le=n.forwardRef((function(n,o){var t=n.children,r=e.__rest(n,["children"]);return h.createElement(se,e.__assign({ref:o},r),t)}));le.defaultProps={column:null,row:null,textAlign:"left"};var ce,me,de=g.default(q)(me||(me=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(n){var t=n.direction,r=n.justifyContent,i=n.alignItems,a=n.backgroundColor,s=n.gap,l=n.hidden,c=n.height,m=n.width,d=n.theme,p=E([{cssProperty:"flex-direction",resolutionAwareProp:t},{cssProperty:"justify-content",resolutionAwareProp:r},{cssProperty:"align-items",resolutionAwareProp:i},{cssProperty:"display",resolutionAwareProp:l,valueFormatter:function(e){return!0===e?"none":"flex"}},{cssProperty:"background-color",resolutionAwareProp:a,valueFormatter:function(e){return x(e,d)}},{cssProperty:"height",resolutionAwareProp:c},{cssProperty:"width",resolutionAwareProp:m},{cssProperty:"gap",resolutionAwareProp:s,valueFormatter:function(e){return A(e,d)}}]);return o.css(ce||(ce=e.__makeTemplateObject(["\n display: flex;\n width: 100%;\n ","\n "],["\n display: flex;\n width: 100%;\n ","\n "])),p)})),pe=function(n){return u.default.createElement(de,e.__assign({},n))};pe.defaultProps={alignItems:"unset",borderRadius:"unset",direction:"row",height:"unset",justifyContent:"unset",padding:"unset"};var ue,he,ge,fe,we=function(e){return"string"==typeof e?e:"repeat(".concat(e,", 1fr);")},ye=function(e){return"string"==typeof e?e:"repeat(".concat(e,", max-content);")},_e=g.default.div(he||(he=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(n){var t=n.width,r=n.height,i=n.columns,a=n.autoColumns,s=n.rows,l=n.autoRows,c=n.flow,m=n.gap,d=n.columnGap,p=void 0===d?m:d,u=n.rowGap,h=void 0===u?m:u,g=n.padding,f=n.horizontalPadding,w=void 0===f?g:f,y=n.paddingLeft,_=void 0===y?w:y,v=n.paddingRight,b=void 0===v?w:v,P=n.verticalPadding,k=void 0===P?g:P,F=n.paddingTop,S=void 0===F?k:F,j=n.paddingBottom,z=void 0===j?k:j,H=n.margin,C=n.horizontalMargin,I=void 0===C?H:C,T=n.marginLeft,O=void 0===T?I:T,B=n.marginRight,M=void 0===B?I:B,R=n.verticalMargin,D=void 0===R?H:R,q=n.marginTop,L=void 0===q?D:q,W=n.marginBottom,V=void 0===W?D:W,G=n.justifyContent,N=n.alignContent,K=n.justifyItems,Y=n.justifySelf,J=n.alignItems,Q=n.hidden,U=n.maxWidth,X=n.minWidth,Z=n.minHeight,$=n.maxHeight,ee=n.backgroundColor,ne=n.border,oe=n.borderRadius,te=n.theme,re=[{cssProperty:"grid-auto-flow",resolutionAwareProp:c},{cssProperty:"grid-auto-columns",resolutionAwareProp:a},{cssProperty:"grid-auto-rows",resolutionAwareProp:l},{cssProperty:"grid-template-columns",resolutionAwareProp:i,valueFormatter:we},{cssProperty:"grid-template-rows",resolutionAwareProp:s,valueFormatter:ye},{cssProperty:"grid-column-gap",resolutionAwareProp:p,valueFormatter:function(e){return A(e,te)}},{cssProperty:"grid-row-gap",resolutionAwareProp:h,valueFormatter:function(e){return A(e,te)}},{cssProperty:"padding-left",resolutionAwareProp:_,valueFormatter:function(e){return A(e,te)}},{cssProperty:"padding-right",resolutionAwareProp:b,valueFormatter:function(e){return A(e,te)}},{cssProperty:"padding-top",resolutionAwareProp:S,valueFormatter:function(e){return A(e,te)}},{cssProperty:"padding-bottom",resolutionAwareProp:z,valueFormatter:function(e){return A(e,te)}},{cssProperty:"margin-left",resolutionAwareProp:O,valueFormatter:function(e){return A(e,te)}},{cssProperty:"margin-right",resolutionAwareProp:M,valueFormatter:function(e){return A(e,te)}},{cssProperty:"margin-top",resolutionAwareProp:L,valueFormatter:function(e){return A(e,te)}},{cssProperty:"margin-bottom",resolutionAwareProp:V,valueFormatter:function(e){return A(e,te)}},{cssProperty:"align-content",resolutionAwareProp:N},{cssProperty:"justify-content",resolutionAwareProp:G},{cssProperty:"align-items",resolutionAwareProp:J},{cssProperty:"justify-items",resolutionAwareProp:K},{cssProperty:"justify-self",resolutionAwareProp:Y},{cssProperty:"display",resolutionAwareProp:Q,valueFormatter:function(e){return!0===e?"none":"grid"}},{cssProperty:"max-width",resolutionAwareProp:U},{cssProperty:"min-width",resolutionAwareProp:X},{cssProperty:"min-height",resolutionAwareProp:Z},{cssProperty:"max-height",resolutionAwareProp:$},{cssProperty:"background-color",resolutionAwareProp:ee,valueFormatter:function(e){return x(e,te)}},{cssProperty:"width",resolutionAwareProp:t},{cssProperty:"height",resolutionAwareProp:r},{cssProperty:"border-radius",resolutionAwareProp:oe}];return o.css(ue||(ue=e.__makeTemplateObject(["\n display: grid;\n position: relative;\n border: ",";\n ",";\n "],["\n display: grid;\n position: relative;\n border: ",";\n ",";\n "])),ne||"unset",E(re))})),ve=n.forwardRef((function(n,o){var t=n.children,r=e.__rest(n,["children"]);return h.createElement(_e,e.__assign({ref:o},r),t)}));ve.defaultProps={backgroundColor:"unset",flow:"row",gap:{lg:"s3",md:"s3",sm:"s1"},height:"unset",maxWidth:"unset",padding:"unset",width:"unset"},ge||(ge=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),fe||(fe=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),new c.Cloudinary({cloud:{cloudName:"gantri"},url:{secure:!0}});var be,Pe,ke,xe,Ae,Fe,Se=f.default.div.withConfig({displayName:"StyledRadioContainer",componentId:"sc-kxjg4j-0"})(be||(be=e.__makeTemplateObject(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"]))),je=f.default.div.withConfig({displayName:"StyledRadio",componentId:"sc-kxjg4j-1"})(ke||(ke=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(n){var o=n.theme;return t.css(Pe||(Pe=e.__makeTemplateObject(["\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n border: 1px solid ",";\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n cursor: pointer;\n "],["\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n border: 1px solid ",";\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n cursor: pointer;\n "])),o.colors.palette.monochrome_200)})),ze=f.default.input.withConfig({displayName:"StyledRadioInput",componentId:"sc-kxjg4j-2"})(xe||(xe=e.__makeTemplateObject(["\n width: 20px;\n height: 20px;\n opacity: 0;\n cursor: pointer;\n"],["\n width: 20px;\n height: 20px;\n opacity: 0;\n cursor: pointer;\n"]))),He=f.default.span.withConfig({displayName:"StyledRadioMarker",componentId:"sc-kxjg4j-3"})(Fe||(Fe=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(n){var o=n.theme;return t.css(Ae||(Ae=e.__makeTemplateObject(["\n position: absolute;\n width: calc(100% - 1.2rem);\n height: calc(100% - 1.2rem);\n display: inline-block;\n border-radius: 50%;\n background-color: ",";\n "],["\n position: absolute;\n width: calc(100% - 1.2rem);\n height: calc(100% - 1.2rem);\n display: inline-block;\n border-radius: 50%;\n background-color: ",";\n "])),o.colors.palette.monochrome_black)})),Ce=function(n){var o=n.flow,t=n.children,r=n.justifyContent,i=n.justifyItems,a=n.alignContent,s=n.maxWidth,l=n.minHeight,c=n.height,m=e.__rest(n,["flow","children","justifyContent","justifyItems","alignContent","maxWidth","minHeight","height"]);return u.default.createElement(ve,e.__assign({alignContent:a,alignItems:"center",columns:"column"===o?"minmax(min-content,".concat(s||"max-content",")"):"unset",flow:o,height:c,justifyContent:r,justifyItems:i,maxWidth:s,minHeight:l},m),t)};Ce.defaultProps={alignContent:"start",flow:"row",gap:"s1",height:"100%",horizontalPadding:{lg:"s3",sm:"s1"},justifyContent:"unset",padding:"unset"};var Ie=function(e){var o=e.name,t=e.labelTx,r=e.labelText,i=e.labelPosition,a=e.labelVariant,s=e.value,l=e.groupValue,c=e.onChange,m=e.onSelected,d=n.useRef(),p=s===l;return u.default.createElement(Se,null,u.default.createElement(Ce,{flow:"column",gap:"1rem",padding:"unset"},(t||r)&&"left"===i&&u.default.createElement(Y,{color:p?"t1":"t2",text:r,tx:t,variant:a}),u.default.createElement(je,null,p&&u.default.createElement(He,null),u.default.createElement(ze,{checked:p,id:"".concat(o,"-").concat(s),name:o,ref:d,type:"radio",value:s,onChange:function(e){c&&c(e),m&&m(e.target.value)}})),(t||r)&&"right"===i&&u.default.createElement(Y,{color:p?"t1":"t2",htmlFor:"".concat(o,"-").concat(s),text:r,tx:t,variant:a})))};Ie.defaultProps={labelPosition:"right",labelVariant:"p3",name:""},exports.Box=q,exports.Button=re,exports.Cell=le,exports.Flex=pe,exports.Grid=ve,exports.Icon=W,exports.Radio=Ie,exports.Stack=Ce,exports.ThemeProvider=j,exports.Typography=Y,exports.combinationsByColor=F,exports.darkTheme=k,exports.getThemeColor=x,exports.getThemeSpacing=A,exports.lightTheme=P,exports.media=I,exports.palette=v;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react"),o=require("styled-components"),t=require("styled-media-query"),r=require("lodash.isobject"),i=require("lodash/startCase"),a=require("react-use"),s=require("react-i18next");require("react-spring");var l=require("@cloudinary/url-gen");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var t=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(n,o,t.get?t:{enumerable:!0,get:function(){return e[o]}})}})),n.default=e,Object.freeze(n)}require("@cloudinary/url-gen/actions/resize"),require("@cloudinary/url-gen/actions"),require("@cloudinary/url-gen/qualifiers");var d,p=c(n),u=m(n),h=c(o),g=c(r),f=c(i),w={height:"unset",margin:"unset",maxWidth:"100vw",overflow:"unset",padding:"unset",width:"unset"},y={blue_100:"#ECF1FF",blue_200:"#BDCFFF",blue_300:"#7393E8",blue_400:"#335DC9",blue_500:"#151852",gold_100:"#FCF3E6",gold_200:"#EAD0AF",gold_300:"#D5AF7B",gold_400:"#BF8E47",gold_500:"#946A18",green_100:"#DFFBEC",green_200:"#9FF4C7",green_300:"#00cc88",green_400:"#00855B",green_500:"#25352F",monochrome_050:"#F8F8F8",monochrome_100:"#F0F0F0",monochrome_200:"#DFDFDF",monochrome_300:"#CECECE",monochrome_400:"#A1A1A1",monochrome_500:"#848484",monochrome_600:"#8F8C8B",monochrome_700:"#686868",monochrome_800:"#343434",monochrome_900:"#1C1C1C",monochrome_black:"#000000",monochrome_white:"#FFFFFF",pink_300:"#FFD8F4",pink_400:"#FFB1BA",pink_500:"#E00C7B",red_100:"#FFF0F1",red_200:"#FFCBD0",red_300:"#F47783",red_400:"#D43444",red_500:"#920110",translucent_black:"rgba(28, 28, 28, 0.7)",translucent_cream:"rgba(245, 245, 245, 0.2)",translucent_white:"rgba(255, 255, 255, 0.7)",yellow_100:"#FFFBF2",yellow_200:"#FFF5DB",yellow_300:"#FFECB4",yellow_400:"#FADC87",yellow_500:"#BD8C02"},_={border:"1px solid ".concat(y.monochrome_300),borderRadius:".6rem",dimensions:{gridGutter:"2.4rem",headerHeight:{lg:"6.4rem",sm:"4.8rem"},maxWidth:"78rem",spacing:{s1:"1.6rem",s2:"2rem",s3:"2.4rem",s4:"4rem",s5:"6rem",s6:"12rem"}},fonts:{boldFontFamily:"Sohne Halbfett",h1:{family:"Sohne Halbfett",lineHeight:"7rem",lineHeightMedium:"5rem",lineHeightSmaller:"5rem",size:"5.8rem",sizeMedium:"4rem",sizeSmaller:"4rem"},h2:{family:"Sohne Halbfett",lineHeight:"4.8rem",lineHeightMedium:"3.4rem",lineHeightSmaller:"3.4rem",size:"3.8rem",sizeMedium:"2.8rem",sizeSmaller:"2.8rem"},h3:{family:"Sohne Dreiviertelfett",lineHeight:"3.6rem",lineHeightMedium:"2.6rem",lineHeightSmaller:"2.6rem",size:"2.8rem",sizeMedium:"2rem",sizeSmaller:"2rem"},h4:{family:"Sohne Dreiviertelfett",lineHeight:"2.2rem",lineHeightMedium:"2.2rem",lineHeightSmaller:"2.2rem",size:"1.8rem",sizeMedium:"1.8rem",sizeSmaller:"1.8rem"},h5:{family:"Sohne Halbfett",lineHeight:"2rem",lineHeightMedium:"2rem",lineHeightSmaller:"2rem",size:"1.6rem",sizeMedium:"1.6rem",sizeSmaller:"1.6rem"},hero:{family:"Sohne Kraftig",familyMedium:"Sohne Halbfett",familySmaller:"Sohne Halbfett",lineHeight:"8.6rem",lineHeightMedium:"5.8rem",lineHeightSmaller:"5.8rem",size:"7.2rem",sizeMedium:"5.2rem",sizeSmaller:"5.2rem"},p0:{family:"Sohne Buch",lineHeight:"3.6rem",lineHeightMedium:"3rem",lineHeightSmaller:"3rem",size:"2.4rem",sizeMedium:"2.2rem",sizeSmaller:"2.2rem"},p1:{family:"Sohne Buch",lineHeight:"2.7rem",lineHeightMedium:"2.7rem",lineHeightSmaller:"2.7rem",size:"1.8rem",sizeMedium:"1.8rem",sizeSmaller:"1.8rem"},p2:{family:"Sohne Buch",lineHeight:"2.2rem",lineHeightSmaller:"2.2rem",size:"1.5rem",sizeSmaller:"1.5rem"},p3:{family:"Sohne Buch",lineHeight:"1.5rem",lineHeightSmaller:"1.5rem",size:"1.2rem",sizeSmaller:"1.2rem"},regularFontFamily:"Sohne Buch"},shadow:"0 .2rem .6rem rgba(0, 0, 0, 0.12)",transitions:{base:"0.15s ease",slow:"0.3s ease",slowest:"2s ease",turtle:"0.8s ease"}},v=e.__assign(e.__assign({},_),{colors:{dividers:{t1:y.monochrome_100,t2:y.monochrome_300,t3:y.monochrome_900},iconography:{alert:y.red_400,link:y.green_400,t1:y.monochrome_500,t2:y.monochrome_900,t3:y.monochrome_white,warning:y.gold_400},palette:y,surface:{alert:y.red_100,hover:y.monochrome_050,level1:y.monochrome_white,level2:y.monochrome_100,level3:y.monochrome_200,selected:y.monochrome_050,success:y.blue_100,successAlt:y.green_400,warning:y.yellow_100},typography:{alert:y.red_400,alt:y.monochrome_white,link:y.green_400,success:y.blue_400,t1:y.monochrome_900,t2:y.monochrome_500,t3:y.monochrome_300,warning:y.gold_400}},name:"Light Theme"}),b=e.__assign(e.__assign({},_),{colors:{dividers:{t1:y.monochrome_600,t2:y.monochrome_400,t3:y.monochrome_white},iconography:{alert:y.red_200,link:y.green_300,t1:y.monochrome_300,t2:y.monochrome_100,t3:y.monochrome_900,warning:y.gold_200},palette:y,surface:{alert:y.red_500,hover:y.monochrome_800,level1:y.monochrome_900,level2:y.monochrome_800,level3:y.monochrome_600,selected:y.monochrome_800,success:y.blue_500,successAlt:y.blue_100,warning:y.gold_500},typography:{alert:y.red_200,alt:y.monochrome_900,link:y.green_300,success:y.blue_200,t1:y.monochrome_white,t2:y.monochrome_300,t3:y.monochrome_500,warning:y.gold_200}},name:"Dark Theme"}),P=function(e,n){var o,t;return void 0===n&&(n=v),null!==(t=null===(o=n.colors.palette)||void 0===o?void 0:o[e])&&void 0!==t?t:e},k=function(e,n){var o;return void 0===n&&(n=v),null!==(o=n.dimensions.spacing[e])&&void 0!==o?o:"default"===e?n.dimensions.gridGutter:null!=e?e:"unset"},x=function(e){return void 0===e&&(e=v),{alert:{background:e.colors.palette.red_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.red_300,selected:e.colors.palette.red_500},black:{background:e.colors.palette.monochrome_900,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_500,selected:e.colors.palette.green_500},blue:{background:e.colors.palette.blue_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.blue_300,selected:e.colors.palette.blue_500},gold:{background:e.colors.palette.gold_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.gold_300,selected:e.colors.palette.gold_500},green:{background:e.colors.palette.green_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.green_300,selected:e.colors.palette.green_500},grey:{background:e.colors.palette.monochrome_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_300,selected:e.colors.palette.monochrome_500},greyLight:{background:e.colors.palette.monochrome_200,color:e.colors.palette.monochrome_black,hover:e.colors.palette.monochrome_300,selected:e.colors.palette.monochrome_400},pink:{background:e.colors.palette.pink_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.red_300,selected:e.colors.palette.monochrome_black},primary:{background:e.colors.palette.green_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.green_300,selected:e.colors.palette.green_500},secondary:{background:e.colors.palette.green_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_500,selected:e.colors.palette.green_500},secondaryAlt:{background:e.colors.palette.monochrome_black,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_500,selected:e.colors.palette.green_500},white:{background:e.colors.palette.monochrome_white,color:e.colors.palette.monochrome_black,hover:e.colors.palette.monochrome_300,selected:e.colors.palette.monochrome_500},yellow:{background:e.colors.palette.yellow_500,color:e.colors.palette.monochrome_white,hover:e.colors.palette.green_400,selected:e.colors.palette.monochrome_black}}},A=o.createGlobalStyle(d||(d=e.__makeTemplateObject(['\n *,\n *::before,\n *::after {\n margin: 0;\n padding: 0;\n box-sizing: inherit;\n outline: none;\n }\n\n html {\n /* defines 1rem = 10px value */\n font-size: 62.5%;\n }\n\n body {\n box-sizing: border-box;\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n }\n\n * {\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n -moz-font-smoothing: antialiased;\n font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -webkit-tap-highlight-color: transparent;\n }\n\n a,\n a:active,\n a:visited {\n font-family: "Sohne Halbfett", "Helvetica", sans-serif;\n text-decoration: none;\n display: inherit;\n cursor: pointer;\n color: ',";\n\n &.affirm-modal-trigger:hover {\n text-decoration: underline;\n }\n }\n\n svg {\n overflow: visible;\n }\n\n #fb-root {\n z-index: 999;\n display: block;\n }\n\n input, select {\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px white inset !important;\n }\n }\n\n @font-face {\n font-family: 'Sohne Buch';\n src: url(https://www.gantri.com/static/fonts/soehne-web-buch.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Dreiviertelfett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-dreiviertelfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Halbfett';\n src: url(https://www.gantri.com/static/fonts/public/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig Kursiv';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig-kursiv.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Extrafett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n"],['\n *,\n *::before,\n *::after {\n margin: 0;\n padding: 0;\n box-sizing: inherit;\n outline: none;\n }\n\n html {\n /* defines 1rem = 10px value */\n font-size: 62.5%;\n }\n\n body {\n box-sizing: border-box;\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n }\n\n * {\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n -moz-font-smoothing: antialiased;\n font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -webkit-tap-highlight-color: transparent;\n }\n\n a,\n a:active,\n a:visited {\n font-family: "Sohne Halbfett", "Helvetica", sans-serif;\n text-decoration: none;\n display: inherit;\n cursor: pointer;\n color: ',";\n\n &.affirm-modal-trigger:hover {\n text-decoration: underline;\n }\n }\n\n svg {\n overflow: visible;\n }\n\n #fb-root {\n z-index: 999;\n display: block;\n }\n\n input, select {\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px white inset !important;\n }\n }\n\n @font-face {\n font-family: 'Sohne Buch';\n src: url(https://www.gantri.com/static/fonts/soehne-web-buch.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Dreiviertelfett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-dreiviertelfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Halbfett';\n src: url(https://www.gantri.com/static/fonts/public/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig Kursiv';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig-kursiv.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Extrafett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n"])),P("gold_400")),S=function(e){var n=e.children,t=e.theme;return p.default.createElement(o.ThemeProvider,{theme:t},p.default.createElement(A,null),n)};S.defaultProps={theme:v};var F,j,z,C=t.generateMedia({lg:"75em",md:"64em",sm:"45.06em"}),I=function(e,n){var o;if(g.default(e)){var t=e,r=t.lg,i=t.md,a=t.sm;switch(n){case"lg":default:return r;case"md":return null!=i?i:r;case"sm":return null!==(o=null!=a?a:i)&&void 0!==o?o:r}}return e};function H(n){var t="",r="",i="";return n.forEach((function(n){if(n.lookIn&&Array.isArray(n.resolutionAwareProp))throw new Error("Specifying lookIn property when resolutionAwareProp is an array is not allowed");var o=function(n){var o;if(Array.isArray(n))return n.reduce((function(n,o){return e.__assign(e.__assign({},n),{lg:e.__spreadArray(e.__spreadArray([],n.lg,!0),[I(o,"lg")],!1),md:e.__spreadArray(e.__spreadArray([],n.md,!0),[I(o,"md")],!1),sm:e.__spreadArray(e.__spreadArray([],n.sm,!0),[I(o,"sm")],!1)})}),{lg:[],md:[],sm:[]});if(g.default(n)){var t=n,r=t.lg,i=t.md,a=t.sm;return{lg:r,md:null!=i?i:r,sm:null!==(o=null!=a?a:i)&&void 0!==o?o:r}}return{lg:n,md:n,sm:n}}(n.resolutionAwareProp),a=o.lg,s=o.md,l=o.sm;if(void 0!==a){var c=n.lookIn&&n.lookIn[a]||a;t+="".concat(n.cssProperty,": ").concat(n.valueFormatter?n.valueFormatter(c,"lg"):c," ").concat(n.isImportant?"!important":"",";;")}if(void 0!==s){c=n.lookIn&&n.lookIn[s]||s;r+="".concat(n.cssProperty,": ").concat(n.valueFormatter?n.valueFormatter(c,"md"):c," ").concat(n.isImportant?"!important":"",";;")}if(void 0!==l){c=n.lookIn&&n.lookIn[l]||l;i+="".concat(n.cssProperty,": ").concat(n.valueFormatter?n.valueFormatter(c,"sm"):c," ").concat(n.isImportant?"!important":"",";")}})),o.css(z||(z=e.__makeTemplateObject(["\n ","\n\n ","\n\n ","\n "],["\n ","\n\n ","\n\n ","\n "])),t,r&&C.lessThan("md")(F||(F=e.__makeTemplateObject(["\n ","\n "],["\n ","\n "])),r),i&&C.lessThan("sm")(j||(j=e.__makeTemplateObject(["\n ","\n "],["\n ","\n "])),i))}var T,B,E,O,M=h.default.div.withConfig({displayName:"StyledBoxContainer",componentId:"sc-1k2wf0b-0"})(B||(B=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(n){var t=n.backgroundColor,r=n.padding,i=n.verticalPadding,a=n.horizontalPadding,s=n.paddingLeft,l=void 0===s?a:s,c=n.paddingRight,m=void 0===c?a:c,d=n.paddingTop,p=void 0===d?i:d,u=n.paddingBottom,h=void 0===u?i:u,g=n.margin,f=n.verticalMargin,w=n.horizontalMargin,y=n.marginLeft,_=void 0===y?w:y,v=n.marginRight,b=void 0===v?w:v,k=n.marginTop,x=void 0===k?f:k,A=n.marginBottom,S=void 0===A?f:A,F=n.theme,j=n.borderRadius,z=n.hidden,C=n.textAlign,I=n.height,B=n.minHeight,E=n.width,O=n.minWidth,M=n.maxWidth,R=n.overflow,D=n.alignSelf,q=n.justifySelf,L=[{cssProperty:"background-color",resolutionAwareProp:t,valueFormatter:function(e){return P(e)}},{cssProperty:"padding",lookIn:F.dimensions.spacing,resolutionAwareProp:r},{cssProperty:"padding-left",lookIn:F.dimensions.spacing,resolutionAwareProp:l},{cssProperty:"padding-right",lookIn:F.dimensions.spacing,resolutionAwareProp:m},{cssProperty:"padding-top",lookIn:F.dimensions.spacing,resolutionAwareProp:p},{cssProperty:"padding-bottom",lookIn:F.dimensions.spacing,resolutionAwareProp:h},{cssProperty:"margin",lookIn:F.dimensions.spacing,resolutionAwareProp:g},{cssProperty:"margin-left",lookIn:F.dimensions.spacing,resolutionAwareProp:_},{cssProperty:"margin-right",lookIn:F.dimensions.spacing,resolutionAwareProp:b},{cssProperty:"margin-top",lookIn:F.dimensions.spacing,resolutionAwareProp:x},{cssProperty:"margin-bottom",lookIn:F.dimensions.spacing,resolutionAwareProp:S},{cssProperty:"display",resolutionAwareProp:z,valueFormatter:function(e){return!0===e?"none":"block"}},{cssProperty:"border-radius",resolutionAwareProp:j},{cssProperty:"text-align",resolutionAwareProp:C},{cssProperty:"width",resolutionAwareProp:E},{cssProperty:"height",resolutionAwareProp:I},{cssProperty:"min-height",resolutionAwareProp:B},{cssProperty:"min-width",resolutionAwareProp:O},{cssProperty:"max-width",resolutionAwareProp:M},{cssProperty:"align-self",resolutionAwareProp:D},{cssProperty:"justify-self",resolutionAwareProp:q}];return o.css(T||(T=e.__makeTemplateObject(["\n position: relative;\n overflow: ",";\n ",";\n "],["\n position: relative;\n overflow: ",";\n ",";\n "])),R,H(L))})),R=function(n){var o=e.__assign(e.__assign({},w),n);return u.createElement(M,e.__assign({},o))},D=h.default.svg.withConfig({displayName:"StyledSvgIcon",componentId:"sc-1jh49e-0"})(O||(O=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(n){var t=n.size,r=n.nwidth,i=n.nheight,a=n.cursor,s=n.top,l=n.bottom,c=n.right,m=n.left,d=[{cssProperty:"width",resolutionAwareProp:null!=r?r:t},{cssProperty:"height",resolutionAwareProp:null!=i?i:t}];return o.css(E||(E=e.__makeTemplateObject(["\n ",";\n cursor: ",";\n position: relative;\n top: ",";\n bottom: ",";\n right: ",";\n left: ",";\n "],["\n ",";\n cursor: ",";\n position: relative;\n top: ",";\n bottom: ",";\n right: ",";\n left: ",";\n "])),H(d),a,s||"unset",l||"unset",c||"unset",m||"unset")})),q=function(o){var t=o.name,r=o.width,i=o.height,s=e.__rest(o,["name","width","height"]),l=n.useState(null),c=l[0],d=l[1];return a.useAsync((function(){return e.__awaiter(void 0,void 0,void 0,(function(){var n,o,r;return e.__generator(this,(function(e){switch(e.label){case 0:return t?(n=t.split(":"),o="".concat(n[0],"/").concat(f.default(n[1])).replace("_","").replace(/ /g,""),[4,(i="./generated/".concat(o,".tsx"),Promise.resolve().then((function(){return m(require(i))})))]):[3,2];case 1:r=e.sent(),d(r.default),e.label=2;case 2:return[2]}var i}))}))}),[t]),c?p.default.createElement(D,e.__assign({as:c,nheight:i,nwidth:r},s)):null};q.defaultProps={color:"link",cursor:"unset",opacity:1,size:"2rem"};var L,W,N=h.default.p.withConfig({displayName:"StyledText",componentId:"sc-uyk9pj-0"})(W||(W=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(n){var t=n.theme,r=n.variant,i=n.transform,a=n.color,s=n.align,l=n.lineHeight,c=n.fontSize,m=n.fontWeight,d=n.whiteSpace,p=n.padding,u=n.verticalPadding,h=n.horizontalPadding,g=n.paddingLeft,f=void 0===g?h:g,w=n.paddingRight,y=void 0===w?h:w,_=n.paddingTop,v=void 0===_?u:_,b=n.paddingBottom,P=void 0===b?u:b,k=n.margin,x=n.verticalMargin,A=n.horizontalMargin,S=n.marginLeft,F=void 0===S?A:S,j=n.marginRight,z=void 0===j?A:j,C=n.marginTop,I=void 0===C?x:C,T=n.marginBottom,B=void 0===T?x:T,E=n.alignSelf,O=n.justifySelf,M=n.display,R=n.hidden,D=n.minWidth,q=n.maxWidth,W=n.letterSpacing,N=n.textShadow,V=n.onClick,G=r||"p2",K=a||"",Y=c||{lg:t.fonts[G].size,md:t.fonts[G].sizeMedium,sm:t.fonts[G].sizeSmaller},J=l||{lg:t.fonts[G].lineHeight,md:t.fonts[G].lineHeightMedium,sm:t.fonts[G].lineHeightSmaller},Q=[{cssProperty:"text-align",resolutionAwareProp:s},{cssProperty:"font-family",resolutionAwareProp:{lg:t.fonts[G].family,sm:t.fonts[G].familySmaller},valueFormatter:function(e){return"".concat(e,', "Helvetica", sans-serif;')}},{cssProperty:"font-size",resolutionAwareProp:Y},{cssProperty:"line-height",resolutionAwareProp:J},{cssProperty:"min-width",resolutionAwareProp:D},{cssProperty:"max-width",resolutionAwareProp:q},{cssProperty:"padding",lookIn:t.dimensions.spacing,resolutionAwareProp:p},{cssProperty:"padding-left",lookIn:t.dimensions.spacing,resolutionAwareProp:f},{cssProperty:"padding-right",lookIn:t.dimensions.spacing,resolutionAwareProp:y},{cssProperty:"padding-top",lookIn:t.dimensions.spacing,resolutionAwareProp:v},{cssProperty:"padding-bottom",lookIn:t.dimensions.spacing,resolutionAwareProp:P},{cssProperty:"margin",lookIn:t.dimensions.spacing,resolutionAwareProp:k},{cssProperty:"margin-left",lookIn:t.dimensions.spacing,resolutionAwareProp:F},{cssProperty:"margin-right",lookIn:t.dimensions.spacing,resolutionAwareProp:z},{cssProperty:"margin-top",lookIn:t.dimensions.spacing,resolutionAwareProp:I},{cssProperty:"margin-bottom",lookIn:t.dimensions.spacing,resolutionAwareProp:B},{cssProperty:"align-self",resolutionAwareProp:E},{cssProperty:"justify-self",resolutionAwareProp:O},{cssProperty:"letter-spacing",resolutionAwareProp:W},{cssProperty:"white-space",resolutionAwareProp:d},{cssProperty:"display",resolutionAwareProp:[M,R],valueFormatter:function(e){var n=e[0];return!0===e[1]?"none":n}}];return o.css(L||(L=e.__makeTemplateObject(["\n color: ",";\n text-transform: ",";\n transition: all ",";\n font-weight: ",";\n cursor: ",";\n text-shadow: ",";\n\n ",";\n\n a {\n display: inline-block;\n font-size: inherit;\n line-height: inherit;\n }\n "],["\n color: ",";\n text-transform: ",";\n transition: all ",";\n font-weight: ",";\n cursor: ",";\n text-shadow: ",";\n\n ",";\n\n a {\n display: inline-block;\n font-size: inherit;\n line-height: inherit;\n }\n "])),t.colors.typography[K]||t.colors.palette[K]||a,i,t.transitions.base,m||t.fonts[G].fontWeight||400,V?"pointer":"unset",N,H(Q))})),V={badge:"span",hero:"h1",p0:"p",p1:"p",p2:"p",p3:"p"},G=n.forwardRef((function(n,o){var t,r,i=n.type,a=n.variant,l=n.tx,c=n.txValues,m=n.text,d=n.htmlText,u=n.textStyle,h=n.color,g=e.__rest(n,["type","variant","tx","txValues","text","htmlText","textStyle","color"]),f=s.useTranslation().t;return d?p.default.createElement(N,e.__assign({as:null!==(t=null!=i?i:V[a||""])&&void 0!==t?t:a,color:null!=h?h:"black",dangerouslySetInnerHTML:{__html:d},ref:o,textStyle:u,variant:a},g)):p.default.createElement(N,e.__assign({as:null!==(r=null!=i?i:V[a||""])&&void 0!==r?r:a,color:null!=h?h:"black",ref:o,textStyle:u,tx:l,variant:a},g),l?p.default.createElement(s.Trans,{t:f,values:c},l):m)}));G.defaultProps={color:"t1",display:"block",variant:"p2",whiteSpace:"inherit"};var K,Y,J,Q,U,X,Z,$={md:"15rem",sm:"14rem",xl:"17rem"},ee=h.default.button.withConfig({displayName:"StyledButton",componentId:"sc-12w1zik-0"})(Q||(Q=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(n){var t=n.theme,r=n.variant,i=n.color,a=n.width,s=n.minWidth,l=n.disabled,c=n.borderRadius,m=n.alignSelf,d=n.justifySelf,p=n.hidden,u=n.size,h=[{cssProperty:"width",resolutionAwareProp:a,valueFormatter:function(e){var n;return null!==(n=$[e])&&void 0!==n?n:e}},{cssProperty:"min-width",resolutionAwareProp:s||"unset"},{cssProperty:"border-radius",resolutionAwareProp:"action"===r?"none":c||("small"===u?"0.4rem":"4.9rem")},{cssProperty:"align-self",resolutionAwareProp:m},{cssProperty:"justify-self",resolutionAwareProp:d},{cssProperty:"display",resolutionAwareProp:p,valueFormatter:function(e){return!0===e?"none":"flex"}}];return o.css(J||(J=e.__makeTemplateObject(["\n &,\n &:active,\n &:focus {\n display: flex;\n ",";\n position: relative;\n border-style: solid;\n border-width: ",";\n outline: none;\n padding: 0 ",";\n cursor: ",";\n pointer-events: ",";\n opacity: ",";\n transition: ",";\n user-select: none;\n overflow: hidden;\n height: ",";\n min-width: max-content;\n\n ","\n\n ","\n }\n "],["\n &,\n &:active,\n &:focus {\n display: flex;\n ",";\n position: relative;\n border-style: solid;\n border-width: ",";\n outline: none;\n padding: 0 ",";\n cursor: ",";\n pointer-events: ",";\n opacity: ",";\n transition: ",";\n user-select: none;\n overflow: hidden;\n height: ",";\n min-width: max-content;\n\n ","\n\n ","\n }\n "])),H(h),"default"===r?"unset":"1px","small"===u?"1rem":"2.4rem",l?"not-allowed":"pointer",l?"none":"all",l?.3:1,t.transitions.base,"large"===u?"4.6rem":"3.4rem",function(n,t,r){var i,a=null!==(i=x(r)[n])&&void 0!==i?i:x(r).white,s=!("secondary"===t||"action"===t);return o.css(K||(K=e.__makeTemplateObject(["\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n\n &:hover {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n\n &:active {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n "],["\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n\n &:hover {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n\n &:active {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n "])),s?a.background:"transparent",a.background,s?a.color||a.background:a.background||a.color,s?a.hover:"transparent",a.hover,s?a.color||a.hover:a.hover||a.color,s?a.selected:"transparent",a.selected,s?a.color||a.selected:a.selected||a.color)}(String(i),r,t),"action"===r&&o.css(Y||(Y=e.__makeTemplateObject(["\n border: none;\n padding: 0;\n width: max-content;\n min-width: 0;\n\n &:hover,\n &:active {\n border: unset;\n\n * {\n text-decoration: underline;\n }\n }\n "],["\n border: none;\n padding: 0;\n width: max-content;\n min-width: 0;\n\n &:hover,\n &:active {\n border: unset;\n\n * {\n text-decoration: underline;\n }\n }\n "]))))})),ne=h.default.div.withConfig({displayName:"StyledButtonContent",componentId:"sc-12w1zik-1"})(Z||(Z=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(n){var t=n.theme,r=n.textVariant;return o.css(X||(X=e.__makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n transform: translateY(0);\n opacity: 1;\n transition: ",";\n\n & > *:not(:last-child) {\n margin-right: ",";\n position: relative;\n\n ","\n }\n "],["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n transform: translateY(0);\n opacity: 1;\n transition: ",";\n\n & > *:not(:last-child) {\n margin-right: ",";\n position: relative;\n\n ","\n }\n "])),t.transitions.base,"p3"===r?".6rem":".8rem",C.lessThan("sm")(U||(U=e.__makeTemplateObject(["\n margin-right: ",";\n "],["\n margin-right: ",";\n "])),"p3"===r?".3rem":".5rem"))})),oe=n.forwardRef((function(n,o){var t=n.tx,r=n.text,i=n.txValues,a=n.textVariant,s=n.textLineHeight,l=n.fontSize,c=n.type,m=n.disabled,d=n.icon,p=n.iconLocation,h=n.processing,g=n.onClick,f=e.__rest(n,["tx","text","txValues","textVariant","textLineHeight","fontSize","type","disabled","icon","iconLocation","processing","onClick"]);return u.createElement(ee,e.__assign({disabled:m,ref:o,textVariant:a,type:c,onClick:g},f),u.createElement(ne,e.__assign({},f),d&&!h&&"left"===p&&d,"action"!==f.variant&&h&&u.createElement(q,{name:"animated:loader_24",size:"1.6rem"}),(t||r)&&u.createElement(G,{display:"contents",fontSize:l,lineHeight:s,text:r,textStyle:"bold",tx:t,txValues:i,variant:a,whiteSpace:"nowrap"}),d&&"right"===p&&d))}));oe.defaultProps={color:"primary",disabled:!1,iconLocation:"left",size:"large",textLineHeight:"unset",textVariant:"p2",type:"button",variant:"primary"};var te,re,ie=h.default.div.withConfig({displayName:"StyledCell",componentId:"sc-hxvxkk-0"})(re||(re=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(n){var t=n.width,r=n.height,i=n.row,a=n.column,s=n.hidden,l=n.textAlign,c=n.alignSelf,m=n.alignItems,d=n.alignContent,p=n.justifyContent,u=n.justifyItems,h=n.gap,g=n.columnGap,f=void 0===g?h:g,w=n.rowGap,y=void 0===w?h:w,_=n.position,v=n.borderRadius,b=n.padding,x=n.backgroundColor,A=n.verticalPadding,S=n.horizontalPadding,F=n.paddingLeft,j=void 0===F?S:F,z=n.paddingRight,C=void 0===z?S:z,I=n.paddingTop,T=void 0===I?A:I,B=n.paddingBottom,E=void 0===B?A:B,O=n.theme,M=[{cssProperty:"background-color",resolutionAwareProp:x,valueFormatter:function(e){return P(e,O)}},{cssProperty:"display",resolutionAwareProp:s,valueFormatter:function(e){return e?"none":"grid"}},{cssProperty:"text-align",resolutionAwareProp:l},{cssProperty:"align-self",resolutionAwareProp:c},{cssProperty:"align-items",resolutionAwareProp:m},{cssProperty:"align-content",resolutionAwareProp:d},{cssProperty:"grid-column-gap",resolutionAwareProp:f,valueFormatter:function(e){return k(e,O)}},{cssProperty:"grid-row-gap",resolutionAwareProp:y,valueFormatter:function(e){return k(e,O)}},{cssProperty:"justify-content",resolutionAwareProp:p},{cssProperty:"justify-items",resolutionAwareProp:u},{cssProperty:"border-radius",resolutionAwareProp:v},{cssProperty:"padding",lookIn:O.dimensions.spacing,resolutionAwareProp:b},{cssProperty:"padding-left",lookIn:O.dimensions.spacing,resolutionAwareProp:j},{cssProperty:"padding-right",lookIn:O.dimensions.spacing,resolutionAwareProp:C},{cssProperty:"padding-top",lookIn:O.dimensions.spacing,resolutionAwareProp:T},{cssProperty:"padding-bottom",lookIn:O.dimensions.spacing,resolutionAwareProp:E}];return t?M.push({cssProperty:"grid-column",resolutionAwareProp:t,valueFormatter:function(e){return"span ".concat(e)}}):a&&M.push({cssProperty:"grid-column",resolutionAwareProp:a}),r?M.push({cssProperty:"grid-row",resolutionAwareProp:r,valueFormatter:function(e){return"span ".concat(e)}}):i&&M.push({cssProperty:"grid-row",resolutionAwareProp:i}),o.css(te||(te=e.__makeTemplateObject(["\n display: grid;\n position: ",";\n ",";\n "],["\n display: grid;\n position: ",";\n ",";\n "])),_,H(M))})),ae=n.forwardRef((function(n,o){var t=n.children,r=e.__rest(n,["children"]);return u.createElement(ie,e.__assign({ref:o},r),t)}));ae.defaultProps={column:null,row:null,textAlign:"left"};var se,le,ce=h.default(R).withConfig({displayName:"StyledFlexContainer",componentId:"sc-17zjsog-0"})(le||(le=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(n){var t=n.direction,r=n.justifyContent,i=n.alignItems,a=n.backgroundColor,s=n.gap,l=n.hidden,c=n.height,m=n.width,d=n.theme,p=H([{cssProperty:"flex-direction",resolutionAwareProp:t},{cssProperty:"justify-content",resolutionAwareProp:r},{cssProperty:"align-items",resolutionAwareProp:i},{cssProperty:"display",resolutionAwareProp:l,valueFormatter:function(e){return!0===e?"none":"flex"}},{cssProperty:"background-color",resolutionAwareProp:a,valueFormatter:function(e){return P(e,d)}},{cssProperty:"height",resolutionAwareProp:c},{cssProperty:"width",resolutionAwareProp:m},{cssProperty:"gap",resolutionAwareProp:s,valueFormatter:function(e){return k(e,d)}}]);return o.css(se||(se=e.__makeTemplateObject(["\n display: flex;\n width: 100%;\n ","\n "],["\n display: flex;\n width: 100%;\n ","\n "])),p)})),me=function(n){return p.default.createElement(ce,e.__assign({},n))};me.defaultProps={alignItems:"unset",borderRadius:"unset",direction:"row",height:"unset",justifyContent:"unset",padding:"unset"};var de,pe,ue,he,ge=function(e){return"string"==typeof e?e:"repeat(".concat(e,", 1fr);")},fe=function(e){return"string"==typeof e?e:"repeat(".concat(e,", max-content);")},we=h.default.div.withConfig({displayName:"StyledGrid",componentId:"sc-b5we8g-0"})(pe||(pe=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(n){var t=n.width,r=n.height,i=n.columns,a=n.autoColumns,s=n.rows,l=n.autoRows,c=n.flow,m=n.gap,d=n.columnGap,p=void 0===d?m:d,u=n.rowGap,h=void 0===u?m:u,g=n.padding,f=n.horizontalPadding,w=void 0===f?g:f,y=n.paddingLeft,_=void 0===y?w:y,v=n.paddingRight,b=void 0===v?w:v,x=n.verticalPadding,A=void 0===x?g:x,S=n.paddingTop,F=void 0===S?A:S,j=n.paddingBottom,z=void 0===j?A:j,C=n.margin,I=n.horizontalMargin,T=void 0===I?C:I,B=n.marginLeft,E=void 0===B?T:B,O=n.marginRight,M=void 0===O?T:O,R=n.verticalMargin,D=void 0===R?C:R,q=n.marginTop,L=void 0===q?D:q,W=n.marginBottom,N=void 0===W?D:W,V=n.justifyContent,G=n.alignContent,K=n.justifyItems,Y=n.justifySelf,J=n.alignItems,Q=n.hidden,U=n.maxWidth,X=n.minWidth,Z=n.minHeight,$=n.maxHeight,ee=n.backgroundColor,ne=n.border,oe=n.borderRadius,te=n.theme,re=[{cssProperty:"grid-auto-flow",resolutionAwareProp:c},{cssProperty:"grid-auto-columns",resolutionAwareProp:a},{cssProperty:"grid-auto-rows",resolutionAwareProp:l},{cssProperty:"grid-template-columns",resolutionAwareProp:i,valueFormatter:ge},{cssProperty:"grid-template-rows",resolutionAwareProp:s,valueFormatter:fe},{cssProperty:"grid-column-gap",resolutionAwareProp:p,valueFormatter:function(e){return k(e,te)}},{cssProperty:"grid-row-gap",resolutionAwareProp:h,valueFormatter:function(e){return k(e,te)}},{cssProperty:"padding-left",resolutionAwareProp:_,valueFormatter:function(e){return k(e,te)}},{cssProperty:"padding-right",resolutionAwareProp:b,valueFormatter:function(e){return k(e,te)}},{cssProperty:"padding-top",resolutionAwareProp:F,valueFormatter:function(e){return k(e,te)}},{cssProperty:"padding-bottom",resolutionAwareProp:z,valueFormatter:function(e){return k(e,te)}},{cssProperty:"margin-left",resolutionAwareProp:E,valueFormatter:function(e){return k(e,te)}},{cssProperty:"margin-right",resolutionAwareProp:M,valueFormatter:function(e){return k(e,te)}},{cssProperty:"margin-top",resolutionAwareProp:L,valueFormatter:function(e){return k(e,te)}},{cssProperty:"margin-bottom",resolutionAwareProp:N,valueFormatter:function(e){return k(e,te)}},{cssProperty:"align-content",resolutionAwareProp:G},{cssProperty:"justify-content",resolutionAwareProp:V},{cssProperty:"align-items",resolutionAwareProp:J},{cssProperty:"justify-items",resolutionAwareProp:K},{cssProperty:"justify-self",resolutionAwareProp:Y},{cssProperty:"display",resolutionAwareProp:Q,valueFormatter:function(e){return!0===e?"none":"grid"}},{cssProperty:"max-width",resolutionAwareProp:U},{cssProperty:"min-width",resolutionAwareProp:X},{cssProperty:"min-height",resolutionAwareProp:Z},{cssProperty:"max-height",resolutionAwareProp:$},{cssProperty:"background-color",resolutionAwareProp:ee,valueFormatter:function(e){return P(e,te)}},{cssProperty:"width",resolutionAwareProp:t},{cssProperty:"height",resolutionAwareProp:r},{cssProperty:"border-radius",resolutionAwareProp:oe}];return o.css(de||(de=e.__makeTemplateObject(["\n display: grid;\n position: relative;\n border: ",";\n ",";\n "],["\n display: grid;\n position: relative;\n border: ",";\n ",";\n "])),ne||"unset",H(re))})),ye=n.forwardRef((function(n,o){var t=n.children,r=e.__rest(n,["children"]);return u.createElement(we,e.__assign({ref:o},r),t)}));ye.defaultProps={backgroundColor:"unset",flow:"row",gap:{lg:"s3",md:"s3",sm:"s1"},height:"unset",maxWidth:"unset",padding:"unset",width:"unset"},ue||(ue=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),he||(he=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),new l.Cloudinary({cloud:{cloudName:"gantri"},url:{secure:!0}});var _e,ve,be,Pe,ke,xe,Ae=h.default.div.withConfig({displayName:"StyledRadioContainer",componentId:"sc-kxjg4j-0"})(_e||(_e=e.__makeTemplateObject(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"]))),Se=h.default.div.withConfig({displayName:"StyledRadio",componentId:"sc-kxjg4j-1"})(be||(be=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(n){var t=n.theme;return o.css(ve||(ve=e.__makeTemplateObject(["\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n border: 1px solid ",";\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n cursor: pointer;\n "],["\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n border: 1px solid ",";\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n cursor: pointer;\n "])),t.colors.palette.monochrome_200)})),Fe=h.default.input.withConfig({displayName:"StyledRadioInput",componentId:"sc-kxjg4j-2"})(Pe||(Pe=e.__makeTemplateObject(["\n width: 20px;\n height: 20px;\n opacity: 0;\n cursor: pointer;\n"],["\n width: 20px;\n height: 20px;\n opacity: 0;\n cursor: pointer;\n"]))),je=h.default.span.withConfig({displayName:"StyledRadioMarker",componentId:"sc-kxjg4j-3"})(xe||(xe=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(n){var t=n.theme;return o.css(ke||(ke=e.__makeTemplateObject(["\n position: absolute;\n width: calc(100% - 1.2rem);\n height: calc(100% - 1.2rem);\n display: inline-block;\n border-radius: 50%;\n background-color: ",";\n "],["\n position: absolute;\n width: calc(100% - 1.2rem);\n height: calc(100% - 1.2rem);\n display: inline-block;\n border-radius: 50%;\n background-color: ",";\n "])),t.colors.palette.monochrome_black)})),ze=function(n){var o=n.flow,t=n.children,r=n.justifyContent,i=n.justifyItems,a=n.alignContent,s=n.maxWidth,l=n.minHeight,c=n.height,m=e.__rest(n,["flow","children","justifyContent","justifyItems","alignContent","maxWidth","minHeight","height"]);return p.default.createElement(ye,e.__assign({alignContent:a,alignItems:"center",columns:"column"===o?"minmax(min-content,".concat(s||"max-content",")"):"unset",flow:o,height:c,justifyContent:r,justifyItems:i,maxWidth:s,minHeight:l},m),t)};ze.defaultProps={alignContent:"start",flow:"row",gap:"s1",height:"100%",horizontalPadding:{lg:"s3",sm:"s1"},justifyContent:"unset",padding:"unset"};var Ce=function(e){var o=e.name,t=e.labelTx,r=e.labelText,i=e.labelPosition,a=e.labelVariant,s=e.value,l=e.groupValue,c=e.onChange,m=e.onSelected,d=n.useRef(),u=s===l;return p.default.createElement(Ae,null,p.default.createElement(ze,{flow:"column",gap:"1rem",padding:"unset"},(t||r)&&"left"===i&&p.default.createElement(G,{color:u?"t1":"t2",text:r,tx:t,variant:a}),p.default.createElement(Se,null,u&&p.default.createElement(je,null),p.default.createElement(Fe,{checked:u,id:"".concat(o,"-").concat(s),name:o,ref:d,type:"radio",value:s,onChange:function(e){c&&c(e),m&&m(e.target.value)}})),(t||r)&&"right"===i&&p.default.createElement(G,{color:u?"t1":"t2",htmlFor:"".concat(o,"-").concat(s),text:r,tx:t,variant:a})))};Ce.defaultProps={labelPosition:"right",labelVariant:"p3",name:""},exports.Box=R,exports.Button=oe,exports.Cell=ae,exports.Flex=me,exports.Grid=ye,exports.Icon=q,exports.Radio=Ce,exports.Stack=ze,exports.ThemeProvider=S,exports.Typography=G,exports.combinationsByColor=x,exports.darkTheme=b,exports.getThemeColor=P,exports.getThemeSpacing=k,exports.lightTheme=v,exports.media=C,exports.palette=y;
|
package/dist/index.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e,__makeTemplateObject as n,__spreadArray as o,__rest as r,__awaiter as t,__generator as i}from"tslib";import*as a from"react";import l,{useState as s,forwardRef as c,useRef as m}from"react";import d,{createGlobalStyle as p,css as u}from"styled-components/macro";import h,{ThemeProvider as g,css as f}from"styled-components";import{generateMedia as w}from"styled-media-query";import y from"lodash.isobject";import v from"lodash/startCase";import{useAsync as P}from"react-use";import{useTranslation as b,Trans as _}from"react-i18next";import"react-spring";import{Cloudinary as x}from"@cloudinary/url-gen";import"@cloudinary/url-gen/actions/resize";import"@cloudinary/url-gen/actions";import"@cloudinary/url-gen/qualifiers";var k,A={height:"unset",margin:"unset",maxWidth:"100vw",overflow:"unset",padding:"unset",width:"unset"},F={blue_100:"#ECF1FF",blue_200:"#BDCFFF",blue_300:"#7393E8",blue_400:"#335DC9",blue_500:"#151852",gold_100:"#FCF3E6",gold_200:"#EAD0AF",gold_300:"#D5AF7B",gold_400:"#BF8E47",gold_500:"#946A18",green_100:"#DFFBEC",green_200:"#9FF4C7",green_300:"#00cc88",green_400:"#00855B",green_500:"#25352F",monochrome_050:"#F8F8F8",monochrome_100:"#F0F0F0",monochrome_200:"#DFDFDF",monochrome_300:"#CECECE",monochrome_400:"#A1A1A1",monochrome_500:"#848484",monochrome_600:"#8F8C8B",monochrome_700:"#686868",monochrome_800:"#343434",monochrome_900:"#1C1C1C",monochrome_black:"#000000",monochrome_white:"#FFFFFF",pink_300:"#FFD8F4",pink_400:"#FFB1BA",pink_500:"#E00C7B",red_100:"#FFF0F1",red_200:"#FFCBD0",red_300:"#F47783",red_400:"#D43444",red_500:"#920110",translucent_black:"rgba(28, 28, 28, 0.7)",translucent_cream:"rgba(245, 245, 245, 0.2)",translucent_white:"rgba(255, 255, 255, 0.7)",yellow_100:"#FFFBF2",yellow_200:"#FFF5DB",yellow_300:"#FFECB4",yellow_400:"#FADC87",yellow_500:"#BD8C02"},S={border:"1px solid ".concat(F.monochrome_300),borderRadius:".6rem",dimensions:{gridGutter:"2.4rem",headerHeight:{lg:"6.4rem",sm:"4.8rem"},maxWidth:"78rem",spacing:{s1:"1.6rem",s2:"2rem",s3:"2.4rem",s4:"4rem",s5:"6rem",s6:"12rem"}},fonts:{boldFontFamily:"Sohne Halbfett",h1:{family:"Sohne Halbfett",lineHeight:"7rem",lineHeightMedium:"5rem",lineHeightSmaller:"5rem",size:"5.8rem",sizeMedium:"4rem",sizeSmaller:"4rem"},h2:{family:"Sohne Halbfett",lineHeight:"4.8rem",lineHeightMedium:"3.4rem",lineHeightSmaller:"3.4rem",size:"3.8rem",sizeMedium:"2.8rem",sizeSmaller:"2.8rem"},h3:{family:"Sohne Dreiviertelfett",lineHeight:"3.6rem",lineHeightMedium:"2.6rem",lineHeightSmaller:"2.6rem",size:"2.8rem",sizeMedium:"2rem",sizeSmaller:"2rem"},h4:{family:"Sohne Dreiviertelfett",lineHeight:"2.2rem",lineHeightMedium:"2.2rem",lineHeightSmaller:"2.2rem",size:"1.8rem",sizeMedium:"1.8rem",sizeSmaller:"1.8rem"},h5:{family:"Sohne Halbfett",lineHeight:"2rem",lineHeightMedium:"2rem",lineHeightSmaller:"2rem",size:"1.6rem",sizeMedium:"1.6rem",sizeSmaller:"1.6rem"},hero:{family:"Sohne Kraftig",familyMedium:"Sohne Halbfett",familySmaller:"Sohne Halbfett",lineHeight:"8.6rem",lineHeightMedium:"5.8rem",lineHeightSmaller:"5.8rem",size:"7.2rem",sizeMedium:"5.2rem",sizeSmaller:"5.2rem"},p0:{family:"Sohne Buch",lineHeight:"3.6rem",lineHeightMedium:"3rem",lineHeightSmaller:"3rem",size:"2.4rem",sizeMedium:"2.2rem",sizeSmaller:"2.2rem"},p1:{family:"Sohne Buch",lineHeight:"2.7rem",lineHeightMedium:"2.7rem",lineHeightSmaller:"2.7rem",size:"1.8rem",sizeMedium:"1.8rem",sizeSmaller:"1.8rem"},p2:{family:"Sohne Buch",lineHeight:"2.2rem",lineHeightSmaller:"2.2rem",size:"1.5rem",sizeSmaller:"1.5rem"},p3:{family:"Sohne Buch",lineHeight:"1.5rem",lineHeightSmaller:"1.5rem",size:"1.2rem",sizeSmaller:"1.2rem"},regularFontFamily:"Sohne Buch"},shadow:"0 .2rem .6rem rgba(0, 0, 0, 0.12)",transitions:{base:"0.15s ease",slow:"0.3s ease",slowest:"2s ease",turtle:"0.8s ease"}},z=e(e({},S),{colors:{dividers:{t1:F.monochrome_100,t2:F.monochrome_300,t3:F.monochrome_900},iconography:{alert:F.red_400,link:F.green_400,t1:F.monochrome_500,t2:F.monochrome_900,t3:F.monochrome_white,warning:F.gold_400},palette:F,surface:{alert:F.red_100,hover:F.monochrome_050,level1:F.monochrome_white,level2:F.monochrome_100,level3:F.monochrome_200,selected:F.monochrome_050,success:F.blue_100,successAlt:F.green_400,warning:F.yellow_100},typography:{alert:F.red_400,alt:F.monochrome_white,link:F.green_400,success:F.blue_400,t1:F.monochrome_900,t2:F.monochrome_500,t3:F.monochrome_300,warning:F.gold_400}},name:"Light Theme"}),H=e(e({},S),{colors:{dividers:{t1:F.monochrome_600,t2:F.monochrome_400,t3:F.monochrome_white},iconography:{alert:F.red_200,link:F.green_300,t1:F.monochrome_300,t2:F.monochrome_100,t3:F.monochrome_900,warning:F.gold_200},palette:F,surface:{alert:F.red_500,hover:F.monochrome_800,level1:F.monochrome_900,level2:F.monochrome_800,level3:F.monochrome_600,selected:F.monochrome_800,success:F.blue_500,successAlt:F.blue_100,warning:F.gold_500},typography:{alert:F.red_200,alt:F.monochrome_900,link:F.green_300,success:F.blue_200,t1:F.monochrome_white,t2:F.monochrome_300,t3:F.monochrome_500,warning:F.gold_200}},name:"Dark Theme"}),I=function(e,n){var o,r;return void 0===n&&(n=z),null!==(r=null===(o=n.colors.palette)||void 0===o?void 0:o[e])&&void 0!==r?r:e},C=function(e,n){var o;return void 0===n&&(n=z),null!==(o=n.dimensions.spacing[e])&&void 0!==o?o:"default"===e?n.dimensions.gridGutter:null!=e?e:"unset"},j=function(e){return void 0===e&&(e=z),{alert:{background:e.colors.palette.red_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.red_300,selected:e.colors.palette.red_500},black:{background:e.colors.palette.monochrome_900,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_500,selected:e.colors.palette.green_500},blue:{background:e.colors.palette.blue_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.blue_300,selected:e.colors.palette.blue_500},gold:{background:e.colors.palette.gold_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.gold_300,selected:e.colors.palette.gold_500},green:{background:e.colors.palette.green_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.green_300,selected:e.colors.palette.green_500},grey:{background:e.colors.palette.monochrome_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_300,selected:e.colors.palette.monochrome_500},greyLight:{background:e.colors.palette.monochrome_200,color:e.colors.palette.monochrome_black,hover:e.colors.palette.monochrome_300,selected:e.colors.palette.monochrome_400},pink:{background:e.colors.palette.pink_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.red_300,selected:e.colors.palette.monochrome_black},primary:{background:e.colors.palette.green_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.green_300,selected:e.colors.palette.green_500},secondary:{background:e.colors.palette.green_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_500,selected:e.colors.palette.green_500},secondaryAlt:{background:e.colors.palette.monochrome_black,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_500,selected:e.colors.palette.green_500},white:{background:e.colors.palette.monochrome_white,color:e.colors.palette.monochrome_black,hover:e.colors.palette.monochrome_300,selected:e.colors.palette.monochrome_500},yellow:{background:e.colors.palette.yellow_500,color:e.colors.palette.monochrome_white,hover:e.colors.palette.green_400,selected:e.colors.palette.monochrome_black}}},E=p(k||(k=n(['\n *,\n *::before,\n *::after {\n margin: 0;\n padding: 0;\n box-sizing: inherit;\n outline: none;\n }\n\n html {\n /* defines 1rem = 10px value */\n font-size: 62.5%;\n }\n\n body {\n box-sizing: border-box;\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n }\n\n * {\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n -moz-font-smoothing: antialiased;\n font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -webkit-tap-highlight-color: transparent;\n }\n\n a,\n a:active,\n a:visited {\n font-family: "Sohne Halbfett", "Helvetica", sans-serif;\n text-decoration: none;\n display: inherit;\n cursor: pointer;\n color: ',";\n\n &.affirm-modal-trigger:hover {\n text-decoration: underline;\n }\n }\n\n svg {\n overflow: visible;\n }\n\n #fb-root {\n z-index: 999;\n display: block;\n }\n\n input, select {\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px white inset !important;\n }\n }\n\n @font-face {\n font-family: 'Sohne Buch';\n src: url(https://www.gantri.com/static/fonts/soehne-web-buch.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Dreiviertelfett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-dreiviertelfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Halbfett';\n src: url(https://www.gantri.com/static/fonts/public/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig Kursiv';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig-kursiv.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Extrafett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n"],['\n *,\n *::before,\n *::after {\n margin: 0;\n padding: 0;\n box-sizing: inherit;\n outline: none;\n }\n\n html {\n /* defines 1rem = 10px value */\n font-size: 62.5%;\n }\n\n body {\n box-sizing: border-box;\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n }\n\n * {\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n -moz-font-smoothing: antialiased;\n font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -webkit-tap-highlight-color: transparent;\n }\n\n a,\n a:active,\n a:visited {\n font-family: "Sohne Halbfett", "Helvetica", sans-serif;\n text-decoration: none;\n display: inherit;\n cursor: pointer;\n color: ',";\n\n &.affirm-modal-trigger:hover {\n text-decoration: underline;\n }\n }\n\n svg {\n overflow: visible;\n }\n\n #fb-root {\n z-index: 999;\n display: block;\n }\n\n input, select {\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px white inset !important;\n }\n }\n\n @font-face {\n font-family: 'Sohne Buch';\n src: url(https://www.gantri.com/static/fonts/soehne-web-buch.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Dreiviertelfett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-dreiviertelfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Halbfett';\n src: url(https://www.gantri.com/static/fonts/public/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig Kursiv';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig-kursiv.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Extrafett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n"])),I("gold_400")),B=function(e){var n=e.children,o=e.theme;return l.createElement(g,{theme:o},l.createElement(E,null),n)};B.defaultProps={theme:z};var M,D,R,T=w({lg:"75em",md:"64em",sm:"45.06em"}),L=function(e,n){var o;if(y(e)){var r=e,t=r.lg,i=r.md,a=r.sm;switch(n){case"lg":default:return t;case"md":return null!=i?i:t;case"sm":return null!==(o=null!=a?a:i)&&void 0!==o?o:t}}return e};function W(r){var t="",i="",a="";return r.forEach((function(n){if(n.lookIn&&Array.isArray(n.resolutionAwareProp))throw new Error("Specifying lookIn property when resolutionAwareProp is an array is not allowed");var r=function(n){var r;if(Array.isArray(n))return n.reduce((function(n,r){return e(e({},n),{lg:o(o([],n.lg,!0),[L(r,"lg")],!1),md:o(o([],n.md,!0),[L(r,"md")],!1),sm:o(o([],n.sm,!0),[L(r,"sm")],!1)})}),{lg:[],md:[],sm:[]});if(y(n)){var t=n,i=t.lg,a=t.md,l=t.sm;return{lg:i,md:null!=a?a:i,sm:null!==(r=null!=l?l:a)&&void 0!==r?r:i}}return{lg:n,md:n,sm:n}}(n.resolutionAwareProp),l=r.lg,s=r.md,c=r.sm;if(void 0!==l){var m=n.lookIn&&n.lookIn[l]||l;t+="".concat(n.cssProperty,": ").concat(n.valueFormatter?n.valueFormatter(m,"lg"):m," ").concat(n.isImportant?"!important":"",";;")}if(void 0!==s){m=n.lookIn&&n.lookIn[s]||s;i+="".concat(n.cssProperty,": ").concat(n.valueFormatter?n.valueFormatter(m,"md"):m," ").concat(n.isImportant?"!important":"",";;")}if(void 0!==c){m=n.lookIn&&n.lookIn[c]||c;a+="".concat(n.cssProperty,": ").concat(n.valueFormatter?n.valueFormatter(m,"sm"):m," ").concat(n.isImportant?"!important":"",";")}})),f(R||(R=n(["\n ","\n\n ","\n\n ","\n "],["\n ","\n\n ","\n\n ","\n "])),t,i&&T.lessThan("md")(M||(M=n(["\n ","\n "],["\n ","\n "])),i),a&&T.lessThan("sm")(D||(D=n(["\n ","\n "],["\n ","\n "])),a))}var V,N,K,G,q=d.div(N||(N=n(["\n ","\n"],["\n ","\n"])),(function(e){var o=e.backgroundColor,r=e.padding,t=e.verticalPadding,i=e.horizontalPadding,a=e.paddingLeft,l=void 0===a?i:a,s=e.paddingRight,c=void 0===s?i:s,m=e.paddingTop,d=void 0===m?t:m,p=e.paddingBottom,h=void 0===p?t:p,g=e.margin,f=e.verticalMargin,w=e.horizontalMargin,y=e.marginLeft,v=void 0===y?w:y,P=e.marginRight,b=void 0===P?w:P,_=e.marginTop,x=void 0===_?f:_,k=e.marginBottom,A=void 0===k?f:k,F=e.theme,S=e.borderRadius,z=e.hidden,H=e.textAlign,C=e.height,j=e.minHeight,E=e.width,B=e.minWidth,M=e.maxWidth,D=e.overflow,R=e.alignSelf,T=e.justifySelf,L=[{cssProperty:"background-color",resolutionAwareProp:o,valueFormatter:function(e){return I(e)}},{cssProperty:"padding",lookIn:F.dimensions.spacing,resolutionAwareProp:r},{cssProperty:"padding-left",lookIn:F.dimensions.spacing,resolutionAwareProp:l},{cssProperty:"padding-right",lookIn:F.dimensions.spacing,resolutionAwareProp:c},{cssProperty:"padding-top",lookIn:F.dimensions.spacing,resolutionAwareProp:d},{cssProperty:"padding-bottom",lookIn:F.dimensions.spacing,resolutionAwareProp:h},{cssProperty:"margin",lookIn:F.dimensions.spacing,resolutionAwareProp:g},{cssProperty:"margin-left",lookIn:F.dimensions.spacing,resolutionAwareProp:v},{cssProperty:"margin-right",lookIn:F.dimensions.spacing,resolutionAwareProp:b},{cssProperty:"margin-top",lookIn:F.dimensions.spacing,resolutionAwareProp:x},{cssProperty:"margin-bottom",lookIn:F.dimensions.spacing,resolutionAwareProp:A},{cssProperty:"display",resolutionAwareProp:z,valueFormatter:function(e){return!0===e?"none":"block"}},{cssProperty:"border-radius",resolutionAwareProp:S},{cssProperty:"text-align",resolutionAwareProp:H},{cssProperty:"width",resolutionAwareProp:E},{cssProperty:"height",resolutionAwareProp:C},{cssProperty:"min-height",resolutionAwareProp:j},{cssProperty:"min-width",resolutionAwareProp:B},{cssProperty:"max-width",resolutionAwareProp:M},{cssProperty:"align-self",resolutionAwareProp:R},{cssProperty:"justify-self",resolutionAwareProp:T}];return u(V||(V=n(["\n position: relative;\n overflow: ",";\n ",";\n "],["\n position: relative;\n overflow: ",";\n ",";\n "])),D,W(L))})),Y=function(n){var o=e(e({},A),n);return a.createElement(q,e({},o))},J=h.svg.withConfig({displayName:"StyledSvgIcon",componentId:"sc-1jh49e-0"})(G||(G=n(["\n ","\n"],["\n ","\n"])),(function(e){var o=e.size,r=e.nwidth,t=e.nheight,i=e.cursor,a=e.top,l=e.bottom,s=e.right,c=e.left,m=[{cssProperty:"width",resolutionAwareProp:null!=r?r:o},{cssProperty:"height",resolutionAwareProp:null!=t?t:o}];return f(K||(K=n(["\n ",";\n cursor: ",";\n position: relative;\n top: ",";\n bottom: ",";\n right: ",";\n left: ",";\n "],["\n ",";\n cursor: ",";\n position: relative;\n top: ",";\n bottom: ",";\n right: ",";\n left: ",";\n "])),W(m),i,a||"unset",l||"unset",s||"unset",c||"unset")})),O=function(n){var o=n.name,a=n.width,c=n.height,m=r(n,["name","width","height"]),d=s(null),p=d[0],u=d[1];return P((function(){return t(void 0,void 0,void 0,(function(){var e,n,r;return i(this,(function(t){switch(t.label){case 0:return o?(e=o.split(":"),n="".concat(e[0],"/").concat(v(e[1])).replace("_","").replace(/ /g,""),[4,import("./generated/".concat(n,".tsx"))]):[3,2];case 1:r=t.sent(),u(r.default),t.label=2;case 2:return[2]}}))}))}),[o]),p?l.createElement(J,e({as:p,nheight:c,nwidth:a},m)):null};O.defaultProps={color:"link",cursor:"unset",opacity:1,size:"2rem"};var Q,U,X=d.p(U||(U=n(["\n ","\n"],["\n ","\n"])),(function(e){var o=e.theme,r=e.variant,t=e.transform,i=e.color,a=e.align,l=e.lineHeight,s=e.fontSize,c=e.fontWeight,m=e.whiteSpace,d=e.padding,p=e.verticalPadding,h=e.horizontalPadding,g=e.paddingLeft,f=void 0===g?h:g,w=e.paddingRight,y=void 0===w?h:w,v=e.paddingTop,P=void 0===v?p:v,b=e.paddingBottom,_=void 0===b?p:b,x=e.margin,k=e.verticalMargin,A=e.horizontalMargin,F=e.marginLeft,S=void 0===F?A:F,z=e.marginRight,H=void 0===z?A:z,I=e.marginTop,C=void 0===I?k:I,j=e.marginBottom,E=void 0===j?k:j,B=e.alignSelf,M=e.justifySelf,D=e.display,R=e.hidden,T=e.minWidth,L=e.maxWidth,V=e.letterSpacing,N=e.textShadow,K=e.onClick,G=r||"p2",q=i||"",Y=s||{lg:o.fonts[G].size,md:o.fonts[G].sizeMedium,sm:o.fonts[G].sizeSmaller},J=l||{lg:o.fonts[G].lineHeight,md:o.fonts[G].lineHeightMedium,sm:o.fonts[G].lineHeightSmaller},O=[{cssProperty:"text-align",resolutionAwareProp:a},{cssProperty:"font-family",resolutionAwareProp:{lg:o.fonts[G].family,sm:o.fonts[G].familySmaller},valueFormatter:function(e){return"".concat(e,', "Helvetica", sans-serif;')}},{cssProperty:"font-size",resolutionAwareProp:Y},{cssProperty:"line-height",resolutionAwareProp:J},{cssProperty:"min-width",resolutionAwareProp:T},{cssProperty:"max-width",resolutionAwareProp:L},{cssProperty:"padding",lookIn:o.dimensions.spacing,resolutionAwareProp:d},{cssProperty:"padding-left",lookIn:o.dimensions.spacing,resolutionAwareProp:f},{cssProperty:"padding-right",lookIn:o.dimensions.spacing,resolutionAwareProp:y},{cssProperty:"padding-top",lookIn:o.dimensions.spacing,resolutionAwareProp:P},{cssProperty:"padding-bottom",lookIn:o.dimensions.spacing,resolutionAwareProp:_},{cssProperty:"margin",lookIn:o.dimensions.spacing,resolutionAwareProp:x},{cssProperty:"margin-left",lookIn:o.dimensions.spacing,resolutionAwareProp:S},{cssProperty:"margin-right",lookIn:o.dimensions.spacing,resolutionAwareProp:H},{cssProperty:"margin-top",lookIn:o.dimensions.spacing,resolutionAwareProp:C},{cssProperty:"margin-bottom",lookIn:o.dimensions.spacing,resolutionAwareProp:E},{cssProperty:"align-self",resolutionAwareProp:B},{cssProperty:"justify-self",resolutionAwareProp:M},{cssProperty:"letter-spacing",resolutionAwareProp:V},{cssProperty:"white-space",resolutionAwareProp:m},{cssProperty:"display",resolutionAwareProp:[D,R],valueFormatter:function(e){var n=e[0];return!0===e[1]?"none":n}}];return u(Q||(Q=n(["\n color: ",";\n text-transform: ",";\n transition: all ",";\n font-weight: ",";\n cursor: ",";\n text-shadow: ",";\n\n ",";\n\n a {\n display: inline-block;\n font-size: inherit;\n line-height: inherit;\n }\n "],["\n color: ",";\n text-transform: ",";\n transition: all ",";\n font-weight: ",";\n cursor: ",";\n text-shadow: ",";\n\n ",";\n\n a {\n display: inline-block;\n font-size: inherit;\n line-height: inherit;\n }\n "])),o.colors.typography[q]||o.colors.palette[q]||i,t,o.transitions.base,c||o.fonts[G].fontWeight||400,K?"pointer":"unset",N,W(O))})),Z={badge:"span",hero:"h1",p0:"p",p1:"p",p2:"p",p3:"p"},$=c((function(n,o){var t,i,a=n.type,s=n.variant,c=n.tx,m=n.txValues,d=n.text,p=n.htmlText,u=n.textStyle,h=n.color,g=r(n,["type","variant","tx","txValues","text","htmlText","textStyle","color"]),f=b().t;return p?l.createElement(X,e({as:null!==(t=null!=a?a:Z[s||""])&&void 0!==t?t:s,color:null!=h?h:"black",dangerouslySetInnerHTML:{__html:p},ref:o,textStyle:u,variant:s},g)):l.createElement(X,e({as:null!==(i=null!=a?a:Z[s||""])&&void 0!==i?i:s,color:null!=h?h:"black",ref:o,textStyle:u,tx:c,variant:s},g),c?l.createElement(_,{t:f,values:m},c):d)}));$.defaultProps={color:"t1",display:"block",variant:"p2",whiteSpace:"inherit"};var ee,ne,oe,re,te,ie,ae,le={md:"15rem",sm:"14rem",xl:"17rem"},se=h.button.withConfig({displayName:"StyledButton",componentId:"sc-12w1zik-0"})(re||(re=n(["\n ","\n"],["\n ","\n"])),(function(e){var o=e.theme,r=e.variant,t=e.color,i=e.width,a=e.minWidth,l=e.disabled,s=e.borderRadius,c=e.alignSelf,m=e.justifySelf,d=e.hidden,p=e.size,u=[{cssProperty:"width",resolutionAwareProp:i,valueFormatter:function(e){var n;return null!==(n=le[e])&&void 0!==n?n:e}},{cssProperty:"min-width",resolutionAwareProp:a||"unset"},{cssProperty:"border-radius",resolutionAwareProp:"action"===r?"none":s||("small"===p?"0.4rem":"4.9rem")},{cssProperty:"align-self",resolutionAwareProp:c},{cssProperty:"justify-self",resolutionAwareProp:m},{cssProperty:"display",resolutionAwareProp:d,valueFormatter:function(e){return!0===e?"none":"flex"}}];return f(oe||(oe=n(["\n &,\n &:active,\n &:focus {\n display: flex;\n ",";\n position: relative;\n border-style: solid;\n border-width: ",";\n outline: none;\n padding: 0 ",";\n cursor: ",";\n pointer-events: ",";\n opacity: ",";\n transition: ",";\n user-select: none;\n overflow: hidden;\n height: ",";\n min-width: max-content;\n\n ","\n\n ","\n }\n "],["\n &,\n &:active,\n &:focus {\n display: flex;\n ",";\n position: relative;\n border-style: solid;\n border-width: ",";\n outline: none;\n padding: 0 ",";\n cursor: ",";\n pointer-events: ",";\n opacity: ",";\n transition: ",";\n user-select: none;\n overflow: hidden;\n height: ",";\n min-width: max-content;\n\n ","\n\n ","\n }\n "])),W(u),"default"===r?"unset":"1px","small"===p?"1rem":"2.4rem",l?"not-allowed":"pointer",l?"none":"all",l?.3:1,o.transitions.base,"large"===p?"4.6rem":"3.4rem",function(e,o,r){var t,i=null!==(t=j(r)[e])&&void 0!==t?t:j(r).white,a=!("secondary"===o||"action"===o);return f(ee||(ee=n(["\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n\n &:hover {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n\n &:active {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n "],["\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n\n &:hover {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n\n &:active {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n "])),a?i.background:"transparent",i.background,a?i.color||i.background:i.background||i.color,a?i.hover:"transparent",i.hover,a?i.color||i.hover:i.hover||i.color,a?i.selected:"transparent",i.selected,a?i.color||i.selected:i.selected||i.color)}(String(t),r,o),"action"===r&&f(ne||(ne=n(["\n border: none;\n padding: 0;\n width: max-content;\n min-width: 0;\n\n &:hover,\n &:active {\n border: unset;\n\n * {\n text-decoration: underline;\n }\n }\n "],["\n border: none;\n padding: 0;\n width: max-content;\n min-width: 0;\n\n &:hover,\n &:active {\n border: unset;\n\n * {\n text-decoration: underline;\n }\n }\n "]))))})),ce=h.div.withConfig({displayName:"StyledButtonContent",componentId:"sc-12w1zik-1"})(ae||(ae=n(["\n ","\n"],["\n ","\n"])),(function(e){var o=e.theme,r=e.textVariant;return f(ie||(ie=n(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n transform: translateY(0);\n opacity: 1;\n transition: ",";\n\n & > *:not(:last-child) {\n margin-right: ",";\n position: relative;\n\n ","\n }\n "],["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n transform: translateY(0);\n opacity: 1;\n transition: ",";\n\n & > *:not(:last-child) {\n margin-right: ",";\n position: relative;\n\n ","\n }\n "])),o.transitions.base,"p3"===r?".6rem":".8rem",T.lessThan("sm")(te||(te=n(["\n margin-right: ",";\n "],["\n margin-right: ",";\n "])),"p3"===r?".3rem":".5rem"))})),me=c((function(n,o){var t=n.tx,i=n.text,l=n.txValues,s=n.textVariant,c=n.textLineHeight,m=n.fontSize,d=n.type,p=n.disabled,u=n.icon,h=n.iconLocation,g=n.processing,f=n.onClick,w=r(n,["tx","text","txValues","textVariant","textLineHeight","fontSize","type","disabled","icon","iconLocation","processing","onClick"]);return a.createElement(se,e({disabled:p,ref:o,textVariant:s,type:d,onClick:f},w),a.createElement(ce,e({},w),u&&!g&&"left"===h&&u,"action"!==w.variant&&g&&a.createElement(O,{name:"animated:loader_24",size:"1.6rem"}),(t||i)&&a.createElement($,{display:"contents",fontSize:m,lineHeight:c,text:i,textStyle:"bold",tx:t,txValues:l,variant:s,whiteSpace:"nowrap"}),u&&"right"===h&&u))}));me.defaultProps={color:"primary",disabled:!1,iconLocation:"left",size:"large",textLineHeight:"unset",textVariant:"p2",type:"button",variant:"primary"};var de,pe,ue=d.div(pe||(pe=n(["\n ","\n"],["\n ","\n"])),(function(e){var o=e.width,r=e.height,t=e.row,i=e.column,a=e.hidden,l=e.textAlign,s=e.alignSelf,c=e.alignItems,m=e.alignContent,d=e.justifyContent,p=e.justifyItems,h=e.gap,g=e.columnGap,f=void 0===g?h:g,w=e.rowGap,y=void 0===w?h:w,v=e.position,P=e.borderRadius,b=e.padding,_=e.backgroundColor,x=e.verticalPadding,k=e.horizontalPadding,A=e.paddingLeft,F=void 0===A?k:A,S=e.paddingRight,z=void 0===S?k:S,H=e.paddingTop,j=void 0===H?x:H,E=e.paddingBottom,B=void 0===E?x:E,M=e.theme,D=[{cssProperty:"background-color",resolutionAwareProp:_,valueFormatter:function(e){return I(e,M)}},{cssProperty:"display",resolutionAwareProp:a,valueFormatter:function(e){return e?"none":"grid"}},{cssProperty:"text-align",resolutionAwareProp:l},{cssProperty:"align-self",resolutionAwareProp:s},{cssProperty:"align-items",resolutionAwareProp:c},{cssProperty:"align-content",resolutionAwareProp:m},{cssProperty:"grid-column-gap",resolutionAwareProp:f,valueFormatter:function(e){return C(e,M)}},{cssProperty:"grid-row-gap",resolutionAwareProp:y,valueFormatter:function(e){return C(e,M)}},{cssProperty:"justify-content",resolutionAwareProp:d},{cssProperty:"justify-items",resolutionAwareProp:p},{cssProperty:"border-radius",resolutionAwareProp:P},{cssProperty:"padding",lookIn:M.dimensions.spacing,resolutionAwareProp:b},{cssProperty:"padding-left",lookIn:M.dimensions.spacing,resolutionAwareProp:F},{cssProperty:"padding-right",lookIn:M.dimensions.spacing,resolutionAwareProp:z},{cssProperty:"padding-top",lookIn:M.dimensions.spacing,resolutionAwareProp:j},{cssProperty:"padding-bottom",lookIn:M.dimensions.spacing,resolutionAwareProp:B}];return o?D.push({cssProperty:"grid-column",resolutionAwareProp:o,valueFormatter:function(e){return"span ".concat(e)}}):i&&D.push({cssProperty:"grid-column",resolutionAwareProp:i}),r?D.push({cssProperty:"grid-row",resolutionAwareProp:r,valueFormatter:function(e){return"span ".concat(e)}}):t&&D.push({cssProperty:"grid-row",resolutionAwareProp:t}),u(de||(de=n(["\n display: grid;\n position: ",";\n ",";\n "],["\n display: grid;\n position: ",";\n ",";\n "])),v,W(D))})),he=c((function(n,o){var t=n.children,i=r(n,["children"]);return a.createElement(ue,e({ref:o},i),t)}));he.defaultProps={column:null,row:null,textAlign:"left"};var ge,fe,we=d(Y)(fe||(fe=n(["\n ","\n"],["\n ","\n"])),(function(e){var o=e.direction,r=e.justifyContent,t=e.alignItems,i=e.backgroundColor,a=e.gap,l=e.hidden,s=e.height,c=e.width,m=e.theme,d=W([{cssProperty:"flex-direction",resolutionAwareProp:o},{cssProperty:"justify-content",resolutionAwareProp:r},{cssProperty:"align-items",resolutionAwareProp:t},{cssProperty:"display",resolutionAwareProp:l,valueFormatter:function(e){return!0===e?"none":"flex"}},{cssProperty:"background-color",resolutionAwareProp:i,valueFormatter:function(e){return I(e,m)}},{cssProperty:"height",resolutionAwareProp:s},{cssProperty:"width",resolutionAwareProp:c},{cssProperty:"gap",resolutionAwareProp:a,valueFormatter:function(e){return C(e,m)}}]);return u(ge||(ge=n(["\n display: flex;\n width: 100%;\n ","\n "],["\n display: flex;\n width: 100%;\n ","\n "])),d)})),ye=function(n){return l.createElement(we,e({},n))};ye.defaultProps={alignItems:"unset",borderRadius:"unset",direction:"row",height:"unset",justifyContent:"unset",padding:"unset"};var ve,Pe,be,_e,xe=function(e){return"string"==typeof e?e:"repeat(".concat(e,", 1fr);")},ke=function(e){return"string"==typeof e?e:"repeat(".concat(e,", max-content);")},Ae=d.div(Pe||(Pe=n(["\n ","\n"],["\n ","\n"])),(function(e){var o=e.width,r=e.height,t=e.columns,i=e.autoColumns,a=e.rows,l=e.autoRows,s=e.flow,c=e.gap,m=e.columnGap,d=void 0===m?c:m,p=e.rowGap,h=void 0===p?c:p,g=e.padding,f=e.horizontalPadding,w=void 0===f?g:f,y=e.paddingLeft,v=void 0===y?w:y,P=e.paddingRight,b=void 0===P?w:P,_=e.verticalPadding,x=void 0===_?g:_,k=e.paddingTop,A=void 0===k?x:k,F=e.paddingBottom,S=void 0===F?x:F,z=e.margin,H=e.horizontalMargin,j=void 0===H?z:H,E=e.marginLeft,B=void 0===E?j:E,M=e.marginRight,D=void 0===M?j:M,R=e.verticalMargin,T=void 0===R?z:R,L=e.marginTop,V=void 0===L?T:L,N=e.marginBottom,K=void 0===N?T:N,G=e.justifyContent,q=e.alignContent,Y=e.justifyItems,J=e.justifySelf,O=e.alignItems,Q=e.hidden,U=e.maxWidth,X=e.minWidth,Z=e.minHeight,$=e.maxHeight,ee=e.backgroundColor,ne=e.border,oe=e.borderRadius,re=e.theme,te=[{cssProperty:"grid-auto-flow",resolutionAwareProp:s},{cssProperty:"grid-auto-columns",resolutionAwareProp:i},{cssProperty:"grid-auto-rows",resolutionAwareProp:l},{cssProperty:"grid-template-columns",resolutionAwareProp:t,valueFormatter:xe},{cssProperty:"grid-template-rows",resolutionAwareProp:a,valueFormatter:ke},{cssProperty:"grid-column-gap",resolutionAwareProp:d,valueFormatter:function(e){return C(e,re)}},{cssProperty:"grid-row-gap",resolutionAwareProp:h,valueFormatter:function(e){return C(e,re)}},{cssProperty:"padding-left",resolutionAwareProp:v,valueFormatter:function(e){return C(e,re)}},{cssProperty:"padding-right",resolutionAwareProp:b,valueFormatter:function(e){return C(e,re)}},{cssProperty:"padding-top",resolutionAwareProp:A,valueFormatter:function(e){return C(e,re)}},{cssProperty:"padding-bottom",resolutionAwareProp:S,valueFormatter:function(e){return C(e,re)}},{cssProperty:"margin-left",resolutionAwareProp:B,valueFormatter:function(e){return C(e,re)}},{cssProperty:"margin-right",resolutionAwareProp:D,valueFormatter:function(e){return C(e,re)}},{cssProperty:"margin-top",resolutionAwareProp:V,valueFormatter:function(e){return C(e,re)}},{cssProperty:"margin-bottom",resolutionAwareProp:K,valueFormatter:function(e){return C(e,re)}},{cssProperty:"align-content",resolutionAwareProp:q},{cssProperty:"justify-content",resolutionAwareProp:G},{cssProperty:"align-items",resolutionAwareProp:O},{cssProperty:"justify-items",resolutionAwareProp:Y},{cssProperty:"justify-self",resolutionAwareProp:J},{cssProperty:"display",resolutionAwareProp:Q,valueFormatter:function(e){return!0===e?"none":"grid"}},{cssProperty:"max-width",resolutionAwareProp:U},{cssProperty:"min-width",resolutionAwareProp:X},{cssProperty:"min-height",resolutionAwareProp:Z},{cssProperty:"max-height",resolutionAwareProp:$},{cssProperty:"background-color",resolutionAwareProp:ee,valueFormatter:function(e){return I(e,re)}},{cssProperty:"width",resolutionAwareProp:o},{cssProperty:"height",resolutionAwareProp:r},{cssProperty:"border-radius",resolutionAwareProp:oe}];return u(ve||(ve=n(["\n display: grid;\n position: relative;\n border: ",";\n ",";\n "],["\n display: grid;\n position: relative;\n border: ",";\n ",";\n "])),ne||"unset",W(te))})),Fe=c((function(n,o){var t=n.children,i=r(n,["children"]);return a.createElement(Ae,e({ref:o},i),t)}));Fe.defaultProps={backgroundColor:"unset",flow:"row",gap:{lg:"s3",md:"s3",sm:"s1"},height:"unset",maxWidth:"unset",padding:"unset",width:"unset"},be||(be=n(["\n ","\n"],["\n ","\n"])),_e||(_e=n(["\n ","\n"],["\n ","\n"])),new x({cloud:{cloudName:"gantri"},url:{secure:!0}});var Se,ze,He,Ie,Ce,je,Ee=h.div.withConfig({displayName:"StyledRadioContainer",componentId:"sc-kxjg4j-0"})(Se||(Se=n(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"]))),Be=h.div.withConfig({displayName:"StyledRadio",componentId:"sc-kxjg4j-1"})(He||(He=n(["\n ","\n"],["\n ","\n"])),(function(e){var o=e.theme;return f(ze||(ze=n(["\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n border: 1px solid ",";\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n cursor: pointer;\n "],["\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n border: 1px solid ",";\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n cursor: pointer;\n "])),o.colors.palette.monochrome_200)})),Me=h.input.withConfig({displayName:"StyledRadioInput",componentId:"sc-kxjg4j-2"})(Ie||(Ie=n(["\n width: 20px;\n height: 20px;\n opacity: 0;\n cursor: pointer;\n"],["\n width: 20px;\n height: 20px;\n opacity: 0;\n cursor: pointer;\n"]))),De=h.span.withConfig({displayName:"StyledRadioMarker",componentId:"sc-kxjg4j-3"})(je||(je=n(["\n ","\n"],["\n ","\n"])),(function(e){var o=e.theme;return f(Ce||(Ce=n(["\n position: absolute;\n width: calc(100% - 1.2rem);\n height: calc(100% - 1.2rem);\n display: inline-block;\n border-radius: 50%;\n background-color: ",";\n "],["\n position: absolute;\n width: calc(100% - 1.2rem);\n height: calc(100% - 1.2rem);\n display: inline-block;\n border-radius: 50%;\n background-color: ",";\n "])),o.colors.palette.monochrome_black)})),Re=function(n){var o=n.flow,t=n.children,i=n.justifyContent,a=n.justifyItems,s=n.alignContent,c=n.maxWidth,m=n.minHeight,d=n.height,p=r(n,["flow","children","justifyContent","justifyItems","alignContent","maxWidth","minHeight","height"]);return l.createElement(Fe,e({alignContent:s,alignItems:"center",columns:"column"===o?"minmax(min-content,".concat(c||"max-content",")"):"unset",flow:o,height:d,justifyContent:i,justifyItems:a,maxWidth:c,minHeight:m},p),t)};Re.defaultProps={alignContent:"start",flow:"row",gap:"s1",height:"100%",horizontalPadding:{lg:"s3",sm:"s1"},justifyContent:"unset",padding:"unset"};var Te=function(e){var n=e.name,o=e.labelTx,r=e.labelText,t=e.labelPosition,i=e.labelVariant,a=e.value,s=e.groupValue,c=e.onChange,d=e.onSelected,p=m(),u=a===s;return l.createElement(Ee,null,l.createElement(Re,{flow:"column",gap:"1rem",padding:"unset"},(o||r)&&"left"===t&&l.createElement($,{color:u?"t1":"t2",text:r,tx:o,variant:i}),l.createElement(Be,null,u&&l.createElement(De,null),l.createElement(Me,{checked:u,id:"".concat(n,"-").concat(a),name:n,ref:p,type:"radio",value:a,onChange:function(e){c&&c(e),d&&d(e.target.value)}})),(o||r)&&"right"===t&&l.createElement($,{color:u?"t1":"t2",htmlFor:"".concat(n,"-").concat(a),text:r,tx:o,variant:i})))};Te.defaultProps={labelPosition:"right",labelVariant:"p3",name:""};export{Y as Box,me as Button,he as Cell,ye as Flex,Fe as Grid,O as Icon,Te as Radio,Re as Stack,B as ThemeProvider,$ as Typography,j as combinationsByColor,H as darkTheme,I as getThemeColor,C as getThemeSpacing,z as lightTheme,T as media,F as palette};
|
|
1
|
+
import{__assign as e,__makeTemplateObject as n,__spreadArray as o,__rest as r,__awaiter as t,__generator as i}from"tslib";import*as a from"react";import l,{useState as s,forwardRef as c,useRef as m}from"react";import d,{createGlobalStyle as p,ThemeProvider as u,css as h}from"styled-components";import{generateMedia as g}from"styled-media-query";import f from"lodash.isobject";import w from"lodash/startCase";import{useAsync as y}from"react-use";import{useTranslation as v,Trans as P}from"react-i18next";import"react-spring";import{Cloudinary as b}from"@cloudinary/url-gen";import"@cloudinary/url-gen/actions/resize";import"@cloudinary/url-gen/actions";import"@cloudinary/url-gen/qualifiers";var _,x={height:"unset",margin:"unset",maxWidth:"100vw",overflow:"unset",padding:"unset",width:"unset"},k={blue_100:"#ECF1FF",blue_200:"#BDCFFF",blue_300:"#7393E8",blue_400:"#335DC9",blue_500:"#151852",gold_100:"#FCF3E6",gold_200:"#EAD0AF",gold_300:"#D5AF7B",gold_400:"#BF8E47",gold_500:"#946A18",green_100:"#DFFBEC",green_200:"#9FF4C7",green_300:"#00cc88",green_400:"#00855B",green_500:"#25352F",monochrome_050:"#F8F8F8",monochrome_100:"#F0F0F0",monochrome_200:"#DFDFDF",monochrome_300:"#CECECE",monochrome_400:"#A1A1A1",monochrome_500:"#848484",monochrome_600:"#8F8C8B",monochrome_700:"#686868",monochrome_800:"#343434",monochrome_900:"#1C1C1C",monochrome_black:"#000000",monochrome_white:"#FFFFFF",pink_300:"#FFD8F4",pink_400:"#FFB1BA",pink_500:"#E00C7B",red_100:"#FFF0F1",red_200:"#FFCBD0",red_300:"#F47783",red_400:"#D43444",red_500:"#920110",translucent_black:"rgba(28, 28, 28, 0.7)",translucent_cream:"rgba(245, 245, 245, 0.2)",translucent_white:"rgba(255, 255, 255, 0.7)",yellow_100:"#FFFBF2",yellow_200:"#FFF5DB",yellow_300:"#FFECB4",yellow_400:"#FADC87",yellow_500:"#BD8C02"},A={border:"1px solid ".concat(k.monochrome_300),borderRadius:".6rem",dimensions:{gridGutter:"2.4rem",headerHeight:{lg:"6.4rem",sm:"4.8rem"},maxWidth:"78rem",spacing:{s1:"1.6rem",s2:"2rem",s3:"2.4rem",s4:"4rem",s5:"6rem",s6:"12rem"}},fonts:{boldFontFamily:"Sohne Halbfett",h1:{family:"Sohne Halbfett",lineHeight:"7rem",lineHeightMedium:"5rem",lineHeightSmaller:"5rem",size:"5.8rem",sizeMedium:"4rem",sizeSmaller:"4rem"},h2:{family:"Sohne Halbfett",lineHeight:"4.8rem",lineHeightMedium:"3.4rem",lineHeightSmaller:"3.4rem",size:"3.8rem",sizeMedium:"2.8rem",sizeSmaller:"2.8rem"},h3:{family:"Sohne Dreiviertelfett",lineHeight:"3.6rem",lineHeightMedium:"2.6rem",lineHeightSmaller:"2.6rem",size:"2.8rem",sizeMedium:"2rem",sizeSmaller:"2rem"},h4:{family:"Sohne Dreiviertelfett",lineHeight:"2.2rem",lineHeightMedium:"2.2rem",lineHeightSmaller:"2.2rem",size:"1.8rem",sizeMedium:"1.8rem",sizeSmaller:"1.8rem"},h5:{family:"Sohne Halbfett",lineHeight:"2rem",lineHeightMedium:"2rem",lineHeightSmaller:"2rem",size:"1.6rem",sizeMedium:"1.6rem",sizeSmaller:"1.6rem"},hero:{family:"Sohne Kraftig",familyMedium:"Sohne Halbfett",familySmaller:"Sohne Halbfett",lineHeight:"8.6rem",lineHeightMedium:"5.8rem",lineHeightSmaller:"5.8rem",size:"7.2rem",sizeMedium:"5.2rem",sizeSmaller:"5.2rem"},p0:{family:"Sohne Buch",lineHeight:"3.6rem",lineHeightMedium:"3rem",lineHeightSmaller:"3rem",size:"2.4rem",sizeMedium:"2.2rem",sizeSmaller:"2.2rem"},p1:{family:"Sohne Buch",lineHeight:"2.7rem",lineHeightMedium:"2.7rem",lineHeightSmaller:"2.7rem",size:"1.8rem",sizeMedium:"1.8rem",sizeSmaller:"1.8rem"},p2:{family:"Sohne Buch",lineHeight:"2.2rem",lineHeightSmaller:"2.2rem",size:"1.5rem",sizeSmaller:"1.5rem"},p3:{family:"Sohne Buch",lineHeight:"1.5rem",lineHeightSmaller:"1.5rem",size:"1.2rem",sizeSmaller:"1.2rem"},regularFontFamily:"Sohne Buch"},shadow:"0 .2rem .6rem rgba(0, 0, 0, 0.12)",transitions:{base:"0.15s ease",slow:"0.3s ease",slowest:"2s ease",turtle:"0.8s ease"}},F=e(e({},A),{colors:{dividers:{t1:k.monochrome_100,t2:k.monochrome_300,t3:k.monochrome_900},iconography:{alert:k.red_400,link:k.green_400,t1:k.monochrome_500,t2:k.monochrome_900,t3:k.monochrome_white,warning:k.gold_400},palette:k,surface:{alert:k.red_100,hover:k.monochrome_050,level1:k.monochrome_white,level2:k.monochrome_100,level3:k.monochrome_200,selected:k.monochrome_050,success:k.blue_100,successAlt:k.green_400,warning:k.yellow_100},typography:{alert:k.red_400,alt:k.monochrome_white,link:k.green_400,success:k.blue_400,t1:k.monochrome_900,t2:k.monochrome_500,t3:k.monochrome_300,warning:k.gold_400}},name:"Light Theme"}),S=e(e({},A),{colors:{dividers:{t1:k.monochrome_600,t2:k.monochrome_400,t3:k.monochrome_white},iconography:{alert:k.red_200,link:k.green_300,t1:k.monochrome_300,t2:k.monochrome_100,t3:k.monochrome_900,warning:k.gold_200},palette:k,surface:{alert:k.red_500,hover:k.monochrome_800,level1:k.monochrome_900,level2:k.monochrome_800,level3:k.monochrome_600,selected:k.monochrome_800,success:k.blue_500,successAlt:k.blue_100,warning:k.gold_500},typography:{alert:k.red_200,alt:k.monochrome_900,link:k.green_300,success:k.blue_200,t1:k.monochrome_white,t2:k.monochrome_300,t3:k.monochrome_500,warning:k.gold_200}},name:"Dark Theme"}),z=function(e,n){var o,r;return void 0===n&&(n=F),null!==(r=null===(o=n.colors.palette)||void 0===o?void 0:o[e])&&void 0!==r?r:e},C=function(e,n){var o;return void 0===n&&(n=F),null!==(o=n.dimensions.spacing[e])&&void 0!==o?o:"default"===e?n.dimensions.gridGutter:null!=e?e:"unset"},H=function(e){return void 0===e&&(e=F),{alert:{background:e.colors.palette.red_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.red_300,selected:e.colors.palette.red_500},black:{background:e.colors.palette.monochrome_900,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_500,selected:e.colors.palette.green_500},blue:{background:e.colors.palette.blue_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.blue_300,selected:e.colors.palette.blue_500},gold:{background:e.colors.palette.gold_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.gold_300,selected:e.colors.palette.gold_500},green:{background:e.colors.palette.green_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.green_300,selected:e.colors.palette.green_500},grey:{background:e.colors.palette.monochrome_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_300,selected:e.colors.palette.monochrome_500},greyLight:{background:e.colors.palette.monochrome_200,color:e.colors.palette.monochrome_black,hover:e.colors.palette.monochrome_300,selected:e.colors.palette.monochrome_400},pink:{background:e.colors.palette.pink_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.red_300,selected:e.colors.palette.monochrome_black},primary:{background:e.colors.palette.green_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.green_300,selected:e.colors.palette.green_500},secondary:{background:e.colors.palette.green_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_500,selected:e.colors.palette.green_500},secondaryAlt:{background:e.colors.palette.monochrome_black,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_500,selected:e.colors.palette.green_500},white:{background:e.colors.palette.monochrome_white,color:e.colors.palette.monochrome_black,hover:e.colors.palette.monochrome_300,selected:e.colors.palette.monochrome_500},yellow:{background:e.colors.palette.yellow_500,color:e.colors.palette.monochrome_white,hover:e.colors.palette.green_400,selected:e.colors.palette.monochrome_black}}},I=p(_||(_=n(['\n *,\n *::before,\n *::after {\n margin: 0;\n padding: 0;\n box-sizing: inherit;\n outline: none;\n }\n\n html {\n /* defines 1rem = 10px value */\n font-size: 62.5%;\n }\n\n body {\n box-sizing: border-box;\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n }\n\n * {\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n -moz-font-smoothing: antialiased;\n font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -webkit-tap-highlight-color: transparent;\n }\n\n a,\n a:active,\n a:visited {\n font-family: "Sohne Halbfett", "Helvetica", sans-serif;\n text-decoration: none;\n display: inherit;\n cursor: pointer;\n color: ',";\n\n &.affirm-modal-trigger:hover {\n text-decoration: underline;\n }\n }\n\n svg {\n overflow: visible;\n }\n\n #fb-root {\n z-index: 999;\n display: block;\n }\n\n input, select {\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px white inset !important;\n }\n }\n\n @font-face {\n font-family: 'Sohne Buch';\n src: url(https://www.gantri.com/static/fonts/soehne-web-buch.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Dreiviertelfett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-dreiviertelfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Halbfett';\n src: url(https://www.gantri.com/static/fonts/public/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig Kursiv';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig-kursiv.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Extrafett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n"],['\n *,\n *::before,\n *::after {\n margin: 0;\n padding: 0;\n box-sizing: inherit;\n outline: none;\n }\n\n html {\n /* defines 1rem = 10px value */\n font-size: 62.5%;\n }\n\n body {\n box-sizing: border-box;\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n }\n\n * {\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n -moz-font-smoothing: antialiased;\n font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -webkit-tap-highlight-color: transparent;\n }\n\n a,\n a:active,\n a:visited {\n font-family: "Sohne Halbfett", "Helvetica", sans-serif;\n text-decoration: none;\n display: inherit;\n cursor: pointer;\n color: ',";\n\n &.affirm-modal-trigger:hover {\n text-decoration: underline;\n }\n }\n\n svg {\n overflow: visible;\n }\n\n #fb-root {\n z-index: 999;\n display: block;\n }\n\n input, select {\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px white inset !important;\n }\n }\n\n @font-face {\n font-family: 'Sohne Buch';\n src: url(https://www.gantri.com/static/fonts/soehne-web-buch.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Dreiviertelfett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-dreiviertelfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Halbfett';\n src: url(https://www.gantri.com/static/fonts/public/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig Kursiv';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig-kursiv.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Extrafett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n"])),z("gold_400")),j=function(e){var n=e.children,o=e.theme;return l.createElement(u,{theme:o},l.createElement(I,null),n)};j.defaultProps={theme:F};var E,B,M,D=g({lg:"75em",md:"64em",sm:"45.06em"}),T=function(e,n){var o;if(f(e)){var r=e,t=r.lg,i=r.md,a=r.sm;switch(n){case"lg":default:return t;case"md":return null!=i?i:t;case"sm":return null!==(o=null!=a?a:i)&&void 0!==o?o:t}}return e};function R(r){var t="",i="",a="";return r.forEach((function(n){if(n.lookIn&&Array.isArray(n.resolutionAwareProp))throw new Error("Specifying lookIn property when resolutionAwareProp is an array is not allowed");var r=function(n){var r;if(Array.isArray(n))return n.reduce((function(n,r){return e(e({},n),{lg:o(o([],n.lg,!0),[T(r,"lg")],!1),md:o(o([],n.md,!0),[T(r,"md")],!1),sm:o(o([],n.sm,!0),[T(r,"sm")],!1)})}),{lg:[],md:[],sm:[]});if(f(n)){var t=n,i=t.lg,a=t.md,l=t.sm;return{lg:i,md:null!=a?a:i,sm:null!==(r=null!=l?l:a)&&void 0!==r?r:i}}return{lg:n,md:n,sm:n}}(n.resolutionAwareProp),l=r.lg,s=r.md,c=r.sm;if(void 0!==l){var m=n.lookIn&&n.lookIn[l]||l;t+="".concat(n.cssProperty,": ").concat(n.valueFormatter?n.valueFormatter(m,"lg"):m," ").concat(n.isImportant?"!important":"",";;")}if(void 0!==s){m=n.lookIn&&n.lookIn[s]||s;i+="".concat(n.cssProperty,": ").concat(n.valueFormatter?n.valueFormatter(m,"md"):m," ").concat(n.isImportant?"!important":"",";;")}if(void 0!==c){m=n.lookIn&&n.lookIn[c]||c;a+="".concat(n.cssProperty,": ").concat(n.valueFormatter?n.valueFormatter(m,"sm"):m," ").concat(n.isImportant?"!important":"",";")}})),h(M||(M=n(["\n ","\n\n ","\n\n ","\n "],["\n ","\n\n ","\n\n ","\n "])),t,i&&D.lessThan("md")(E||(E=n(["\n ","\n "],["\n ","\n "])),i),a&&D.lessThan("sm")(B||(B=n(["\n ","\n "],["\n ","\n "])),a))}var L,W,N,V,G=d.div.withConfig({displayName:"StyledBoxContainer",componentId:"sc-1k2wf0b-0"})(W||(W=n(["\n ","\n"],["\n ","\n"])),(function(e){var o=e.backgroundColor,r=e.padding,t=e.verticalPadding,i=e.horizontalPadding,a=e.paddingLeft,l=void 0===a?i:a,s=e.paddingRight,c=void 0===s?i:s,m=e.paddingTop,d=void 0===m?t:m,p=e.paddingBottom,u=void 0===p?t:p,g=e.margin,f=e.verticalMargin,w=e.horizontalMargin,y=e.marginLeft,v=void 0===y?w:y,P=e.marginRight,b=void 0===P?w:P,_=e.marginTop,x=void 0===_?f:_,k=e.marginBottom,A=void 0===k?f:k,F=e.theme,S=e.borderRadius,C=e.hidden,H=e.textAlign,I=e.height,j=e.minHeight,E=e.width,B=e.minWidth,M=e.maxWidth,D=e.overflow,T=e.alignSelf,W=e.justifySelf,N=[{cssProperty:"background-color",resolutionAwareProp:o,valueFormatter:function(e){return z(e)}},{cssProperty:"padding",lookIn:F.dimensions.spacing,resolutionAwareProp:r},{cssProperty:"padding-left",lookIn:F.dimensions.spacing,resolutionAwareProp:l},{cssProperty:"padding-right",lookIn:F.dimensions.spacing,resolutionAwareProp:c},{cssProperty:"padding-top",lookIn:F.dimensions.spacing,resolutionAwareProp:d},{cssProperty:"padding-bottom",lookIn:F.dimensions.spacing,resolutionAwareProp:u},{cssProperty:"margin",lookIn:F.dimensions.spacing,resolutionAwareProp:g},{cssProperty:"margin-left",lookIn:F.dimensions.spacing,resolutionAwareProp:v},{cssProperty:"margin-right",lookIn:F.dimensions.spacing,resolutionAwareProp:b},{cssProperty:"margin-top",lookIn:F.dimensions.spacing,resolutionAwareProp:x},{cssProperty:"margin-bottom",lookIn:F.dimensions.spacing,resolutionAwareProp:A},{cssProperty:"display",resolutionAwareProp:C,valueFormatter:function(e){return!0===e?"none":"block"}},{cssProperty:"border-radius",resolutionAwareProp:S},{cssProperty:"text-align",resolutionAwareProp:H},{cssProperty:"width",resolutionAwareProp:E},{cssProperty:"height",resolutionAwareProp:I},{cssProperty:"min-height",resolutionAwareProp:j},{cssProperty:"min-width",resolutionAwareProp:B},{cssProperty:"max-width",resolutionAwareProp:M},{cssProperty:"align-self",resolutionAwareProp:T},{cssProperty:"justify-self",resolutionAwareProp:W}];return h(L||(L=n(["\n position: relative;\n overflow: ",";\n ",";\n "],["\n position: relative;\n overflow: ",";\n ",";\n "])),D,R(N))})),K=function(n){var o=e(e({},x),n);return a.createElement(G,e({},o))},q=d.svg.withConfig({displayName:"StyledSvgIcon",componentId:"sc-1jh49e-0"})(V||(V=n(["\n ","\n"],["\n ","\n"])),(function(e){var o=e.size,r=e.nwidth,t=e.nheight,i=e.cursor,a=e.top,l=e.bottom,s=e.right,c=e.left,m=[{cssProperty:"width",resolutionAwareProp:null!=r?r:o},{cssProperty:"height",resolutionAwareProp:null!=t?t:o}];return h(N||(N=n(["\n ",";\n cursor: ",";\n position: relative;\n top: ",";\n bottom: ",";\n right: ",";\n left: ",";\n "],["\n ",";\n cursor: ",";\n position: relative;\n top: ",";\n bottom: ",";\n right: ",";\n left: ",";\n "])),R(m),i,a||"unset",l||"unset",s||"unset",c||"unset")})),Y=function(n){var o=n.name,a=n.width,c=n.height,m=r(n,["name","width","height"]),d=s(null),p=d[0],u=d[1];return y((function(){return t(void 0,void 0,void 0,(function(){var e,n,r;return i(this,(function(t){switch(t.label){case 0:return o?(e=o.split(":"),n="".concat(e[0],"/").concat(w(e[1])).replace("_","").replace(/ /g,""),[4,import("./generated/".concat(n,".tsx"))]):[3,2];case 1:r=t.sent(),u(r.default),t.label=2;case 2:return[2]}}))}))}),[o]),p?l.createElement(q,e({as:p,nheight:c,nwidth:a},m)):null};Y.defaultProps={color:"link",cursor:"unset",opacity:1,size:"2rem"};var J,O,Q=d.p.withConfig({displayName:"StyledText",componentId:"sc-uyk9pj-0"})(O||(O=n(["\n ","\n"],["\n ","\n"])),(function(e){var o=e.theme,r=e.variant,t=e.transform,i=e.color,a=e.align,l=e.lineHeight,s=e.fontSize,c=e.fontWeight,m=e.whiteSpace,d=e.padding,p=e.verticalPadding,u=e.horizontalPadding,g=e.paddingLeft,f=void 0===g?u:g,w=e.paddingRight,y=void 0===w?u:w,v=e.paddingTop,P=void 0===v?p:v,b=e.paddingBottom,_=void 0===b?p:b,x=e.margin,k=e.verticalMargin,A=e.horizontalMargin,F=e.marginLeft,S=void 0===F?A:F,z=e.marginRight,C=void 0===z?A:z,H=e.marginTop,I=void 0===H?k:H,j=e.marginBottom,E=void 0===j?k:j,B=e.alignSelf,M=e.justifySelf,D=e.display,T=e.hidden,L=e.minWidth,W=e.maxWidth,N=e.letterSpacing,V=e.textShadow,G=e.onClick,K=r||"p2",q=i||"",Y=s||{lg:o.fonts[K].size,md:o.fonts[K].sizeMedium,sm:o.fonts[K].sizeSmaller},O=l||{lg:o.fonts[K].lineHeight,md:o.fonts[K].lineHeightMedium,sm:o.fonts[K].lineHeightSmaller},Q=[{cssProperty:"text-align",resolutionAwareProp:a},{cssProperty:"font-family",resolutionAwareProp:{lg:o.fonts[K].family,sm:o.fonts[K].familySmaller},valueFormatter:function(e){return"".concat(e,', "Helvetica", sans-serif;')}},{cssProperty:"font-size",resolutionAwareProp:Y},{cssProperty:"line-height",resolutionAwareProp:O},{cssProperty:"min-width",resolutionAwareProp:L},{cssProperty:"max-width",resolutionAwareProp:W},{cssProperty:"padding",lookIn:o.dimensions.spacing,resolutionAwareProp:d},{cssProperty:"padding-left",lookIn:o.dimensions.spacing,resolutionAwareProp:f},{cssProperty:"padding-right",lookIn:o.dimensions.spacing,resolutionAwareProp:y},{cssProperty:"padding-top",lookIn:o.dimensions.spacing,resolutionAwareProp:P},{cssProperty:"padding-bottom",lookIn:o.dimensions.spacing,resolutionAwareProp:_},{cssProperty:"margin",lookIn:o.dimensions.spacing,resolutionAwareProp:x},{cssProperty:"margin-left",lookIn:o.dimensions.spacing,resolutionAwareProp:S},{cssProperty:"margin-right",lookIn:o.dimensions.spacing,resolutionAwareProp:C},{cssProperty:"margin-top",lookIn:o.dimensions.spacing,resolutionAwareProp:I},{cssProperty:"margin-bottom",lookIn:o.dimensions.spacing,resolutionAwareProp:E},{cssProperty:"align-self",resolutionAwareProp:B},{cssProperty:"justify-self",resolutionAwareProp:M},{cssProperty:"letter-spacing",resolutionAwareProp:N},{cssProperty:"white-space",resolutionAwareProp:m},{cssProperty:"display",resolutionAwareProp:[D,T],valueFormatter:function(e){var n=e[0];return!0===e[1]?"none":n}}];return h(J||(J=n(["\n color: ",";\n text-transform: ",";\n transition: all ",";\n font-weight: ",";\n cursor: ",";\n text-shadow: ",";\n\n ",";\n\n a {\n display: inline-block;\n font-size: inherit;\n line-height: inherit;\n }\n "],["\n color: ",";\n text-transform: ",";\n transition: all ",";\n font-weight: ",";\n cursor: ",";\n text-shadow: ",";\n\n ",";\n\n a {\n display: inline-block;\n font-size: inherit;\n line-height: inherit;\n }\n "])),o.colors.typography[q]||o.colors.palette[q]||i,t,o.transitions.base,c||o.fonts[K].fontWeight||400,G?"pointer":"unset",V,R(Q))})),U={badge:"span",hero:"h1",p0:"p",p1:"p",p2:"p",p3:"p"},X=c((function(n,o){var t,i,a=n.type,s=n.variant,c=n.tx,m=n.txValues,d=n.text,p=n.htmlText,u=n.textStyle,h=n.color,g=r(n,["type","variant","tx","txValues","text","htmlText","textStyle","color"]),f=v().t;return p?l.createElement(Q,e({as:null!==(t=null!=a?a:U[s||""])&&void 0!==t?t:s,color:null!=h?h:"black",dangerouslySetInnerHTML:{__html:p},ref:o,textStyle:u,variant:s},g)):l.createElement(Q,e({as:null!==(i=null!=a?a:U[s||""])&&void 0!==i?i:s,color:null!=h?h:"black",ref:o,textStyle:u,tx:c,variant:s},g),c?l.createElement(P,{t:f,values:m},c):d)}));X.defaultProps={color:"t1",display:"block",variant:"p2",whiteSpace:"inherit"};var Z,$,ee,ne,oe,re,te,ie={md:"15rem",sm:"14rem",xl:"17rem"},ae=d.button.withConfig({displayName:"StyledButton",componentId:"sc-12w1zik-0"})(ne||(ne=n(["\n ","\n"],["\n ","\n"])),(function(e){var o=e.theme,r=e.variant,t=e.color,i=e.width,a=e.minWidth,l=e.disabled,s=e.borderRadius,c=e.alignSelf,m=e.justifySelf,d=e.hidden,p=e.size,u=[{cssProperty:"width",resolutionAwareProp:i,valueFormatter:function(e){var n;return null!==(n=ie[e])&&void 0!==n?n:e}},{cssProperty:"min-width",resolutionAwareProp:a||"unset"},{cssProperty:"border-radius",resolutionAwareProp:"action"===r?"none":s||("small"===p?"0.4rem":"4.9rem")},{cssProperty:"align-self",resolutionAwareProp:c},{cssProperty:"justify-self",resolutionAwareProp:m},{cssProperty:"display",resolutionAwareProp:d,valueFormatter:function(e){return!0===e?"none":"flex"}}];return h(ee||(ee=n(["\n &,\n &:active,\n &:focus {\n display: flex;\n ",";\n position: relative;\n border-style: solid;\n border-width: ",";\n outline: none;\n padding: 0 ",";\n cursor: ",";\n pointer-events: ",";\n opacity: ",";\n transition: ",";\n user-select: none;\n overflow: hidden;\n height: ",";\n min-width: max-content;\n\n ","\n\n ","\n }\n "],["\n &,\n &:active,\n &:focus {\n display: flex;\n ",";\n position: relative;\n border-style: solid;\n border-width: ",";\n outline: none;\n padding: 0 ",";\n cursor: ",";\n pointer-events: ",";\n opacity: ",";\n transition: ",";\n user-select: none;\n overflow: hidden;\n height: ",";\n min-width: max-content;\n\n ","\n\n ","\n }\n "])),R(u),"default"===r?"unset":"1px","small"===p?"1rem":"2.4rem",l?"not-allowed":"pointer",l?"none":"all",l?.3:1,o.transitions.base,"large"===p?"4.6rem":"3.4rem",function(e,o,r){var t,i=null!==(t=H(r)[e])&&void 0!==t?t:H(r).white,a=!("secondary"===o||"action"===o);return h(Z||(Z=n(["\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n\n &:hover {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n\n &:active {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n "],["\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n\n &:hover {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n\n &:active {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n "])),a?i.background:"transparent",i.background,a?i.color||i.background:i.background||i.color,a?i.hover:"transparent",i.hover,a?i.color||i.hover:i.hover||i.color,a?i.selected:"transparent",i.selected,a?i.color||i.selected:i.selected||i.color)}(String(t),r,o),"action"===r&&h($||($=n(["\n border: none;\n padding: 0;\n width: max-content;\n min-width: 0;\n\n &:hover,\n &:active {\n border: unset;\n\n * {\n text-decoration: underline;\n }\n }\n "],["\n border: none;\n padding: 0;\n width: max-content;\n min-width: 0;\n\n &:hover,\n &:active {\n border: unset;\n\n * {\n text-decoration: underline;\n }\n }\n "]))))})),le=d.div.withConfig({displayName:"StyledButtonContent",componentId:"sc-12w1zik-1"})(te||(te=n(["\n ","\n"],["\n ","\n"])),(function(e){var o=e.theme,r=e.textVariant;return h(re||(re=n(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n transform: translateY(0);\n opacity: 1;\n transition: ",";\n\n & > *:not(:last-child) {\n margin-right: ",";\n position: relative;\n\n ","\n }\n "],["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n transform: translateY(0);\n opacity: 1;\n transition: ",";\n\n & > *:not(:last-child) {\n margin-right: ",";\n position: relative;\n\n ","\n }\n "])),o.transitions.base,"p3"===r?".6rem":".8rem",D.lessThan("sm")(oe||(oe=n(["\n margin-right: ",";\n "],["\n margin-right: ",";\n "])),"p3"===r?".3rem":".5rem"))})),se=c((function(n,o){var t=n.tx,i=n.text,l=n.txValues,s=n.textVariant,c=n.textLineHeight,m=n.fontSize,d=n.type,p=n.disabled,u=n.icon,h=n.iconLocation,g=n.processing,f=n.onClick,w=r(n,["tx","text","txValues","textVariant","textLineHeight","fontSize","type","disabled","icon","iconLocation","processing","onClick"]);return a.createElement(ae,e({disabled:p,ref:o,textVariant:s,type:d,onClick:f},w),a.createElement(le,e({},w),u&&!g&&"left"===h&&u,"action"!==w.variant&&g&&a.createElement(Y,{name:"animated:loader_24",size:"1.6rem"}),(t||i)&&a.createElement(X,{display:"contents",fontSize:m,lineHeight:c,text:i,textStyle:"bold",tx:t,txValues:l,variant:s,whiteSpace:"nowrap"}),u&&"right"===h&&u))}));se.defaultProps={color:"primary",disabled:!1,iconLocation:"left",size:"large",textLineHeight:"unset",textVariant:"p2",type:"button",variant:"primary"};var ce,me,de=d.div.withConfig({displayName:"StyledCell",componentId:"sc-hxvxkk-0"})(me||(me=n(["\n ","\n"],["\n ","\n"])),(function(e){var o=e.width,r=e.height,t=e.row,i=e.column,a=e.hidden,l=e.textAlign,s=e.alignSelf,c=e.alignItems,m=e.alignContent,d=e.justifyContent,p=e.justifyItems,u=e.gap,g=e.columnGap,f=void 0===g?u:g,w=e.rowGap,y=void 0===w?u:w,v=e.position,P=e.borderRadius,b=e.padding,_=e.backgroundColor,x=e.verticalPadding,k=e.horizontalPadding,A=e.paddingLeft,F=void 0===A?k:A,S=e.paddingRight,H=void 0===S?k:S,I=e.paddingTop,j=void 0===I?x:I,E=e.paddingBottom,B=void 0===E?x:E,M=e.theme,D=[{cssProperty:"background-color",resolutionAwareProp:_,valueFormatter:function(e){return z(e,M)}},{cssProperty:"display",resolutionAwareProp:a,valueFormatter:function(e){return e?"none":"grid"}},{cssProperty:"text-align",resolutionAwareProp:l},{cssProperty:"align-self",resolutionAwareProp:s},{cssProperty:"align-items",resolutionAwareProp:c},{cssProperty:"align-content",resolutionAwareProp:m},{cssProperty:"grid-column-gap",resolutionAwareProp:f,valueFormatter:function(e){return C(e,M)}},{cssProperty:"grid-row-gap",resolutionAwareProp:y,valueFormatter:function(e){return C(e,M)}},{cssProperty:"justify-content",resolutionAwareProp:d},{cssProperty:"justify-items",resolutionAwareProp:p},{cssProperty:"border-radius",resolutionAwareProp:P},{cssProperty:"padding",lookIn:M.dimensions.spacing,resolutionAwareProp:b},{cssProperty:"padding-left",lookIn:M.dimensions.spacing,resolutionAwareProp:F},{cssProperty:"padding-right",lookIn:M.dimensions.spacing,resolutionAwareProp:H},{cssProperty:"padding-top",lookIn:M.dimensions.spacing,resolutionAwareProp:j},{cssProperty:"padding-bottom",lookIn:M.dimensions.spacing,resolutionAwareProp:B}];return o?D.push({cssProperty:"grid-column",resolutionAwareProp:o,valueFormatter:function(e){return"span ".concat(e)}}):i&&D.push({cssProperty:"grid-column",resolutionAwareProp:i}),r?D.push({cssProperty:"grid-row",resolutionAwareProp:r,valueFormatter:function(e){return"span ".concat(e)}}):t&&D.push({cssProperty:"grid-row",resolutionAwareProp:t}),h(ce||(ce=n(["\n display: grid;\n position: ",";\n ",";\n "],["\n display: grid;\n position: ",";\n ",";\n "])),v,R(D))})),pe=c((function(n,o){var t=n.children,i=r(n,["children"]);return a.createElement(de,e({ref:o},i),t)}));pe.defaultProps={column:null,row:null,textAlign:"left"};var ue,he,ge=d(K).withConfig({displayName:"StyledFlexContainer",componentId:"sc-17zjsog-0"})(he||(he=n(["\n ","\n"],["\n ","\n"])),(function(e){var o=e.direction,r=e.justifyContent,t=e.alignItems,i=e.backgroundColor,a=e.gap,l=e.hidden,s=e.height,c=e.width,m=e.theme,d=R([{cssProperty:"flex-direction",resolutionAwareProp:o},{cssProperty:"justify-content",resolutionAwareProp:r},{cssProperty:"align-items",resolutionAwareProp:t},{cssProperty:"display",resolutionAwareProp:l,valueFormatter:function(e){return!0===e?"none":"flex"}},{cssProperty:"background-color",resolutionAwareProp:i,valueFormatter:function(e){return z(e,m)}},{cssProperty:"height",resolutionAwareProp:s},{cssProperty:"width",resolutionAwareProp:c},{cssProperty:"gap",resolutionAwareProp:a,valueFormatter:function(e){return C(e,m)}}]);return h(ue||(ue=n(["\n display: flex;\n width: 100%;\n ","\n "],["\n display: flex;\n width: 100%;\n ","\n "])),d)})),fe=function(n){return l.createElement(ge,e({},n))};fe.defaultProps={alignItems:"unset",borderRadius:"unset",direction:"row",height:"unset",justifyContent:"unset",padding:"unset"};var we,ye,ve,Pe,be=function(e){return"string"==typeof e?e:"repeat(".concat(e,", 1fr);")},_e=function(e){return"string"==typeof e?e:"repeat(".concat(e,", max-content);")},xe=d.div.withConfig({displayName:"StyledGrid",componentId:"sc-b5we8g-0"})(ye||(ye=n(["\n ","\n"],["\n ","\n"])),(function(e){var o=e.width,r=e.height,t=e.columns,i=e.autoColumns,a=e.rows,l=e.autoRows,s=e.flow,c=e.gap,m=e.columnGap,d=void 0===m?c:m,p=e.rowGap,u=void 0===p?c:p,g=e.padding,f=e.horizontalPadding,w=void 0===f?g:f,y=e.paddingLeft,v=void 0===y?w:y,P=e.paddingRight,b=void 0===P?w:P,_=e.verticalPadding,x=void 0===_?g:_,k=e.paddingTop,A=void 0===k?x:k,F=e.paddingBottom,S=void 0===F?x:F,H=e.margin,I=e.horizontalMargin,j=void 0===I?H:I,E=e.marginLeft,B=void 0===E?j:E,M=e.marginRight,D=void 0===M?j:M,T=e.verticalMargin,L=void 0===T?H:T,W=e.marginTop,N=void 0===W?L:W,V=e.marginBottom,G=void 0===V?L:V,K=e.justifyContent,q=e.alignContent,Y=e.justifyItems,J=e.justifySelf,O=e.alignItems,Q=e.hidden,U=e.maxWidth,X=e.minWidth,Z=e.minHeight,$=e.maxHeight,ee=e.backgroundColor,ne=e.border,oe=e.borderRadius,re=e.theme,te=[{cssProperty:"grid-auto-flow",resolutionAwareProp:s},{cssProperty:"grid-auto-columns",resolutionAwareProp:i},{cssProperty:"grid-auto-rows",resolutionAwareProp:l},{cssProperty:"grid-template-columns",resolutionAwareProp:t,valueFormatter:be},{cssProperty:"grid-template-rows",resolutionAwareProp:a,valueFormatter:_e},{cssProperty:"grid-column-gap",resolutionAwareProp:d,valueFormatter:function(e){return C(e,re)}},{cssProperty:"grid-row-gap",resolutionAwareProp:u,valueFormatter:function(e){return C(e,re)}},{cssProperty:"padding-left",resolutionAwareProp:v,valueFormatter:function(e){return C(e,re)}},{cssProperty:"padding-right",resolutionAwareProp:b,valueFormatter:function(e){return C(e,re)}},{cssProperty:"padding-top",resolutionAwareProp:A,valueFormatter:function(e){return C(e,re)}},{cssProperty:"padding-bottom",resolutionAwareProp:S,valueFormatter:function(e){return C(e,re)}},{cssProperty:"margin-left",resolutionAwareProp:B,valueFormatter:function(e){return C(e,re)}},{cssProperty:"margin-right",resolutionAwareProp:D,valueFormatter:function(e){return C(e,re)}},{cssProperty:"margin-top",resolutionAwareProp:N,valueFormatter:function(e){return C(e,re)}},{cssProperty:"margin-bottom",resolutionAwareProp:G,valueFormatter:function(e){return C(e,re)}},{cssProperty:"align-content",resolutionAwareProp:q},{cssProperty:"justify-content",resolutionAwareProp:K},{cssProperty:"align-items",resolutionAwareProp:O},{cssProperty:"justify-items",resolutionAwareProp:Y},{cssProperty:"justify-self",resolutionAwareProp:J},{cssProperty:"display",resolutionAwareProp:Q,valueFormatter:function(e){return!0===e?"none":"grid"}},{cssProperty:"max-width",resolutionAwareProp:U},{cssProperty:"min-width",resolutionAwareProp:X},{cssProperty:"min-height",resolutionAwareProp:Z},{cssProperty:"max-height",resolutionAwareProp:$},{cssProperty:"background-color",resolutionAwareProp:ee,valueFormatter:function(e){return z(e,re)}},{cssProperty:"width",resolutionAwareProp:o},{cssProperty:"height",resolutionAwareProp:r},{cssProperty:"border-radius",resolutionAwareProp:oe}];return h(we||(we=n(["\n display: grid;\n position: relative;\n border: ",";\n ",";\n "],["\n display: grid;\n position: relative;\n border: ",";\n ",";\n "])),ne||"unset",R(te))})),ke=c((function(n,o){var t=n.children,i=r(n,["children"]);return a.createElement(xe,e({ref:o},i),t)}));ke.defaultProps={backgroundColor:"unset",flow:"row",gap:{lg:"s3",md:"s3",sm:"s1"},height:"unset",maxWidth:"unset",padding:"unset",width:"unset"},ve||(ve=n(["\n ","\n"],["\n ","\n"])),Pe||(Pe=n(["\n ","\n"],["\n ","\n"])),new b({cloud:{cloudName:"gantri"},url:{secure:!0}});var Ae,Fe,Se,ze,Ce,He,Ie=d.div.withConfig({displayName:"StyledRadioContainer",componentId:"sc-kxjg4j-0"})(Ae||(Ae=n(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"]))),je=d.div.withConfig({displayName:"StyledRadio",componentId:"sc-kxjg4j-1"})(Se||(Se=n(["\n ","\n"],["\n ","\n"])),(function(e){var o=e.theme;return h(Fe||(Fe=n(["\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n border: 1px solid ",";\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n cursor: pointer;\n "],["\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n border: 1px solid ",";\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n cursor: pointer;\n "])),o.colors.palette.monochrome_200)})),Ee=d.input.withConfig({displayName:"StyledRadioInput",componentId:"sc-kxjg4j-2"})(ze||(ze=n(["\n width: 20px;\n height: 20px;\n opacity: 0;\n cursor: pointer;\n"],["\n width: 20px;\n height: 20px;\n opacity: 0;\n cursor: pointer;\n"]))),Be=d.span.withConfig({displayName:"StyledRadioMarker",componentId:"sc-kxjg4j-3"})(He||(He=n(["\n ","\n"],["\n ","\n"])),(function(e){var o=e.theme;return h(Ce||(Ce=n(["\n position: absolute;\n width: calc(100% - 1.2rem);\n height: calc(100% - 1.2rem);\n display: inline-block;\n border-radius: 50%;\n background-color: ",";\n "],["\n position: absolute;\n width: calc(100% - 1.2rem);\n height: calc(100% - 1.2rem);\n display: inline-block;\n border-radius: 50%;\n background-color: ",";\n "])),o.colors.palette.monochrome_black)})),Me=function(n){var o=n.flow,t=n.children,i=n.justifyContent,a=n.justifyItems,s=n.alignContent,c=n.maxWidth,m=n.minHeight,d=n.height,p=r(n,["flow","children","justifyContent","justifyItems","alignContent","maxWidth","minHeight","height"]);return l.createElement(ke,e({alignContent:s,alignItems:"center",columns:"column"===o?"minmax(min-content,".concat(c||"max-content",")"):"unset",flow:o,height:d,justifyContent:i,justifyItems:a,maxWidth:c,minHeight:m},p),t)};Me.defaultProps={alignContent:"start",flow:"row",gap:"s1",height:"100%",horizontalPadding:{lg:"s3",sm:"s1"},justifyContent:"unset",padding:"unset"};var De=function(e){var n=e.name,o=e.labelTx,r=e.labelText,t=e.labelPosition,i=e.labelVariant,a=e.value,s=e.groupValue,c=e.onChange,d=e.onSelected,p=m(),u=a===s;return l.createElement(Ie,null,l.createElement(Me,{flow:"column",gap:"1rem",padding:"unset"},(o||r)&&"left"===t&&l.createElement(X,{color:u?"t1":"t2",text:r,tx:o,variant:i}),l.createElement(je,null,u&&l.createElement(Be,null),l.createElement(Ee,{checked:u,id:"".concat(n,"-").concat(a),name:n,ref:p,type:"radio",value:a,onChange:function(e){c&&c(e),d&&d(e.target.value)}})),(o||r)&&"right"===t&&l.createElement(X,{color:u?"t1":"t2",htmlFor:"".concat(n,"-").concat(a),text:r,tx:o,variant:i})))};De.defaultProps={labelPosition:"right",labelVariant:"p3",name:""};export{K as Box,se as Button,pe as Cell,fe as Flex,ke as Grid,Y as Icon,De as Radio,Me as Stack,j as ThemeProvider,X as Typography,H as combinationsByColor,S as darkTheme,z as getThemeColor,C as getThemeSpacing,F as lightTheme,D as media,k as palette};
|
package/dist/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react"),require("styled-components/macro"),require("styled-components"),require("styled-media-query"),require("lodash.isobject"),require("lodash/startCase"),require("react-use"),require("react-i18next"),require("react-spring"),require("@cloudinary/url-gen"),require("@cloudinary/url-gen/actions/resize"),require("@cloudinary/url-gen/actions"),require("@cloudinary/url-gen/qualifiers")):"function"==typeof define&&define.amd?define(["exports","react","styled-components/macro","styled-components","styled-media-query","lodash.isobject","lodash/startCase","react-use","react-i18next","react-spring","@cloudinary/url-gen","@cloudinary/url-gen/actions/resize","@cloudinary/url-gen/actions","@cloudinary/url-gen/qualifiers"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).GantriComponents={},e.React,e.styled,e.styled,e.styledMediaQuery,e.isObject,e.startCase,e.reactUse,e.reactI18next,null,e.urlGen)}(this,(function(e,n,o,r,t,i,a,l,s,c,u){"use strict";function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(n,o,r.get?r:{enumerable:!0,get:function(){return e[o]}})}})),n.default=e,Object.freeze(n)}var p=d(n),f=m(n),h=d(o),g=d(r),w=d(i),y=d(a),v=function(){return v=Object.assign||function(e){for(var n,o=1,r=arguments.length;o<r;o++)for(var t in n=arguments[o])Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t]);return e},v.apply(this,arguments)};function P(e,n){var o={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(r=Object.getOwnPropertySymbols(e);t<r.length;t++)n.indexOf(r[t])<0&&Object.prototype.propertyIsEnumerable.call(e,r[t])&&(o[r[t]]=e[r[t]])}return o}function b(e,n,o,r){return new(o||(o=Promise))((function(t,i){function a(e){try{s(r.next(e))}catch(e){i(e)}}function l(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var n;e.done?t(e.value):(n=e.value,n instanceof o?n:new o((function(e){e(n)}))).then(a,l)}s((r=r.apply(e,n||[])).next())}))}function _(e,n){var o,r,t,i,a={label:0,sent:function(){if(1&t[0])throw t[1];return t[1]},trys:[],ops:[]};return i={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function l(i){return function(l){return function(i){if(o)throw new TypeError("Generator is already executing.");for(;a;)try{if(o=1,r&&(t=2&i[0]?r.return:i[0]?r.throw||((t=r.return)&&t.call(r),0):r.next)&&!(t=t.call(r,i[1])).done)return t;switch(r=0,t&&(i=[2&i[0],t.value]),i[0]){case 0:case 1:t=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,r=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(t=a.trys,(t=t.length>0&&t[t.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!t||i[1]>t[0]&&i[1]<t[3])){a.label=i[1];break}if(6===i[0]&&a.label<t[1]){a.label=t[1],t=i;break}if(t&&a.label<t[2]){a.label=t[2],a.ops.push(i);break}t[2]&&a.ops.pop(),a.trys.pop();continue}i=n.call(e,a)}catch(e){i=[6,e],r=0}finally{o=t=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,l])}}}function x(e,n,o){if(o||2===arguments.length)for(var r,t=0,i=n.length;t<i;t++)!r&&t in n||(r||(r=Array.prototype.slice.call(n,0,t)),r[t]=n[t]);return e.concat(r||Array.prototype.slice.call(n))}function k(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e}var A,S={height:"unset",margin:"unset",maxWidth:"100vw",overflow:"unset",padding:"unset",width:"unset"},F={blue_100:"#ECF1FF",blue_200:"#BDCFFF",blue_300:"#7393E8",blue_400:"#335DC9",blue_500:"#151852",gold_100:"#FCF3E6",gold_200:"#EAD0AF",gold_300:"#D5AF7B",gold_400:"#BF8E47",gold_500:"#946A18",green_100:"#DFFBEC",green_200:"#9FF4C7",green_300:"#00cc88",green_400:"#00855B",green_500:"#25352F",monochrome_050:"#F8F8F8",monochrome_100:"#F0F0F0",monochrome_200:"#DFDFDF",monochrome_300:"#CECECE",monochrome_400:"#A1A1A1",monochrome_500:"#848484",monochrome_600:"#8F8C8B",monochrome_700:"#686868",monochrome_800:"#343434",monochrome_900:"#1C1C1C",monochrome_black:"#000000",monochrome_white:"#FFFFFF",pink_300:"#FFD8F4",pink_400:"#FFB1BA",pink_500:"#E00C7B",red_100:"#FFF0F1",red_200:"#FFCBD0",red_300:"#F47783",red_400:"#D43444",red_500:"#920110",translucent_black:"rgba(28, 28, 28, 0.7)",translucent_cream:"rgba(245, 245, 245, 0.2)",translucent_white:"rgba(255, 255, 255, 0.7)",yellow_100:"#FFFBF2",yellow_200:"#FFF5DB",yellow_300:"#FFECB4",yellow_400:"#FADC87",yellow_500:"#BD8C02"},z={border:"1px solid ".concat(F.monochrome_300),borderRadius:".6rem",dimensions:{gridGutter:"2.4rem",headerHeight:{lg:"6.4rem",sm:"4.8rem"},maxWidth:"78rem",spacing:{s1:"1.6rem",s2:"2rem",s3:"2.4rem",s4:"4rem",s5:"6rem",s6:"12rem"}},fonts:{boldFontFamily:"Sohne Halbfett",h1:{family:"Sohne Halbfett",lineHeight:"7rem",lineHeightMedium:"5rem",lineHeightSmaller:"5rem",size:"5.8rem",sizeMedium:"4rem",sizeSmaller:"4rem"},h2:{family:"Sohne Halbfett",lineHeight:"4.8rem",lineHeightMedium:"3.4rem",lineHeightSmaller:"3.4rem",size:"3.8rem",sizeMedium:"2.8rem",sizeSmaller:"2.8rem"},h3:{family:"Sohne Dreiviertelfett",lineHeight:"3.6rem",lineHeightMedium:"2.6rem",lineHeightSmaller:"2.6rem",size:"2.8rem",sizeMedium:"2rem",sizeSmaller:"2rem"},h4:{family:"Sohne Dreiviertelfett",lineHeight:"2.2rem",lineHeightMedium:"2.2rem",lineHeightSmaller:"2.2rem",size:"1.8rem",sizeMedium:"1.8rem",sizeSmaller:"1.8rem"},h5:{family:"Sohne Halbfett",lineHeight:"2rem",lineHeightMedium:"2rem",lineHeightSmaller:"2rem",size:"1.6rem",sizeMedium:"1.6rem",sizeSmaller:"1.6rem"},hero:{family:"Sohne Kraftig",familyMedium:"Sohne Halbfett",familySmaller:"Sohne Halbfett",lineHeight:"8.6rem",lineHeightMedium:"5.8rem",lineHeightSmaller:"5.8rem",size:"7.2rem",sizeMedium:"5.2rem",sizeSmaller:"5.2rem"},p0:{family:"Sohne Buch",lineHeight:"3.6rem",lineHeightMedium:"3rem",lineHeightSmaller:"3rem",size:"2.4rem",sizeMedium:"2.2rem",sizeSmaller:"2.2rem"},p1:{family:"Sohne Buch",lineHeight:"2.7rem",lineHeightMedium:"2.7rem",lineHeightSmaller:"2.7rem",size:"1.8rem",sizeMedium:"1.8rem",sizeSmaller:"1.8rem"},p2:{family:"Sohne Buch",lineHeight:"2.2rem",lineHeightSmaller:"2.2rem",size:"1.5rem",sizeSmaller:"1.5rem"},p3:{family:"Sohne Buch",lineHeight:"1.5rem",lineHeightSmaller:"1.5rem",size:"1.2rem",sizeSmaller:"1.2rem"},regularFontFamily:"Sohne Buch"},shadow:"0 .2rem .6rem rgba(0, 0, 0, 0.12)",transitions:{base:"0.15s ease",slow:"0.3s ease",slowest:"2s ease",turtle:"0.8s ease"}},C=v(v({},z),{colors:{dividers:{t1:F.monochrome_100,t2:F.monochrome_300,t3:F.monochrome_900},iconography:{alert:F.red_400,link:F.green_400,t1:F.monochrome_500,t2:F.monochrome_900,t3:F.monochrome_white,warning:F.gold_400},palette:F,surface:{alert:F.red_100,hover:F.monochrome_050,level1:F.monochrome_white,level2:F.monochrome_100,level3:F.monochrome_200,selected:F.monochrome_050,success:F.blue_100,successAlt:F.green_400,warning:F.yellow_100},typography:{alert:F.red_400,alt:F.monochrome_white,link:F.green_400,success:F.blue_400,t1:F.monochrome_900,t2:F.monochrome_500,t3:F.monochrome_300,warning:F.gold_400}},name:"Light Theme"}),H=v(v({},z),{colors:{dividers:{t1:F.monochrome_600,t2:F.monochrome_400,t3:F.monochrome_white},iconography:{alert:F.red_200,link:F.green_300,t1:F.monochrome_300,t2:F.monochrome_100,t3:F.monochrome_900,warning:F.gold_200},palette:F,surface:{alert:F.red_500,hover:F.monochrome_800,level1:F.monochrome_900,level2:F.monochrome_800,level3:F.monochrome_600,selected:F.monochrome_800,success:F.blue_500,successAlt:F.blue_100,warning:F.gold_500},typography:{alert:F.red_200,alt:F.monochrome_900,link:F.green_300,success:F.blue_200,t1:F.monochrome_white,t2:F.monochrome_300,t3:F.monochrome_500,warning:F.gold_200}},name:"Dark Theme"}),I=function(e,n){var o,r;return void 0===n&&(n=C),null!==(r=null===(o=n.colors.palette)||void 0===o?void 0:o[e])&&void 0!==r?r:e},j=function(e,n){var o;return void 0===n&&(n=C),null!==(o=n.dimensions.spacing[e])&&void 0!==o?o:"default"===e?n.dimensions.gridGutter:null!=e?e:"unset"},E=function(e){return void 0===e&&(e=C),{alert:{background:e.colors.palette.red_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.red_300,selected:e.colors.palette.red_500},black:{background:e.colors.palette.monochrome_900,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_500,selected:e.colors.palette.green_500},blue:{background:e.colors.palette.blue_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.blue_300,selected:e.colors.palette.blue_500},gold:{background:e.colors.palette.gold_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.gold_300,selected:e.colors.palette.gold_500},green:{background:e.colors.palette.green_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.green_300,selected:e.colors.palette.green_500},grey:{background:e.colors.palette.monochrome_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_300,selected:e.colors.palette.monochrome_500},greyLight:{background:e.colors.palette.monochrome_200,color:e.colors.palette.monochrome_black,hover:e.colors.palette.monochrome_300,selected:e.colors.palette.monochrome_400},pink:{background:e.colors.palette.pink_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.red_300,selected:e.colors.palette.monochrome_black},primary:{background:e.colors.palette.green_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.green_300,selected:e.colors.palette.green_500},secondary:{background:e.colors.palette.green_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_500,selected:e.colors.palette.green_500},secondaryAlt:{background:e.colors.palette.monochrome_black,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_500,selected:e.colors.palette.green_500},white:{background:e.colors.palette.monochrome_white,color:e.colors.palette.monochrome_black,hover:e.colors.palette.monochrome_300,selected:e.colors.palette.monochrome_500},yellow:{background:e.colors.palette.yellow_500,color:e.colors.palette.monochrome_white,hover:e.colors.palette.green_400,selected:e.colors.palette.monochrome_black}}},B=o.createGlobalStyle(A||(A=k(['\n *,\n *::before,\n *::after {\n margin: 0;\n padding: 0;\n box-sizing: inherit;\n outline: none;\n }\n\n html {\n /* defines 1rem = 10px value */\n font-size: 62.5%;\n }\n\n body {\n box-sizing: border-box;\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n }\n\n * {\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n -moz-font-smoothing: antialiased;\n font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -webkit-tap-highlight-color: transparent;\n }\n\n a,\n a:active,\n a:visited {\n font-family: "Sohne Halbfett", "Helvetica", sans-serif;\n text-decoration: none;\n display: inherit;\n cursor: pointer;\n color: ',";\n\n &.affirm-modal-trigger:hover {\n text-decoration: underline;\n }\n }\n\n svg {\n overflow: visible;\n }\n\n #fb-root {\n z-index: 999;\n display: block;\n }\n\n input, select {\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px white inset !important;\n }\n }\n\n @font-face {\n font-family: 'Sohne Buch';\n src: url(https://www.gantri.com/static/fonts/soehne-web-buch.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Dreiviertelfett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-dreiviertelfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Halbfett';\n src: url(https://www.gantri.com/static/fonts/public/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig Kursiv';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig-kursiv.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Extrafett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n"],['\n *,\n *::before,\n *::after {\n margin: 0;\n padding: 0;\n box-sizing: inherit;\n outline: none;\n }\n\n html {\n /* defines 1rem = 10px value */\n font-size: 62.5%;\n }\n\n body {\n box-sizing: border-box;\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n }\n\n * {\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n -moz-font-smoothing: antialiased;\n font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -webkit-tap-highlight-color: transparent;\n }\n\n a,\n a:active,\n a:visited {\n font-family: "Sohne Halbfett", "Helvetica", sans-serif;\n text-decoration: none;\n display: inherit;\n cursor: pointer;\n color: ',";\n\n &.affirm-modal-trigger:hover {\n text-decoration: underline;\n }\n }\n\n svg {\n overflow: visible;\n }\n\n #fb-root {\n z-index: 999;\n display: block;\n }\n\n input, select {\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px white inset !important;\n }\n }\n\n @font-face {\n font-family: 'Sohne Buch';\n src: url(https://www.gantri.com/static/fonts/soehne-web-buch.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Dreiviertelfett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-dreiviertelfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Halbfett';\n src: url(https://www.gantri.com/static/fonts/public/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig Kursiv';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig-kursiv.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Extrafett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n"])),I("gold_400")),M=function(e){var n=e.children,o=e.theme;return p.default.createElement(r.ThemeProvider,{theme:o},p.default.createElement(B,null),n)};M.defaultProps={theme:C};var T,R,O,D=t.generateMedia({lg:"75em",md:"64em",sm:"45.06em"}),q=function(e,n){var o;if(w.default(e)){var r=e,t=r.lg,i=r.md,a=r.sm;switch(n){case"lg":default:return t;case"md":return null!=i?i:t;case"sm":return null!==(o=null!=a?a:i)&&void 0!==o?o:t}}return e};function L(e){var n="",o="",t="";return e.forEach((function(e){if(e.lookIn&&Array.isArray(e.resolutionAwareProp))throw new Error("Specifying lookIn property when resolutionAwareProp is an array is not allowed");var r=function(e){var n;if(Array.isArray(e))return e.reduce((function(e,n){return v(v({},e),{lg:x(x([],e.lg,!0),[q(n,"lg")],!1),md:x(x([],e.md,!0),[q(n,"md")],!1),sm:x(x([],e.sm,!0),[q(n,"sm")],!1)})}),{lg:[],md:[],sm:[]});if(w.default(e)){var o=e,r=o.lg,t=o.md,i=o.sm;return{lg:r,md:null!=t?t:r,sm:null!==(n=null!=i?i:t)&&void 0!==n?n:r}}return{lg:e,md:e,sm:e}}(e.resolutionAwareProp),i=r.lg,a=r.md,l=r.sm;if(void 0!==i){var s=e.lookIn&&e.lookIn[i]||i;n+="".concat(e.cssProperty,": ").concat(e.valueFormatter?e.valueFormatter(s,"lg"):s," ").concat(e.isImportant?"!important":"",";;")}if(void 0!==a){s=e.lookIn&&e.lookIn[a]||a;o+="".concat(e.cssProperty,": ").concat(e.valueFormatter?e.valueFormatter(s,"md"):s," ").concat(e.isImportant?"!important":"",";;")}if(void 0!==l){s=e.lookIn&&e.lookIn[l]||l;t+="".concat(e.cssProperty,": ").concat(e.valueFormatter?e.valueFormatter(s,"sm"):s," ").concat(e.isImportant?"!important":"",";")}})),r.css(O||(O=k(["\n ","\n\n ","\n\n ","\n "],["\n ","\n\n ","\n\n ","\n "])),n,o&&D.lessThan("md")(T||(T=k(["\n ","\n "],["\n ","\n "])),o),t&&D.lessThan("sm")(R||(R=k(["\n ","\n "],["\n ","\n "])),t))}var W,V,G,N,K=h.default.div(V||(V=k(["\n ","\n"],["\n ","\n"])),(function(e){var n=e.backgroundColor,r=e.padding,t=e.verticalPadding,i=e.horizontalPadding,a=e.paddingLeft,l=void 0===a?i:a,s=e.paddingRight,c=void 0===s?i:s,u=e.paddingTop,d=void 0===u?t:u,m=e.paddingBottom,p=void 0===m?t:m,f=e.margin,h=e.verticalMargin,g=e.horizontalMargin,w=e.marginLeft,y=void 0===w?g:w,v=e.marginRight,P=void 0===v?g:v,b=e.marginTop,_=void 0===b?h:b,x=e.marginBottom,A=void 0===x?h:x,S=e.theme,F=e.borderRadius,z=e.hidden,C=e.textAlign,H=e.height,j=e.minHeight,E=e.width,B=e.minWidth,M=e.maxWidth,T=e.overflow,R=e.alignSelf,O=e.justifySelf,D=[{cssProperty:"background-color",resolutionAwareProp:n,valueFormatter:function(e){return I(e)}},{cssProperty:"padding",lookIn:S.dimensions.spacing,resolutionAwareProp:r},{cssProperty:"padding-left",lookIn:S.dimensions.spacing,resolutionAwareProp:l},{cssProperty:"padding-right",lookIn:S.dimensions.spacing,resolutionAwareProp:c},{cssProperty:"padding-top",lookIn:S.dimensions.spacing,resolutionAwareProp:d},{cssProperty:"padding-bottom",lookIn:S.dimensions.spacing,resolutionAwareProp:p},{cssProperty:"margin",lookIn:S.dimensions.spacing,resolutionAwareProp:f},{cssProperty:"margin-left",lookIn:S.dimensions.spacing,resolutionAwareProp:y},{cssProperty:"margin-right",lookIn:S.dimensions.spacing,resolutionAwareProp:P},{cssProperty:"margin-top",lookIn:S.dimensions.spacing,resolutionAwareProp:_},{cssProperty:"margin-bottom",lookIn:S.dimensions.spacing,resolutionAwareProp:A},{cssProperty:"display",resolutionAwareProp:z,valueFormatter:function(e){return!0===e?"none":"block"}},{cssProperty:"border-radius",resolutionAwareProp:F},{cssProperty:"text-align",resolutionAwareProp:C},{cssProperty:"width",resolutionAwareProp:E},{cssProperty:"height",resolutionAwareProp:H},{cssProperty:"min-height",resolutionAwareProp:j},{cssProperty:"min-width",resolutionAwareProp:B},{cssProperty:"max-width",resolutionAwareProp:M},{cssProperty:"align-self",resolutionAwareProp:R},{cssProperty:"justify-self",resolutionAwareProp:O}];return o.css(W||(W=k(["\n position: relative;\n overflow: ",";\n ",";\n "],["\n position: relative;\n overflow: ",";\n ",";\n "])),T,L(D))})),Y=function(e){var n=v(v({},S),e);return f.createElement(K,v({},n))},Q=g.default.svg.withConfig({displayName:"StyledSvgIcon",componentId:"sc-1jh49e-0"})(N||(N=k(["\n ","\n"],["\n ","\n"])),(function(e){var n=e.size,o=e.nwidth,t=e.nheight,i=e.cursor,a=e.top,l=e.bottom,s=e.right,c=e.left,u=[{cssProperty:"width",resolutionAwareProp:null!=o?o:n},{cssProperty:"height",resolutionAwareProp:null!=t?t:n}];return r.css(G||(G=k(["\n ",";\n cursor: ",";\n position: relative;\n top: ",";\n bottom: ",";\n right: ",";\n left: ",";\n "],["\n ",";\n cursor: ",";\n position: relative;\n top: ",";\n bottom: ",";\n right: ",";\n left: ",";\n "])),L(u),i,a||"unset",l||"unset",s||"unset",c||"unset")})),U=function(e){var o=e.name,r=e.width,t=e.height,i=P(e,["name","width","height"]),a=n.useState(null),s=a[0],c=a[1];return l.useAsync((function(){return b(void 0,void 0,void 0,(function(){var e,n,r;return _(this,(function(t){switch(t.label){case 0:return o?(e=o.split(":"),n="".concat(e[0],"/").concat(y.default(e[1])).replace("_","").replace(/ /g,""),[4,import("./generated/".concat(n,".tsx"))]):[3,2];case 1:r=t.sent(),c(r.default),t.label=2;case 2:return[2]}}))}))}),[o]),s?p.default.createElement(Q,v({as:s,nheight:t,nwidth:r},i)):null};U.defaultProps={color:"link",cursor:"unset",opacity:1,size:"2rem"};var J,X,Z=h.default.p(X||(X=k(["\n ","\n"],["\n ","\n"])),(function(e){var n=e.theme,r=e.variant,t=e.transform,i=e.color,a=e.align,l=e.lineHeight,s=e.fontSize,c=e.fontWeight,u=e.whiteSpace,d=e.padding,m=e.verticalPadding,p=e.horizontalPadding,f=e.paddingLeft,h=void 0===f?p:f,g=e.paddingRight,w=void 0===g?p:g,y=e.paddingTop,v=void 0===y?m:y,P=e.paddingBottom,b=void 0===P?m:P,_=e.margin,x=e.verticalMargin,A=e.horizontalMargin,S=e.marginLeft,F=void 0===S?A:S,z=e.marginRight,C=void 0===z?A:z,H=e.marginTop,I=void 0===H?x:H,j=e.marginBottom,E=void 0===j?x:j,B=e.alignSelf,M=e.justifySelf,T=e.display,R=e.hidden,O=e.minWidth,D=e.maxWidth,q=e.letterSpacing,W=e.textShadow,V=e.onClick,G=r||"p2",N=i||"",K=s||{lg:n.fonts[G].size,md:n.fonts[G].sizeMedium,sm:n.fonts[G].sizeSmaller},Y=l||{lg:n.fonts[G].lineHeight,md:n.fonts[G].lineHeightMedium,sm:n.fonts[G].lineHeightSmaller},Q=[{cssProperty:"text-align",resolutionAwareProp:a},{cssProperty:"font-family",resolutionAwareProp:{lg:n.fonts[G].family,sm:n.fonts[G].familySmaller},valueFormatter:function(e){return"".concat(e,', "Helvetica", sans-serif;')}},{cssProperty:"font-size",resolutionAwareProp:K},{cssProperty:"line-height",resolutionAwareProp:Y},{cssProperty:"min-width",resolutionAwareProp:O},{cssProperty:"max-width",resolutionAwareProp:D},{cssProperty:"padding",lookIn:n.dimensions.spacing,resolutionAwareProp:d},{cssProperty:"padding-left",lookIn:n.dimensions.spacing,resolutionAwareProp:h},{cssProperty:"padding-right",lookIn:n.dimensions.spacing,resolutionAwareProp:w},{cssProperty:"padding-top",lookIn:n.dimensions.spacing,resolutionAwareProp:v},{cssProperty:"padding-bottom",lookIn:n.dimensions.spacing,resolutionAwareProp:b},{cssProperty:"margin",lookIn:n.dimensions.spacing,resolutionAwareProp:_},{cssProperty:"margin-left",lookIn:n.dimensions.spacing,resolutionAwareProp:F},{cssProperty:"margin-right",lookIn:n.dimensions.spacing,resolutionAwareProp:C},{cssProperty:"margin-top",lookIn:n.dimensions.spacing,resolutionAwareProp:I},{cssProperty:"margin-bottom",lookIn:n.dimensions.spacing,resolutionAwareProp:E},{cssProperty:"align-self",resolutionAwareProp:B},{cssProperty:"justify-self",resolutionAwareProp:M},{cssProperty:"letter-spacing",resolutionAwareProp:q},{cssProperty:"white-space",resolutionAwareProp:u},{cssProperty:"display",resolutionAwareProp:[T,R],valueFormatter:function(e){var n=e[0];return!0===e[1]?"none":n}}];return o.css(J||(J=k(["\n color: ",";\n text-transform: ",";\n transition: all ",";\n font-weight: ",";\n cursor: ",";\n text-shadow: ",";\n\n ",";\n\n a {\n display: inline-block;\n font-size: inherit;\n line-height: inherit;\n }\n "],["\n color: ",";\n text-transform: ",";\n transition: all ",";\n font-weight: ",";\n cursor: ",";\n text-shadow: ",";\n\n ",";\n\n a {\n display: inline-block;\n font-size: inherit;\n line-height: inherit;\n }\n "])),n.colors.typography[N]||n.colors.palette[N]||i,t,n.transitions.base,c||n.fonts[G].fontWeight||400,V?"pointer":"unset",W,L(Q))})),$={badge:"span",hero:"h1",p0:"p",p1:"p",p2:"p",p3:"p"},ee=n.forwardRef((function(e,n){var o,r,t=e.type,i=e.variant,a=e.tx,l=e.txValues,c=e.text,u=e.htmlText,d=e.textStyle,m=e.color,f=P(e,["type","variant","tx","txValues","text","htmlText","textStyle","color"]),h=s.useTranslation().t;return u?p.default.createElement(Z,v({as:null!==(o=null!=t?t:$[i||""])&&void 0!==o?o:i,color:null!=m?m:"black",dangerouslySetInnerHTML:{__html:u},ref:n,textStyle:d,variant:i},f)):p.default.createElement(Z,v({as:null!==(r=null!=t?t:$[i||""])&&void 0!==r?r:i,color:null!=m?m:"black",ref:n,textStyle:d,tx:a,variant:i},f),a?p.default.createElement(s.Trans,{t:h,values:l},a):c)}));ee.defaultProps={color:"t1",display:"block",variant:"p2",whiteSpace:"inherit"};var ne,oe,re,te,ie,ae,le,se={md:"15rem",sm:"14rem",xl:"17rem"},ce=g.default.button.withConfig({displayName:"StyledButton",componentId:"sc-12w1zik-0"})(te||(te=k(["\n ","\n"],["\n ","\n"])),(function(e){var n=e.theme,o=e.variant,t=e.color,i=e.width,a=e.minWidth,l=e.disabled,s=e.borderRadius,c=e.alignSelf,u=e.justifySelf,d=e.hidden,m=e.size,p=[{cssProperty:"width",resolutionAwareProp:i,valueFormatter:function(e){var n;return null!==(n=se[e])&&void 0!==n?n:e}},{cssProperty:"min-width",resolutionAwareProp:a||"unset"},{cssProperty:"border-radius",resolutionAwareProp:"action"===o?"none":s||("small"===m?"0.4rem":"4.9rem")},{cssProperty:"align-self",resolutionAwareProp:c},{cssProperty:"justify-self",resolutionAwareProp:u},{cssProperty:"display",resolutionAwareProp:d,valueFormatter:function(e){return!0===e?"none":"flex"}}];return r.css(re||(re=k(["\n &,\n &:active,\n &:focus {\n display: flex;\n ",";\n position: relative;\n border-style: solid;\n border-width: ",";\n outline: none;\n padding: 0 ",";\n cursor: ",";\n pointer-events: ",";\n opacity: ",";\n transition: ",";\n user-select: none;\n overflow: hidden;\n height: ",";\n min-width: max-content;\n\n ","\n\n ","\n }\n "],["\n &,\n &:active,\n &:focus {\n display: flex;\n ",";\n position: relative;\n border-style: solid;\n border-width: ",";\n outline: none;\n padding: 0 ",";\n cursor: ",";\n pointer-events: ",";\n opacity: ",";\n transition: ",";\n user-select: none;\n overflow: hidden;\n height: ",";\n min-width: max-content;\n\n ","\n\n ","\n }\n "])),L(p),"default"===o?"unset":"1px","small"===m?"1rem":"2.4rem",l?"not-allowed":"pointer",l?"none":"all",l?.3:1,n.transitions.base,"large"===m?"4.6rem":"3.4rem",function(e,n,o){var t,i=null!==(t=E(o)[e])&&void 0!==t?t:E(o).white,a=!("secondary"===n||"action"===n);return r.css(ne||(ne=k(["\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n\n &:hover {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n\n &:active {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n "],["\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n\n &:hover {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n\n &:active {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n "])),a?i.background:"transparent",i.background,a?i.color||i.background:i.background||i.color,a?i.hover:"transparent",i.hover,a?i.color||i.hover:i.hover||i.color,a?i.selected:"transparent",i.selected,a?i.color||i.selected:i.selected||i.color)}(String(t),o,n),"action"===o&&r.css(oe||(oe=k(["\n border: none;\n padding: 0;\n width: max-content;\n min-width: 0;\n\n &:hover,\n &:active {\n border: unset;\n\n * {\n text-decoration: underline;\n }\n }\n "],["\n border: none;\n padding: 0;\n width: max-content;\n min-width: 0;\n\n &:hover,\n &:active {\n border: unset;\n\n * {\n text-decoration: underline;\n }\n }\n "]))))})),ue=g.default.div.withConfig({displayName:"StyledButtonContent",componentId:"sc-12w1zik-1"})(le||(le=k(["\n ","\n"],["\n ","\n"])),(function(e){var n=e.theme,o=e.textVariant;return r.css(ae||(ae=k(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n transform: translateY(0);\n opacity: 1;\n transition: ",";\n\n & > *:not(:last-child) {\n margin-right: ",";\n position: relative;\n\n ","\n }\n "],["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n transform: translateY(0);\n opacity: 1;\n transition: ",";\n\n & > *:not(:last-child) {\n margin-right: ",";\n position: relative;\n\n ","\n }\n "])),n.transitions.base,"p3"===o?".6rem":".8rem",D.lessThan("sm")(ie||(ie=k(["\n margin-right: ",";\n "],["\n margin-right: ",";\n "])),"p3"===o?".3rem":".5rem"))})),de=n.forwardRef((function(e,n){var o=e.tx,r=e.text,t=e.txValues,i=e.textVariant,a=e.textLineHeight,l=e.fontSize,s=e.type,c=e.disabled,u=e.icon,d=e.iconLocation,m=e.processing,p=e.onClick,h=P(e,["tx","text","txValues","textVariant","textLineHeight","fontSize","type","disabled","icon","iconLocation","processing","onClick"]);return f.createElement(ce,v({disabled:c,ref:n,textVariant:i,type:s,onClick:p},h),f.createElement(ue,v({},h),u&&!m&&"left"===d&&u,"action"!==h.variant&&m&&f.createElement(U,{name:"animated:loader_24",size:"1.6rem"}),(o||r)&&f.createElement(ee,{display:"contents",fontSize:l,lineHeight:a,text:r,textStyle:"bold",tx:o,txValues:t,variant:i,whiteSpace:"nowrap"}),u&&"right"===d&&u))}));de.defaultProps={color:"primary",disabled:!1,iconLocation:"left",size:"large",textLineHeight:"unset",textVariant:"p2",type:"button",variant:"primary"};var me,pe,fe=h.default.div(pe||(pe=k(["\n ","\n"],["\n ","\n"])),(function(e){var n=e.width,r=e.height,t=e.row,i=e.column,a=e.hidden,l=e.textAlign,s=e.alignSelf,c=e.alignItems,u=e.alignContent,d=e.justifyContent,m=e.justifyItems,p=e.gap,f=e.columnGap,h=void 0===f?p:f,g=e.rowGap,w=void 0===g?p:g,y=e.position,v=e.borderRadius,P=e.padding,b=e.backgroundColor,_=e.verticalPadding,x=e.horizontalPadding,A=e.paddingLeft,S=void 0===A?x:A,F=e.paddingRight,z=void 0===F?x:F,C=e.paddingTop,H=void 0===C?_:C,E=e.paddingBottom,B=void 0===E?_:E,M=e.theme,T=[{cssProperty:"background-color",resolutionAwareProp:b,valueFormatter:function(e){return I(e,M)}},{cssProperty:"display",resolutionAwareProp:a,valueFormatter:function(e){return e?"none":"grid"}},{cssProperty:"text-align",resolutionAwareProp:l},{cssProperty:"align-self",resolutionAwareProp:s},{cssProperty:"align-items",resolutionAwareProp:c},{cssProperty:"align-content",resolutionAwareProp:u},{cssProperty:"grid-column-gap",resolutionAwareProp:h,valueFormatter:function(e){return j(e,M)}},{cssProperty:"grid-row-gap",resolutionAwareProp:w,valueFormatter:function(e){return j(e,M)}},{cssProperty:"justify-content",resolutionAwareProp:d},{cssProperty:"justify-items",resolutionAwareProp:m},{cssProperty:"border-radius",resolutionAwareProp:v},{cssProperty:"padding",lookIn:M.dimensions.spacing,resolutionAwareProp:P},{cssProperty:"padding-left",lookIn:M.dimensions.spacing,resolutionAwareProp:S},{cssProperty:"padding-right",lookIn:M.dimensions.spacing,resolutionAwareProp:z},{cssProperty:"padding-top",lookIn:M.dimensions.spacing,resolutionAwareProp:H},{cssProperty:"padding-bottom",lookIn:M.dimensions.spacing,resolutionAwareProp:B}];return n?T.push({cssProperty:"grid-column",resolutionAwareProp:n,valueFormatter:function(e){return"span ".concat(e)}}):i&&T.push({cssProperty:"grid-column",resolutionAwareProp:i}),r?T.push({cssProperty:"grid-row",resolutionAwareProp:r,valueFormatter:function(e){return"span ".concat(e)}}):t&&T.push({cssProperty:"grid-row",resolutionAwareProp:t}),o.css(me||(me=k(["\n display: grid;\n position: ",";\n ",";\n "],["\n display: grid;\n position: ",";\n ",";\n "])),y,L(T))})),he=n.forwardRef((function(e,n){var o=e.children,r=P(e,["children"]);return f.createElement(fe,v({ref:n},r),o)}));he.defaultProps={column:null,row:null,textAlign:"left"};var ge,we,ye=h.default(Y)(we||(we=k(["\n ","\n"],["\n ","\n"])),(function(e){var n=e.direction,r=e.justifyContent,t=e.alignItems,i=e.backgroundColor,a=e.gap,l=e.hidden,s=e.height,c=e.width,u=e.theme,d=L([{cssProperty:"flex-direction",resolutionAwareProp:n},{cssProperty:"justify-content",resolutionAwareProp:r},{cssProperty:"align-items",resolutionAwareProp:t},{cssProperty:"display",resolutionAwareProp:l,valueFormatter:function(e){return!0===e?"none":"flex"}},{cssProperty:"background-color",resolutionAwareProp:i,valueFormatter:function(e){return I(e,u)}},{cssProperty:"height",resolutionAwareProp:s},{cssProperty:"width",resolutionAwareProp:c},{cssProperty:"gap",resolutionAwareProp:a,valueFormatter:function(e){return j(e,u)}}]);return o.css(ge||(ge=k(["\n display: flex;\n width: 100%;\n ","\n "],["\n display: flex;\n width: 100%;\n ","\n "])),d)})),ve=function(e){return p.default.createElement(ye,v({},e))};ve.defaultProps={alignItems:"unset",borderRadius:"unset",direction:"row",height:"unset",justifyContent:"unset",padding:"unset"};var Pe,be,_e,xe,ke=function(e){return"string"==typeof e?e:"repeat(".concat(e,", 1fr);")},Ae=function(e){return"string"==typeof e?e:"repeat(".concat(e,", max-content);")},Se=h.default.div(be||(be=k(["\n ","\n"],["\n ","\n"])),(function(e){var n=e.width,r=e.height,t=e.columns,i=e.autoColumns,a=e.rows,l=e.autoRows,s=e.flow,c=e.gap,u=e.columnGap,d=void 0===u?c:u,m=e.rowGap,p=void 0===m?c:m,f=e.padding,h=e.horizontalPadding,g=void 0===h?f:h,w=e.paddingLeft,y=void 0===w?g:w,v=e.paddingRight,P=void 0===v?g:v,b=e.verticalPadding,_=void 0===b?f:b,x=e.paddingTop,A=void 0===x?_:x,S=e.paddingBottom,F=void 0===S?_:S,z=e.margin,C=e.horizontalMargin,H=void 0===C?z:C,E=e.marginLeft,B=void 0===E?H:E,M=e.marginRight,T=void 0===M?H:M,R=e.verticalMargin,O=void 0===R?z:R,D=e.marginTop,q=void 0===D?O:D,W=e.marginBottom,V=void 0===W?O:W,G=e.justifyContent,N=e.alignContent,K=e.justifyItems,Y=e.justifySelf,Q=e.alignItems,U=e.hidden,J=e.maxWidth,X=e.minWidth,Z=e.minHeight,$=e.maxHeight,ee=e.backgroundColor,ne=e.border,oe=e.borderRadius,re=e.theme,te=[{cssProperty:"grid-auto-flow",resolutionAwareProp:s},{cssProperty:"grid-auto-columns",resolutionAwareProp:i},{cssProperty:"grid-auto-rows",resolutionAwareProp:l},{cssProperty:"grid-template-columns",resolutionAwareProp:t,valueFormatter:ke},{cssProperty:"grid-template-rows",resolutionAwareProp:a,valueFormatter:Ae},{cssProperty:"grid-column-gap",resolutionAwareProp:d,valueFormatter:function(e){return j(e,re)}},{cssProperty:"grid-row-gap",resolutionAwareProp:p,valueFormatter:function(e){return j(e,re)}},{cssProperty:"padding-left",resolutionAwareProp:y,valueFormatter:function(e){return j(e,re)}},{cssProperty:"padding-right",resolutionAwareProp:P,valueFormatter:function(e){return j(e,re)}},{cssProperty:"padding-top",resolutionAwareProp:A,valueFormatter:function(e){return j(e,re)}},{cssProperty:"padding-bottom",resolutionAwareProp:F,valueFormatter:function(e){return j(e,re)}},{cssProperty:"margin-left",resolutionAwareProp:B,valueFormatter:function(e){return j(e,re)}},{cssProperty:"margin-right",resolutionAwareProp:T,valueFormatter:function(e){return j(e,re)}},{cssProperty:"margin-top",resolutionAwareProp:q,valueFormatter:function(e){return j(e,re)}},{cssProperty:"margin-bottom",resolutionAwareProp:V,valueFormatter:function(e){return j(e,re)}},{cssProperty:"align-content",resolutionAwareProp:N},{cssProperty:"justify-content",resolutionAwareProp:G},{cssProperty:"align-items",resolutionAwareProp:Q},{cssProperty:"justify-items",resolutionAwareProp:K},{cssProperty:"justify-self",resolutionAwareProp:Y},{cssProperty:"display",resolutionAwareProp:U,valueFormatter:function(e){return!0===e?"none":"grid"}},{cssProperty:"max-width",resolutionAwareProp:J},{cssProperty:"min-width",resolutionAwareProp:X},{cssProperty:"min-height",resolutionAwareProp:Z},{cssProperty:"max-height",resolutionAwareProp:$},{cssProperty:"background-color",resolutionAwareProp:ee,valueFormatter:function(e){return I(e,re)}},{cssProperty:"width",resolutionAwareProp:n},{cssProperty:"height",resolutionAwareProp:r},{cssProperty:"border-radius",resolutionAwareProp:oe}];return o.css(Pe||(Pe=k(["\n display: grid;\n position: relative;\n border: ",";\n ",";\n "],["\n display: grid;\n position: relative;\n border: ",";\n ",";\n "])),ne||"unset",L(te))})),Fe=n.forwardRef((function(e,n){var o=e.children,r=P(e,["children"]);return f.createElement(Se,v({ref:n},r),o)}));Fe.defaultProps={backgroundColor:"unset",flow:"row",gap:{lg:"s3",md:"s3",sm:"s1"},height:"unset",maxWidth:"unset",padding:"unset",width:"unset"},_e||(_e=k(["\n ","\n"],["\n ","\n"])),xe||(xe=k(["\n ","\n"],["\n ","\n"])),new u.Cloudinary({cloud:{cloudName:"gantri"},url:{secure:!0}});var ze,Ce,He,Ie,je,Ee,Be=g.default.div.withConfig({displayName:"StyledRadioContainer",componentId:"sc-kxjg4j-0"})(ze||(ze=k(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"]))),Me=g.default.div.withConfig({displayName:"StyledRadio",componentId:"sc-kxjg4j-1"})(He||(He=k(["\n ","\n"],["\n ","\n"])),(function(e){var n=e.theme;return r.css(Ce||(Ce=k(["\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n border: 1px solid ",";\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n cursor: pointer;\n "],["\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n border: 1px solid ",";\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n cursor: pointer;\n "])),n.colors.palette.monochrome_200)})),Te=g.default.input.withConfig({displayName:"StyledRadioInput",componentId:"sc-kxjg4j-2"})(Ie||(Ie=k(["\n width: 20px;\n height: 20px;\n opacity: 0;\n cursor: pointer;\n"],["\n width: 20px;\n height: 20px;\n opacity: 0;\n cursor: pointer;\n"]))),Re=g.default.span.withConfig({displayName:"StyledRadioMarker",componentId:"sc-kxjg4j-3"})(Ee||(Ee=k(["\n ","\n"],["\n ","\n"])),(function(e){var n=e.theme;return r.css(je||(je=k(["\n position: absolute;\n width: calc(100% - 1.2rem);\n height: calc(100% - 1.2rem);\n display: inline-block;\n border-radius: 50%;\n background-color: ",";\n "],["\n position: absolute;\n width: calc(100% - 1.2rem);\n height: calc(100% - 1.2rem);\n display: inline-block;\n border-radius: 50%;\n background-color: ",";\n "])),n.colors.palette.monochrome_black)})),Oe=function(e){var n=e.flow,o=e.children,r=e.justifyContent,t=e.justifyItems,i=e.alignContent,a=e.maxWidth,l=e.minHeight,s=e.height,c=P(e,["flow","children","justifyContent","justifyItems","alignContent","maxWidth","minHeight","height"]);return p.default.createElement(Fe,v({alignContent:i,alignItems:"center",columns:"column"===n?"minmax(min-content,".concat(a||"max-content",")"):"unset",flow:n,height:s,justifyContent:r,justifyItems:t,maxWidth:a,minHeight:l},c),o)};Oe.defaultProps={alignContent:"start",flow:"row",gap:"s1",height:"100%",horizontalPadding:{lg:"s3",sm:"s1"},justifyContent:"unset",padding:"unset"};var De=function(e){var o=e.name,r=e.labelTx,t=e.labelText,i=e.labelPosition,a=e.labelVariant,l=e.value,s=e.groupValue,c=e.onChange,u=e.onSelected,d=n.useRef(),m=l===s;return p.default.createElement(Be,null,p.default.createElement(Oe,{flow:"column",gap:"1rem",padding:"unset"},(r||t)&&"left"===i&&p.default.createElement(ee,{color:m?"t1":"t2",text:t,tx:r,variant:a}),p.default.createElement(Me,null,m&&p.default.createElement(Re,null),p.default.createElement(Te,{checked:m,id:"".concat(o,"-").concat(l),name:o,ref:d,type:"radio",value:l,onChange:function(e){c&&c(e),u&&u(e.target.value)}})),(r||t)&&"right"===i&&p.default.createElement(ee,{color:m?"t1":"t2",htmlFor:"".concat(o,"-").concat(l),text:t,tx:r,variant:a})))};De.defaultProps={labelPosition:"right",labelVariant:"p3",name:""},e.Box=Y,e.Button=de,e.Cell=he,e.Flex=ve,e.Grid=Fe,e.Icon=U,e.Radio=De,e.Stack=Oe,e.ThemeProvider=M,e.Typography=ee,e.combinationsByColor=E,e.darkTheme=H,e.getThemeColor=I,e.getThemeSpacing=j,e.lightTheme=C,e.media=D,e.palette=F,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
1
|
+
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react"),require("styled-components"),require("styled-media-query"),require("lodash.isobject"),require("lodash/startCase"),require("react-use"),require("react-i18next"),require("react-spring"),require("@cloudinary/url-gen"),require("@cloudinary/url-gen/actions/resize"),require("@cloudinary/url-gen/actions"),require("@cloudinary/url-gen/qualifiers")):"function"==typeof define&&define.amd?define(["exports","react","styled-components","styled-media-query","lodash.isobject","lodash/startCase","react-use","react-i18next","react-spring","@cloudinary/url-gen","@cloudinary/url-gen/actions/resize","@cloudinary/url-gen/actions","@cloudinary/url-gen/qualifiers"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).GantriComponents={},e.React,e.styled,e.styledMediaQuery,e.isObject,e.startCase,e.reactUse,e.reactI18next,null,e.urlGen)}(this,(function(e,n,o,t,r,i,a,l,s,c){"use strict";function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var t=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(n,o,t.get?t:{enumerable:!0,get:function(){return e[o]}})}})),n.default=e,Object.freeze(n)}var m=d(n),p=u(n),f=d(o),h=d(r),g=d(i),w=function(){return w=Object.assign||function(e){for(var n,o=1,t=arguments.length;o<t;o++)for(var r in n=arguments[o])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e},w.apply(this,arguments)};function y(e,n){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(t=Object.getOwnPropertySymbols(e);r<t.length;r++)n.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(e,t[r])&&(o[t[r]]=e[t[r]])}return o}function v(e,n,o,t){return new(o||(o=Promise))((function(r,i){function a(e){try{s(t.next(e))}catch(e){i(e)}}function l(e){try{s(t.throw(e))}catch(e){i(e)}}function s(e){var n;e.done?r(e.value):(n=e.value,n instanceof o?n:new o((function(e){e(n)}))).then(a,l)}s((t=t.apply(e,n||[])).next())}))}function P(e,n){var o,t,r,i,a={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return i={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function l(i){return function(l){return function(i){if(o)throw new TypeError("Generator is already executing.");for(;a;)try{if(o=1,t&&(r=2&i[0]?t.return:i[0]?t.throw||((r=t.return)&&r.call(t),0):t.next)&&!(r=r.call(t,i[1])).done)return r;switch(t=0,r&&(i=[2&i[0],r.value]),i[0]){case 0:case 1:r=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,t=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(r=a.trys,(r=r.length>0&&r[r.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!r||i[1]>r[0]&&i[1]<r[3])){a.label=i[1];break}if(6===i[0]&&a.label<r[1]){a.label=r[1],r=i;break}if(r&&a.label<r[2]){a.label=r[2],a.ops.push(i);break}r[2]&&a.ops.pop(),a.trys.pop();continue}i=n.call(e,a)}catch(e){i=[6,e],t=0}finally{o=r=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,l])}}}function b(e,n,o){if(o||2===arguments.length)for(var t,r=0,i=n.length;r<i;r++)!t&&r in n||(t||(t=Array.prototype.slice.call(n,0,r)),t[r]=n[r]);return e.concat(t||Array.prototype.slice.call(n))}function _(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e}var x,k={height:"unset",margin:"unset",maxWidth:"100vw",overflow:"unset",padding:"unset",width:"unset"},A={blue_100:"#ECF1FF",blue_200:"#BDCFFF",blue_300:"#7393E8",blue_400:"#335DC9",blue_500:"#151852",gold_100:"#FCF3E6",gold_200:"#EAD0AF",gold_300:"#D5AF7B",gold_400:"#BF8E47",gold_500:"#946A18",green_100:"#DFFBEC",green_200:"#9FF4C7",green_300:"#00cc88",green_400:"#00855B",green_500:"#25352F",monochrome_050:"#F8F8F8",monochrome_100:"#F0F0F0",monochrome_200:"#DFDFDF",monochrome_300:"#CECECE",monochrome_400:"#A1A1A1",monochrome_500:"#848484",monochrome_600:"#8F8C8B",monochrome_700:"#686868",monochrome_800:"#343434",monochrome_900:"#1C1C1C",monochrome_black:"#000000",monochrome_white:"#FFFFFF",pink_300:"#FFD8F4",pink_400:"#FFB1BA",pink_500:"#E00C7B",red_100:"#FFF0F1",red_200:"#FFCBD0",red_300:"#F47783",red_400:"#D43444",red_500:"#920110",translucent_black:"rgba(28, 28, 28, 0.7)",translucent_cream:"rgba(245, 245, 245, 0.2)",translucent_white:"rgba(255, 255, 255, 0.7)",yellow_100:"#FFFBF2",yellow_200:"#FFF5DB",yellow_300:"#FFECB4",yellow_400:"#FADC87",yellow_500:"#BD8C02"},S={border:"1px solid ".concat(A.monochrome_300),borderRadius:".6rem",dimensions:{gridGutter:"2.4rem",headerHeight:{lg:"6.4rem",sm:"4.8rem"},maxWidth:"78rem",spacing:{s1:"1.6rem",s2:"2rem",s3:"2.4rem",s4:"4rem",s5:"6rem",s6:"12rem"}},fonts:{boldFontFamily:"Sohne Halbfett",h1:{family:"Sohne Halbfett",lineHeight:"7rem",lineHeightMedium:"5rem",lineHeightSmaller:"5rem",size:"5.8rem",sizeMedium:"4rem",sizeSmaller:"4rem"},h2:{family:"Sohne Halbfett",lineHeight:"4.8rem",lineHeightMedium:"3.4rem",lineHeightSmaller:"3.4rem",size:"3.8rem",sizeMedium:"2.8rem",sizeSmaller:"2.8rem"},h3:{family:"Sohne Dreiviertelfett",lineHeight:"3.6rem",lineHeightMedium:"2.6rem",lineHeightSmaller:"2.6rem",size:"2.8rem",sizeMedium:"2rem",sizeSmaller:"2rem"},h4:{family:"Sohne Dreiviertelfett",lineHeight:"2.2rem",lineHeightMedium:"2.2rem",lineHeightSmaller:"2.2rem",size:"1.8rem",sizeMedium:"1.8rem",sizeSmaller:"1.8rem"},h5:{family:"Sohne Halbfett",lineHeight:"2rem",lineHeightMedium:"2rem",lineHeightSmaller:"2rem",size:"1.6rem",sizeMedium:"1.6rem",sizeSmaller:"1.6rem"},hero:{family:"Sohne Kraftig",familyMedium:"Sohne Halbfett",familySmaller:"Sohne Halbfett",lineHeight:"8.6rem",lineHeightMedium:"5.8rem",lineHeightSmaller:"5.8rem",size:"7.2rem",sizeMedium:"5.2rem",sizeSmaller:"5.2rem"},p0:{family:"Sohne Buch",lineHeight:"3.6rem",lineHeightMedium:"3rem",lineHeightSmaller:"3rem",size:"2.4rem",sizeMedium:"2.2rem",sizeSmaller:"2.2rem"},p1:{family:"Sohne Buch",lineHeight:"2.7rem",lineHeightMedium:"2.7rem",lineHeightSmaller:"2.7rem",size:"1.8rem",sizeMedium:"1.8rem",sizeSmaller:"1.8rem"},p2:{family:"Sohne Buch",lineHeight:"2.2rem",lineHeightSmaller:"2.2rem",size:"1.5rem",sizeSmaller:"1.5rem"},p3:{family:"Sohne Buch",lineHeight:"1.5rem",lineHeightSmaller:"1.5rem",size:"1.2rem",sizeSmaller:"1.2rem"},regularFontFamily:"Sohne Buch"},shadow:"0 .2rem .6rem rgba(0, 0, 0, 0.12)",transitions:{base:"0.15s ease",slow:"0.3s ease",slowest:"2s ease",turtle:"0.8s ease"}},F=w(w({},S),{colors:{dividers:{t1:A.monochrome_100,t2:A.monochrome_300,t3:A.monochrome_900},iconography:{alert:A.red_400,link:A.green_400,t1:A.monochrome_500,t2:A.monochrome_900,t3:A.monochrome_white,warning:A.gold_400},palette:A,surface:{alert:A.red_100,hover:A.monochrome_050,level1:A.monochrome_white,level2:A.monochrome_100,level3:A.monochrome_200,selected:A.monochrome_050,success:A.blue_100,successAlt:A.green_400,warning:A.yellow_100},typography:{alert:A.red_400,alt:A.monochrome_white,link:A.green_400,success:A.blue_400,t1:A.monochrome_900,t2:A.monochrome_500,t3:A.monochrome_300,warning:A.gold_400}},name:"Light Theme"}),z=w(w({},S),{colors:{dividers:{t1:A.monochrome_600,t2:A.monochrome_400,t3:A.monochrome_white},iconography:{alert:A.red_200,link:A.green_300,t1:A.monochrome_300,t2:A.monochrome_100,t3:A.monochrome_900,warning:A.gold_200},palette:A,surface:{alert:A.red_500,hover:A.monochrome_800,level1:A.monochrome_900,level2:A.monochrome_800,level3:A.monochrome_600,selected:A.monochrome_800,success:A.blue_500,successAlt:A.blue_100,warning:A.gold_500},typography:{alert:A.red_200,alt:A.monochrome_900,link:A.green_300,success:A.blue_200,t1:A.monochrome_white,t2:A.monochrome_300,t3:A.monochrome_500,warning:A.gold_200}},name:"Dark Theme"}),C=function(e,n){var o,t;return void 0===n&&(n=F),null!==(t=null===(o=n.colors.palette)||void 0===o?void 0:o[e])&&void 0!==t?t:e},I=function(e,n){var o;return void 0===n&&(n=F),null!==(o=n.dimensions.spacing[e])&&void 0!==o?o:"default"===e?n.dimensions.gridGutter:null!=e?e:"unset"},H=function(e){return void 0===e&&(e=F),{alert:{background:e.colors.palette.red_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.red_300,selected:e.colors.palette.red_500},black:{background:e.colors.palette.monochrome_900,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_500,selected:e.colors.palette.green_500},blue:{background:e.colors.palette.blue_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.blue_300,selected:e.colors.palette.blue_500},gold:{background:e.colors.palette.gold_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.gold_300,selected:e.colors.palette.gold_500},green:{background:e.colors.palette.green_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.green_300,selected:e.colors.palette.green_500},grey:{background:e.colors.palette.monochrome_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_300,selected:e.colors.palette.monochrome_500},greyLight:{background:e.colors.palette.monochrome_200,color:e.colors.palette.monochrome_black,hover:e.colors.palette.monochrome_300,selected:e.colors.palette.monochrome_400},pink:{background:e.colors.palette.pink_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.red_300,selected:e.colors.palette.monochrome_black},primary:{background:e.colors.palette.green_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.green_300,selected:e.colors.palette.green_500},secondary:{background:e.colors.palette.green_400,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_500,selected:e.colors.palette.green_500},secondaryAlt:{background:e.colors.palette.monochrome_black,color:e.colors.palette.monochrome_white,hover:e.colors.palette.monochrome_500,selected:e.colors.palette.green_500},white:{background:e.colors.palette.monochrome_white,color:e.colors.palette.monochrome_black,hover:e.colors.palette.monochrome_300,selected:e.colors.palette.monochrome_500},yellow:{background:e.colors.palette.yellow_500,color:e.colors.palette.monochrome_white,hover:e.colors.palette.green_400,selected:e.colors.palette.monochrome_black}}},j=o.createGlobalStyle(x||(x=_(['\n *,\n *::before,\n *::after {\n margin: 0;\n padding: 0;\n box-sizing: inherit;\n outline: none;\n }\n\n html {\n /* defines 1rem = 10px value */\n font-size: 62.5%;\n }\n\n body {\n box-sizing: border-box;\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n }\n\n * {\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n -moz-font-smoothing: antialiased;\n font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -webkit-tap-highlight-color: transparent;\n }\n\n a,\n a:active,\n a:visited {\n font-family: "Sohne Halbfett", "Helvetica", sans-serif;\n text-decoration: none;\n display: inherit;\n cursor: pointer;\n color: ',";\n\n &.affirm-modal-trigger:hover {\n text-decoration: underline;\n }\n }\n\n svg {\n overflow: visible;\n }\n\n #fb-root {\n z-index: 999;\n display: block;\n }\n\n input, select {\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px white inset !important;\n }\n }\n\n @font-face {\n font-family: 'Sohne Buch';\n src: url(https://www.gantri.com/static/fonts/soehne-web-buch.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Dreiviertelfett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-dreiviertelfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Halbfett';\n src: url(https://www.gantri.com/static/fonts/public/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig Kursiv';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig-kursiv.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Extrafett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n"],['\n *,\n *::before,\n *::after {\n margin: 0;\n padding: 0;\n box-sizing: inherit;\n outline: none;\n }\n\n html {\n /* defines 1rem = 10px value */\n font-size: 62.5%;\n }\n\n body {\n box-sizing: border-box;\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n }\n\n * {\n font-family: \'Sohne Buch\', "Helvetica", sans-serif;\n line-height: 2.5rem;\n font-size: 1.5rem;\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n -moz-font-smoothing: antialiased;\n font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -webkit-tap-highlight-color: transparent;\n }\n\n a,\n a:active,\n a:visited {\n font-family: "Sohne Halbfett", "Helvetica", sans-serif;\n text-decoration: none;\n display: inherit;\n cursor: pointer;\n color: ',";\n\n &.affirm-modal-trigger:hover {\n text-decoration: underline;\n }\n }\n\n svg {\n overflow: visible;\n }\n\n #fb-root {\n z-index: 999;\n display: block;\n }\n\n input, select {\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px white inset !important;\n }\n }\n\n @font-face {\n font-family: 'Sohne Buch';\n src: url(https://www.gantri.com/static/fonts/soehne-web-buch.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Dreiviertelfett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-dreiviertelfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Halbfett';\n src: url(https://www.gantri.com/static/fonts/public/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Kraftig Kursiv';\n src: url(https://www.gantri.com/static/fonts/soehne-web-kraftig-kursiv.woff2) format('woff2');\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Sohne Extrafett';\n src: url(https://www.gantri.com/static/fonts/soehne-web-halbfett.woff2) format('woff2');\n font-display: swap;\n }\n"])),C("gold_400")),E=function(e){var n=e.children,t=e.theme;return m.default.createElement(o.ThemeProvider,{theme:t},m.default.createElement(j,null),n)};E.defaultProps={theme:F};var B,M,T,R=t.generateMedia({lg:"75em",md:"64em",sm:"45.06em"}),O=function(e,n){var o;if(h.default(e)){var t=e,r=t.lg,i=t.md,a=t.sm;switch(n){case"lg":default:return r;case"md":return null!=i?i:r;case"sm":return null!==(o=null!=a?a:i)&&void 0!==o?o:r}}return e};function D(e){var n="",t="",r="";return e.forEach((function(e){if(e.lookIn&&Array.isArray(e.resolutionAwareProp))throw new Error("Specifying lookIn property when resolutionAwareProp is an array is not allowed");var o=function(e){var n;if(Array.isArray(e))return e.reduce((function(e,n){return w(w({},e),{lg:b(b([],e.lg,!0),[O(n,"lg")],!1),md:b(b([],e.md,!0),[O(n,"md")],!1),sm:b(b([],e.sm,!0),[O(n,"sm")],!1)})}),{lg:[],md:[],sm:[]});if(h.default(e)){var o=e,t=o.lg,r=o.md,i=o.sm;return{lg:t,md:null!=r?r:t,sm:null!==(n=null!=i?i:r)&&void 0!==n?n:t}}return{lg:e,md:e,sm:e}}(e.resolutionAwareProp),i=o.lg,a=o.md,l=o.sm;if(void 0!==i){var s=e.lookIn&&e.lookIn[i]||i;n+="".concat(e.cssProperty,": ").concat(e.valueFormatter?e.valueFormatter(s,"lg"):s," ").concat(e.isImportant?"!important":"",";;")}if(void 0!==a){s=e.lookIn&&e.lookIn[a]||a;t+="".concat(e.cssProperty,": ").concat(e.valueFormatter?e.valueFormatter(s,"md"):s," ").concat(e.isImportant?"!important":"",";;")}if(void 0!==l){s=e.lookIn&&e.lookIn[l]||l;r+="".concat(e.cssProperty,": ").concat(e.valueFormatter?e.valueFormatter(s,"sm"):s," ").concat(e.isImportant?"!important":"",";")}})),o.css(T||(T=_(["\n ","\n\n ","\n\n ","\n "],["\n ","\n\n ","\n\n ","\n "])),n,t&&R.lessThan("md")(B||(B=_(["\n ","\n "],["\n ","\n "])),t),r&&R.lessThan("sm")(M||(M=_(["\n ","\n "],["\n ","\n "])),r))}var q,L,W,N,V=f.default.div.withConfig({displayName:"StyledBoxContainer",componentId:"sc-1k2wf0b-0"})(L||(L=_(["\n ","\n"],["\n ","\n"])),(function(e){var n=e.backgroundColor,t=e.padding,r=e.verticalPadding,i=e.horizontalPadding,a=e.paddingLeft,l=void 0===a?i:a,s=e.paddingRight,c=void 0===s?i:s,d=e.paddingTop,u=void 0===d?r:d,m=e.paddingBottom,p=void 0===m?r:m,f=e.margin,h=e.verticalMargin,g=e.horizontalMargin,w=e.marginLeft,y=void 0===w?g:w,v=e.marginRight,P=void 0===v?g:v,b=e.marginTop,x=void 0===b?h:b,k=e.marginBottom,A=void 0===k?h:k,S=e.theme,F=e.borderRadius,z=e.hidden,I=e.textAlign,H=e.height,j=e.minHeight,E=e.width,B=e.minWidth,M=e.maxWidth,T=e.overflow,R=e.alignSelf,O=e.justifySelf,L=[{cssProperty:"background-color",resolutionAwareProp:n,valueFormatter:function(e){return C(e)}},{cssProperty:"padding",lookIn:S.dimensions.spacing,resolutionAwareProp:t},{cssProperty:"padding-left",lookIn:S.dimensions.spacing,resolutionAwareProp:l},{cssProperty:"padding-right",lookIn:S.dimensions.spacing,resolutionAwareProp:c},{cssProperty:"padding-top",lookIn:S.dimensions.spacing,resolutionAwareProp:u},{cssProperty:"padding-bottom",lookIn:S.dimensions.spacing,resolutionAwareProp:p},{cssProperty:"margin",lookIn:S.dimensions.spacing,resolutionAwareProp:f},{cssProperty:"margin-left",lookIn:S.dimensions.spacing,resolutionAwareProp:y},{cssProperty:"margin-right",lookIn:S.dimensions.spacing,resolutionAwareProp:P},{cssProperty:"margin-top",lookIn:S.dimensions.spacing,resolutionAwareProp:x},{cssProperty:"margin-bottom",lookIn:S.dimensions.spacing,resolutionAwareProp:A},{cssProperty:"display",resolutionAwareProp:z,valueFormatter:function(e){return!0===e?"none":"block"}},{cssProperty:"border-radius",resolutionAwareProp:F},{cssProperty:"text-align",resolutionAwareProp:I},{cssProperty:"width",resolutionAwareProp:E},{cssProperty:"height",resolutionAwareProp:H},{cssProperty:"min-height",resolutionAwareProp:j},{cssProperty:"min-width",resolutionAwareProp:B},{cssProperty:"max-width",resolutionAwareProp:M},{cssProperty:"align-self",resolutionAwareProp:R},{cssProperty:"justify-self",resolutionAwareProp:O}];return o.css(q||(q=_(["\n position: relative;\n overflow: ",";\n ",";\n "],["\n position: relative;\n overflow: ",";\n ",";\n "])),T,D(L))})),G=function(e){var n=w(w({},k),e);return p.createElement(V,w({},n))},K=f.default.svg.withConfig({displayName:"StyledSvgIcon",componentId:"sc-1jh49e-0"})(N||(N=_(["\n ","\n"],["\n ","\n"])),(function(e){var n=e.size,t=e.nwidth,r=e.nheight,i=e.cursor,a=e.top,l=e.bottom,s=e.right,c=e.left,d=[{cssProperty:"width",resolutionAwareProp:null!=t?t:n},{cssProperty:"height",resolutionAwareProp:null!=r?r:n}];return o.css(W||(W=_(["\n ",";\n cursor: ",";\n position: relative;\n top: ",";\n bottom: ",";\n right: ",";\n left: ",";\n "],["\n ",";\n cursor: ",";\n position: relative;\n top: ",";\n bottom: ",";\n right: ",";\n left: ",";\n "])),D(d),i,a||"unset",l||"unset",s||"unset",c||"unset")})),Y=function(e){var o=e.name,t=e.width,r=e.height,i=y(e,["name","width","height"]),l=n.useState(null),s=l[0],c=l[1];return a.useAsync((function(){return v(void 0,void 0,void 0,(function(){var e,n,t;return P(this,(function(r){switch(r.label){case 0:return o?(e=o.split(":"),n="".concat(e[0],"/").concat(g.default(e[1])).replace("_","").replace(/ /g,""),[4,import("./generated/".concat(n,".tsx"))]):[3,2];case 1:t=r.sent(),c(t.default),r.label=2;case 2:return[2]}}))}))}),[o]),s?m.default.createElement(K,w({as:s,nheight:r,nwidth:t},i)):null};Y.defaultProps={color:"link",cursor:"unset",opacity:1,size:"2rem"};var Q,U,J=f.default.p.withConfig({displayName:"StyledText",componentId:"sc-uyk9pj-0"})(U||(U=_(["\n ","\n"],["\n ","\n"])),(function(e){var n=e.theme,t=e.variant,r=e.transform,i=e.color,a=e.align,l=e.lineHeight,s=e.fontSize,c=e.fontWeight,d=e.whiteSpace,u=e.padding,m=e.verticalPadding,p=e.horizontalPadding,f=e.paddingLeft,h=void 0===f?p:f,g=e.paddingRight,w=void 0===g?p:g,y=e.paddingTop,v=void 0===y?m:y,P=e.paddingBottom,b=void 0===P?m:P,x=e.margin,k=e.verticalMargin,A=e.horizontalMargin,S=e.marginLeft,F=void 0===S?A:S,z=e.marginRight,C=void 0===z?A:z,I=e.marginTop,H=void 0===I?k:I,j=e.marginBottom,E=void 0===j?k:j,B=e.alignSelf,M=e.justifySelf,T=e.display,R=e.hidden,O=e.minWidth,q=e.maxWidth,L=e.letterSpacing,W=e.textShadow,N=e.onClick,V=t||"p2",G=i||"",K=s||{lg:n.fonts[V].size,md:n.fonts[V].sizeMedium,sm:n.fonts[V].sizeSmaller},Y=l||{lg:n.fonts[V].lineHeight,md:n.fonts[V].lineHeightMedium,sm:n.fonts[V].lineHeightSmaller},U=[{cssProperty:"text-align",resolutionAwareProp:a},{cssProperty:"font-family",resolutionAwareProp:{lg:n.fonts[V].family,sm:n.fonts[V].familySmaller},valueFormatter:function(e){return"".concat(e,', "Helvetica", sans-serif;')}},{cssProperty:"font-size",resolutionAwareProp:K},{cssProperty:"line-height",resolutionAwareProp:Y},{cssProperty:"min-width",resolutionAwareProp:O},{cssProperty:"max-width",resolutionAwareProp:q},{cssProperty:"padding",lookIn:n.dimensions.spacing,resolutionAwareProp:u},{cssProperty:"padding-left",lookIn:n.dimensions.spacing,resolutionAwareProp:h},{cssProperty:"padding-right",lookIn:n.dimensions.spacing,resolutionAwareProp:w},{cssProperty:"padding-top",lookIn:n.dimensions.spacing,resolutionAwareProp:v},{cssProperty:"padding-bottom",lookIn:n.dimensions.spacing,resolutionAwareProp:b},{cssProperty:"margin",lookIn:n.dimensions.spacing,resolutionAwareProp:x},{cssProperty:"margin-left",lookIn:n.dimensions.spacing,resolutionAwareProp:F},{cssProperty:"margin-right",lookIn:n.dimensions.spacing,resolutionAwareProp:C},{cssProperty:"margin-top",lookIn:n.dimensions.spacing,resolutionAwareProp:H},{cssProperty:"margin-bottom",lookIn:n.dimensions.spacing,resolutionAwareProp:E},{cssProperty:"align-self",resolutionAwareProp:B},{cssProperty:"justify-self",resolutionAwareProp:M},{cssProperty:"letter-spacing",resolutionAwareProp:L},{cssProperty:"white-space",resolutionAwareProp:d},{cssProperty:"display",resolutionAwareProp:[T,R],valueFormatter:function(e){var n=e[0];return!0===e[1]?"none":n}}];return o.css(Q||(Q=_(["\n color: ",";\n text-transform: ",";\n transition: all ",";\n font-weight: ",";\n cursor: ",";\n text-shadow: ",";\n\n ",";\n\n a {\n display: inline-block;\n font-size: inherit;\n line-height: inherit;\n }\n "],["\n color: ",";\n text-transform: ",";\n transition: all ",";\n font-weight: ",";\n cursor: ",";\n text-shadow: ",";\n\n ",";\n\n a {\n display: inline-block;\n font-size: inherit;\n line-height: inherit;\n }\n "])),n.colors.typography[G]||n.colors.palette[G]||i,r,n.transitions.base,c||n.fonts[V].fontWeight||400,N?"pointer":"unset",W,D(U))})),X={badge:"span",hero:"h1",p0:"p",p1:"p",p2:"p",p3:"p"},Z=n.forwardRef((function(e,n){var o,t,r=e.type,i=e.variant,a=e.tx,s=e.txValues,c=e.text,d=e.htmlText,u=e.textStyle,p=e.color,f=y(e,["type","variant","tx","txValues","text","htmlText","textStyle","color"]),h=l.useTranslation().t;return d?m.default.createElement(J,w({as:null!==(o=null!=r?r:X[i||""])&&void 0!==o?o:i,color:null!=p?p:"black",dangerouslySetInnerHTML:{__html:d},ref:n,textStyle:u,variant:i},f)):m.default.createElement(J,w({as:null!==(t=null!=r?r:X[i||""])&&void 0!==t?t:i,color:null!=p?p:"black",ref:n,textStyle:u,tx:a,variant:i},f),a?m.default.createElement(l.Trans,{t:h,values:s},a):c)}));Z.defaultProps={color:"t1",display:"block",variant:"p2",whiteSpace:"inherit"};var $,ee,ne,oe,te,re,ie,ae={md:"15rem",sm:"14rem",xl:"17rem"},le=f.default.button.withConfig({displayName:"StyledButton",componentId:"sc-12w1zik-0"})(oe||(oe=_(["\n ","\n"],["\n ","\n"])),(function(e){var n=e.theme,t=e.variant,r=e.color,i=e.width,a=e.minWidth,l=e.disabled,s=e.borderRadius,c=e.alignSelf,d=e.justifySelf,u=e.hidden,m=e.size,p=[{cssProperty:"width",resolutionAwareProp:i,valueFormatter:function(e){var n;return null!==(n=ae[e])&&void 0!==n?n:e}},{cssProperty:"min-width",resolutionAwareProp:a||"unset"},{cssProperty:"border-radius",resolutionAwareProp:"action"===t?"none":s||("small"===m?"0.4rem":"4.9rem")},{cssProperty:"align-self",resolutionAwareProp:c},{cssProperty:"justify-self",resolutionAwareProp:d},{cssProperty:"display",resolutionAwareProp:u,valueFormatter:function(e){return!0===e?"none":"flex"}}];return o.css(ne||(ne=_(["\n &,\n &:active,\n &:focus {\n display: flex;\n ",";\n position: relative;\n border-style: solid;\n border-width: ",";\n outline: none;\n padding: 0 ",";\n cursor: ",";\n pointer-events: ",";\n opacity: ",";\n transition: ",";\n user-select: none;\n overflow: hidden;\n height: ",";\n min-width: max-content;\n\n ","\n\n ","\n }\n "],["\n &,\n &:active,\n &:focus {\n display: flex;\n ",";\n position: relative;\n border-style: solid;\n border-width: ",";\n outline: none;\n padding: 0 ",";\n cursor: ",";\n pointer-events: ",";\n opacity: ",";\n transition: ",";\n user-select: none;\n overflow: hidden;\n height: ",";\n min-width: max-content;\n\n ","\n\n ","\n }\n "])),D(p),"default"===t?"unset":"1px","small"===m?"1rem":"2.4rem",l?"not-allowed":"pointer",l?"none":"all",l?.3:1,n.transitions.base,"large"===m?"4.6rem":"3.4rem",function(e,n,t){var r,i=null!==(r=H(t)[e])&&void 0!==r?r:H(t).white,a=!("secondary"===n||"action"===n);return o.css($||($=_(["\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n\n &:hover {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n\n &:active {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n "],["\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n\n &:hover {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n\n &:active {\n background-color: ",";\n border: 1px solid ",";\n\n * {\n color: ",";\n }\n }\n "])),a?i.background:"transparent",i.background,a?i.color||i.background:i.background||i.color,a?i.hover:"transparent",i.hover,a?i.color||i.hover:i.hover||i.color,a?i.selected:"transparent",i.selected,a?i.color||i.selected:i.selected||i.color)}(String(r),t,n),"action"===t&&o.css(ee||(ee=_(["\n border: none;\n padding: 0;\n width: max-content;\n min-width: 0;\n\n &:hover,\n &:active {\n border: unset;\n\n * {\n text-decoration: underline;\n }\n }\n "],["\n border: none;\n padding: 0;\n width: max-content;\n min-width: 0;\n\n &:hover,\n &:active {\n border: unset;\n\n * {\n text-decoration: underline;\n }\n }\n "]))))})),se=f.default.div.withConfig({displayName:"StyledButtonContent",componentId:"sc-12w1zik-1"})(ie||(ie=_(["\n ","\n"],["\n ","\n"])),(function(e){var n=e.theme,t=e.textVariant;return o.css(re||(re=_(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n transform: translateY(0);\n opacity: 1;\n transition: ",";\n\n & > *:not(:last-child) {\n margin-right: ",";\n position: relative;\n\n ","\n }\n "],["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n transform: translateY(0);\n opacity: 1;\n transition: ",";\n\n & > *:not(:last-child) {\n margin-right: ",";\n position: relative;\n\n ","\n }\n "])),n.transitions.base,"p3"===t?".6rem":".8rem",R.lessThan("sm")(te||(te=_(["\n margin-right: ",";\n "],["\n margin-right: ",";\n "])),"p3"===t?".3rem":".5rem"))})),ce=n.forwardRef((function(e,n){var o=e.tx,t=e.text,r=e.txValues,i=e.textVariant,a=e.textLineHeight,l=e.fontSize,s=e.type,c=e.disabled,d=e.icon,u=e.iconLocation,m=e.processing,f=e.onClick,h=y(e,["tx","text","txValues","textVariant","textLineHeight","fontSize","type","disabled","icon","iconLocation","processing","onClick"]);return p.createElement(le,w({disabled:c,ref:n,textVariant:i,type:s,onClick:f},h),p.createElement(se,w({},h),d&&!m&&"left"===u&&d,"action"!==h.variant&&m&&p.createElement(Y,{name:"animated:loader_24",size:"1.6rem"}),(o||t)&&p.createElement(Z,{display:"contents",fontSize:l,lineHeight:a,text:t,textStyle:"bold",tx:o,txValues:r,variant:i,whiteSpace:"nowrap"}),d&&"right"===u&&d))}));ce.defaultProps={color:"primary",disabled:!1,iconLocation:"left",size:"large",textLineHeight:"unset",textVariant:"p2",type:"button",variant:"primary"};var de,ue,me=f.default.div.withConfig({displayName:"StyledCell",componentId:"sc-hxvxkk-0"})(ue||(ue=_(["\n ","\n"],["\n ","\n"])),(function(e){var n=e.width,t=e.height,r=e.row,i=e.column,a=e.hidden,l=e.textAlign,s=e.alignSelf,c=e.alignItems,d=e.alignContent,u=e.justifyContent,m=e.justifyItems,p=e.gap,f=e.columnGap,h=void 0===f?p:f,g=e.rowGap,w=void 0===g?p:g,y=e.position,v=e.borderRadius,P=e.padding,b=e.backgroundColor,x=e.verticalPadding,k=e.horizontalPadding,A=e.paddingLeft,S=void 0===A?k:A,F=e.paddingRight,z=void 0===F?k:F,H=e.paddingTop,j=void 0===H?x:H,E=e.paddingBottom,B=void 0===E?x:E,M=e.theme,T=[{cssProperty:"background-color",resolutionAwareProp:b,valueFormatter:function(e){return C(e,M)}},{cssProperty:"display",resolutionAwareProp:a,valueFormatter:function(e){return e?"none":"grid"}},{cssProperty:"text-align",resolutionAwareProp:l},{cssProperty:"align-self",resolutionAwareProp:s},{cssProperty:"align-items",resolutionAwareProp:c},{cssProperty:"align-content",resolutionAwareProp:d},{cssProperty:"grid-column-gap",resolutionAwareProp:h,valueFormatter:function(e){return I(e,M)}},{cssProperty:"grid-row-gap",resolutionAwareProp:w,valueFormatter:function(e){return I(e,M)}},{cssProperty:"justify-content",resolutionAwareProp:u},{cssProperty:"justify-items",resolutionAwareProp:m},{cssProperty:"border-radius",resolutionAwareProp:v},{cssProperty:"padding",lookIn:M.dimensions.spacing,resolutionAwareProp:P},{cssProperty:"padding-left",lookIn:M.dimensions.spacing,resolutionAwareProp:S},{cssProperty:"padding-right",lookIn:M.dimensions.spacing,resolutionAwareProp:z},{cssProperty:"padding-top",lookIn:M.dimensions.spacing,resolutionAwareProp:j},{cssProperty:"padding-bottom",lookIn:M.dimensions.spacing,resolutionAwareProp:B}];return n?T.push({cssProperty:"grid-column",resolutionAwareProp:n,valueFormatter:function(e){return"span ".concat(e)}}):i&&T.push({cssProperty:"grid-column",resolutionAwareProp:i}),t?T.push({cssProperty:"grid-row",resolutionAwareProp:t,valueFormatter:function(e){return"span ".concat(e)}}):r&&T.push({cssProperty:"grid-row",resolutionAwareProp:r}),o.css(de||(de=_(["\n display: grid;\n position: ",";\n ",";\n "],["\n display: grid;\n position: ",";\n ",";\n "])),y,D(T))})),pe=n.forwardRef((function(e,n){var o=e.children,t=y(e,["children"]);return p.createElement(me,w({ref:n},t),o)}));pe.defaultProps={column:null,row:null,textAlign:"left"};var fe,he,ge=f.default(G).withConfig({displayName:"StyledFlexContainer",componentId:"sc-17zjsog-0"})(he||(he=_(["\n ","\n"],["\n ","\n"])),(function(e){var n=e.direction,t=e.justifyContent,r=e.alignItems,i=e.backgroundColor,a=e.gap,l=e.hidden,s=e.height,c=e.width,d=e.theme,u=D([{cssProperty:"flex-direction",resolutionAwareProp:n},{cssProperty:"justify-content",resolutionAwareProp:t},{cssProperty:"align-items",resolutionAwareProp:r},{cssProperty:"display",resolutionAwareProp:l,valueFormatter:function(e){return!0===e?"none":"flex"}},{cssProperty:"background-color",resolutionAwareProp:i,valueFormatter:function(e){return C(e,d)}},{cssProperty:"height",resolutionAwareProp:s},{cssProperty:"width",resolutionAwareProp:c},{cssProperty:"gap",resolutionAwareProp:a,valueFormatter:function(e){return I(e,d)}}]);return o.css(fe||(fe=_(["\n display: flex;\n width: 100%;\n ","\n "],["\n display: flex;\n width: 100%;\n ","\n "])),u)})),we=function(e){return m.default.createElement(ge,w({},e))};we.defaultProps={alignItems:"unset",borderRadius:"unset",direction:"row",height:"unset",justifyContent:"unset",padding:"unset"};var ye,ve,Pe,be,_e=function(e){return"string"==typeof e?e:"repeat(".concat(e,", 1fr);")},xe=function(e){return"string"==typeof e?e:"repeat(".concat(e,", max-content);")},ke=f.default.div.withConfig({displayName:"StyledGrid",componentId:"sc-b5we8g-0"})(ve||(ve=_(["\n ","\n"],["\n ","\n"])),(function(e){var n=e.width,t=e.height,r=e.columns,i=e.autoColumns,a=e.rows,l=e.autoRows,s=e.flow,c=e.gap,d=e.columnGap,u=void 0===d?c:d,m=e.rowGap,p=void 0===m?c:m,f=e.padding,h=e.horizontalPadding,g=void 0===h?f:h,w=e.paddingLeft,y=void 0===w?g:w,v=e.paddingRight,P=void 0===v?g:v,b=e.verticalPadding,x=void 0===b?f:b,k=e.paddingTop,A=void 0===k?x:k,S=e.paddingBottom,F=void 0===S?x:S,z=e.margin,H=e.horizontalMargin,j=void 0===H?z:H,E=e.marginLeft,B=void 0===E?j:E,M=e.marginRight,T=void 0===M?j:M,R=e.verticalMargin,O=void 0===R?z:R,q=e.marginTop,L=void 0===q?O:q,W=e.marginBottom,N=void 0===W?O:W,V=e.justifyContent,G=e.alignContent,K=e.justifyItems,Y=e.justifySelf,Q=e.alignItems,U=e.hidden,J=e.maxWidth,X=e.minWidth,Z=e.minHeight,$=e.maxHeight,ee=e.backgroundColor,ne=e.border,oe=e.borderRadius,te=e.theme,re=[{cssProperty:"grid-auto-flow",resolutionAwareProp:s},{cssProperty:"grid-auto-columns",resolutionAwareProp:i},{cssProperty:"grid-auto-rows",resolutionAwareProp:l},{cssProperty:"grid-template-columns",resolutionAwareProp:r,valueFormatter:_e},{cssProperty:"grid-template-rows",resolutionAwareProp:a,valueFormatter:xe},{cssProperty:"grid-column-gap",resolutionAwareProp:u,valueFormatter:function(e){return I(e,te)}},{cssProperty:"grid-row-gap",resolutionAwareProp:p,valueFormatter:function(e){return I(e,te)}},{cssProperty:"padding-left",resolutionAwareProp:y,valueFormatter:function(e){return I(e,te)}},{cssProperty:"padding-right",resolutionAwareProp:P,valueFormatter:function(e){return I(e,te)}},{cssProperty:"padding-top",resolutionAwareProp:A,valueFormatter:function(e){return I(e,te)}},{cssProperty:"padding-bottom",resolutionAwareProp:F,valueFormatter:function(e){return I(e,te)}},{cssProperty:"margin-left",resolutionAwareProp:B,valueFormatter:function(e){return I(e,te)}},{cssProperty:"margin-right",resolutionAwareProp:T,valueFormatter:function(e){return I(e,te)}},{cssProperty:"margin-top",resolutionAwareProp:L,valueFormatter:function(e){return I(e,te)}},{cssProperty:"margin-bottom",resolutionAwareProp:N,valueFormatter:function(e){return I(e,te)}},{cssProperty:"align-content",resolutionAwareProp:G},{cssProperty:"justify-content",resolutionAwareProp:V},{cssProperty:"align-items",resolutionAwareProp:Q},{cssProperty:"justify-items",resolutionAwareProp:K},{cssProperty:"justify-self",resolutionAwareProp:Y},{cssProperty:"display",resolutionAwareProp:U,valueFormatter:function(e){return!0===e?"none":"grid"}},{cssProperty:"max-width",resolutionAwareProp:J},{cssProperty:"min-width",resolutionAwareProp:X},{cssProperty:"min-height",resolutionAwareProp:Z},{cssProperty:"max-height",resolutionAwareProp:$},{cssProperty:"background-color",resolutionAwareProp:ee,valueFormatter:function(e){return C(e,te)}},{cssProperty:"width",resolutionAwareProp:n},{cssProperty:"height",resolutionAwareProp:t},{cssProperty:"border-radius",resolutionAwareProp:oe}];return o.css(ye||(ye=_(["\n display: grid;\n position: relative;\n border: ",";\n ",";\n "],["\n display: grid;\n position: relative;\n border: ",";\n ",";\n "])),ne||"unset",D(re))})),Ae=n.forwardRef((function(e,n){var o=e.children,t=y(e,["children"]);return p.createElement(ke,w({ref:n},t),o)}));Ae.defaultProps={backgroundColor:"unset",flow:"row",gap:{lg:"s3",md:"s3",sm:"s1"},height:"unset",maxWidth:"unset",padding:"unset",width:"unset"},Pe||(Pe=_(["\n ","\n"],["\n ","\n"])),be||(be=_(["\n ","\n"],["\n ","\n"])),new c.Cloudinary({cloud:{cloudName:"gantri"},url:{secure:!0}});var Se,Fe,ze,Ce,Ie,He,je=f.default.div.withConfig({displayName:"StyledRadioContainer",componentId:"sc-kxjg4j-0"})(Se||(Se=_(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"]))),Ee=f.default.div.withConfig({displayName:"StyledRadio",componentId:"sc-kxjg4j-1"})(ze||(ze=_(["\n ","\n"],["\n ","\n"])),(function(e){var n=e.theme;return o.css(Fe||(Fe=_(["\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n border: 1px solid ",";\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n cursor: pointer;\n "],["\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n border: 1px solid ",";\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n cursor: pointer;\n "])),n.colors.palette.monochrome_200)})),Be=f.default.input.withConfig({displayName:"StyledRadioInput",componentId:"sc-kxjg4j-2"})(Ce||(Ce=_(["\n width: 20px;\n height: 20px;\n opacity: 0;\n cursor: pointer;\n"],["\n width: 20px;\n height: 20px;\n opacity: 0;\n cursor: pointer;\n"]))),Me=f.default.span.withConfig({displayName:"StyledRadioMarker",componentId:"sc-kxjg4j-3"})(He||(He=_(["\n ","\n"],["\n ","\n"])),(function(e){var n=e.theme;return o.css(Ie||(Ie=_(["\n position: absolute;\n width: calc(100% - 1.2rem);\n height: calc(100% - 1.2rem);\n display: inline-block;\n border-radius: 50%;\n background-color: ",";\n "],["\n position: absolute;\n width: calc(100% - 1.2rem);\n height: calc(100% - 1.2rem);\n display: inline-block;\n border-radius: 50%;\n background-color: ",";\n "])),n.colors.palette.monochrome_black)})),Te=function(e){var n=e.flow,o=e.children,t=e.justifyContent,r=e.justifyItems,i=e.alignContent,a=e.maxWidth,l=e.minHeight,s=e.height,c=y(e,["flow","children","justifyContent","justifyItems","alignContent","maxWidth","minHeight","height"]);return m.default.createElement(Ae,w({alignContent:i,alignItems:"center",columns:"column"===n?"minmax(min-content,".concat(a||"max-content",")"):"unset",flow:n,height:s,justifyContent:t,justifyItems:r,maxWidth:a,minHeight:l},c),o)};Te.defaultProps={alignContent:"start",flow:"row",gap:"s1",height:"100%",horizontalPadding:{lg:"s3",sm:"s1"},justifyContent:"unset",padding:"unset"};var Re=function(e){var o=e.name,t=e.labelTx,r=e.labelText,i=e.labelPosition,a=e.labelVariant,l=e.value,s=e.groupValue,c=e.onChange,d=e.onSelected,u=n.useRef(),p=l===s;return m.default.createElement(je,null,m.default.createElement(Te,{flow:"column",gap:"1rem",padding:"unset"},(t||r)&&"left"===i&&m.default.createElement(Z,{color:p?"t1":"t2",text:r,tx:t,variant:a}),m.default.createElement(Ee,null,p&&m.default.createElement(Me,null),m.default.createElement(Be,{checked:p,id:"".concat(o,"-").concat(l),name:o,ref:u,type:"radio",value:l,onChange:function(e){c&&c(e),d&&d(e.target.value)}})),(t||r)&&"right"===i&&m.default.createElement(Z,{color:p?"t1":"t2",htmlFor:"".concat(o,"-").concat(l),text:r,tx:t,variant:a})))};Re.defaultProps={labelPosition:"right",labelVariant:"p3",name:""},e.Box=G,e.Button=ce,e.Cell=pe,e.Flex=we,e.Grid=Ae,e.Icon=Y,e.Radio=Re,e.Stack=Te,e.ThemeProvider=E,e.Typography=Z,e.combinationsByColor=H,e.darkTheme=z,e.getThemeColor=C,e.getThemeSpacing=I,e.lightTheme=F,e.media=R,e.palette=A,Object.defineProperty(e,"__esModule",{value:!0})}));
|