@axeptio/design-system
Version:
Design System for Axeptio
1 lines • 9.28 kB
JavaScript
(()=>{"use strict";var e={45:(e,r,t)=>{t.d(r,{A:()=>n});var o=t(8587);function n(e,r){if(null==e)return{};var t,n,i=(0,o.A)(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],-1===r.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}},168:e=>{e.exports=require("styled-components")},816:(e,r,t)=>{t.d(r,{A:()=>n});var o=t(2284);function n(e){var r=function(e){if("object"!=(0,o.A)(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,"string");if("object"!=(0,o.A)(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==(0,o.A)(r)?r:r+""}},2284:(e,r,t)=>{function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}t.d(r,{A:()=>o})},4467:(e,r,t)=>{t.d(r,{A:()=>n});var o=t(816);function n(e,r,t){return(r=(0,o.A)(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}},8168:(e,r,t)=>{function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)({}).hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},o.apply(null,arguments)}t.d(r,{A:()=>o})},8452:(e,r,t)=>{t.d(r,{axeptio:()=>p});var o=t(4467);function n(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function i(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?n(Object(t),!0).forEach((function(r){(0,o.A)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):n(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var a={primary:"#FFCE43",secondary:"#212121",red:"#E22F5A",green:"#14B8A6",orange:"#FFA843",white:"#FFFFFF",black:"#000000",taste:"#F25071",primaryPalette:{v50:"#FEF7E5",v100:"#F7ECCF",v200:"#FAE5A6",v400:"#DEA912",v500:"#CC9700"},grey:{v50:"#F9FBFF",v100:"#F4F6FB",v200:"#E9ECF1",v300:"#D1D4D8",v400:"#8A8E94",v500:"#52555A"},greenPalette:{v50:"#ECF9F7",v100:"#B6E2DD",v300:"#247A70"},redPalette:{v50:"#FEE6EC",v100:"#FAA8BB",v300:"#B21037"},orangePalette:{v50:"#FEF3E7",v100:"#FAD09E",v300:"#E9840C"},accent:{brownPalette:{v50:"#FFF0E5",v100:"#FAC6A1",v200:"#BE6323",v300:"#8A420F"},bluePalette:{v50:"#E6EEFF",v100:"#A5BFF1",v200:"#4576D9",v300:"#123988"},indianRedPalette:{v50:"#FBEAE9",v100:"#F9A6A2",v200:"#D25C56",v300:"#94332E"}}},l={small:"0 12px 24px rgba(0 0 0 / 10%), 0 2px 6px rgba(0 0 0 / 5%), 0 1px 1px rgba(0 0 0 / 5%)",medium:"0 12px 24px rgba(0 0 0 / 5%), 0 2px 6px rgba(0 0 0 / 5%), 0 1px 1px rgba(0 0 0 / 5%)",large:"0 1.24px 1.68px rgba(0 0 0 / 2.17%), 0 3.13px 4.26px rgba(0 0 0 / 3.11%), 0 6.38px 8.68px rgba(0 0 0 / 3.89%), 0 13.14px 17.89px rgba(0 0 0 / 4.83%), 0 36px 49px rgba(0 0 0 / 7%)",float:"0 2.8px 2.2px rgba(0 0 0 / 2%), 0 6.7px 5.3px rgba(0 0 0 / 2.8%), 0 12.5px 10px rgba(0 0 0 / 3.5%), 0 22.3px 17.9px rgba(0 0 0 / 4.2%), 0 41.8px 33.4px rgba(0 0 0 / 5%), 0 100px 80px rgba(0 0 0 / 7%)"};const p={breakpoints:{small:576,medium:768,large:992,xlarge:1200,xxlarge:1400,xxxlarge:1600},container:{small:526,medium:728,large:960,xlarge:1140,xxlarge:1320,xxxlarge:1520},fontSizes:{h1:"clamp(40px, 6vw, 82px)",h2:"clamp(36px, 5vw, 54px)",h3:"clamp(32px, 4vw, 42px)",h4:"clamp(28px, 3.25vw, 38px)",h5:"clamp(22px, 3.25vw, 32px)",h6:"clamp(20px, 2.75vw, 24px)",paragraph:"clamp(18px, 2.25vw, 20px)",small:"clamp(16px, 2vw, 18px)"},fonts:{title:'"Source Serif 4", serif',text:'"Source Sans Pro", sans-serif'},spaces:{widget:["120px","120px","200px","200px","200px","200px"]},spacings:{sectionPaddingMobile:100,sectionPaddingDesktop:140,xxlarge:140},colors:i({},a),boxShadows:i({},l),transitions:{smooth:"all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715)",widget:"all 0.8s cubic-bezier(0.87, 0, 0.13, 1)"},buttons:{primary:{color:a.secondary,colorHover:a.primary,borderRadius:"1000px"}},checkboxes:{default:{bgColorChecked:"#212121"}},badges:{small:{fontSize:"16px"},large:{fontSize:"22px"},default:{fontSize:"18px",color:a.secondary,bgColor:a.grey.v100,borderRadius:"8px",border:"none",minWidth:"none",boxShadow:"none"},certified:{color:a.secondary,bgColor:a.primaryPalette.v100},tasty:{color:a.secondary,bgColor:a.accent.bluePalette.v50},healthy:{color:a.secondary,bgColor:a.greenPalette.v50},oily:{color:a.secondary,bgColor:a.accent.brownPalette.v50},junkfood:{color:a.secondary,bgColor:a.accent.indianRedPalette.v50}},client:{}};function c(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function s(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?c(Object(t),!0).forEach((function(r){(0,o.A)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):c(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}s(s({},p),{},{colors:s(s({},a),{},{primary:a.taste}),buttons:{primary:{color:"#FFFFFF",colorHover:"#FFFFFF",borderRadius:"4px"}},checkboxes:{default:{bgColorChecked:"#F25071"}},badges:{small:{fontSize:"12px"},large:{fontSize:"18px"},default:{fontSize:"14px",color:a.white,bgColor:a.grey.v100,borderRadius:"1000px",border:"2px solid ".concat(a.white),minWidth:100,boxShadow:l.small},certified:{color:a.white,bgColor:a.taste},tasty:{color:a.white,bgColor:"#09C1DA"},healthy:{color:a.white,bgColor:"#92BE25"},oily:{color:a.white,bgColor:"#FFBA19"},junkfood:{color:a.white,bgColor:"#E86405"}}})},8587:(e,r,t)=>{function o(e,r){if(null==e)return{};var t={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(-1!==r.indexOf(o))continue;t[o]=e[o]}return t}t.d(r,{A:()=>o})},8880:e=>{e.exports=require("react")}},r={};function t(o){var n=r[o];if(void 0!==n)return n.exports;var i=r[o]={exports:{}};return e[o](i,i.exports,t),i.exports}t.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r},t.d=(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};t.r(o),t.d(o,{Loader:()=>x,default:()=>u});var n=t(8168),i=t(45),a=t(8880),l=t.n(a),p=t(168),c=t.n(p),s=t(8452),d=["color"],b=(l().createElement,c().div.withConfig({displayName:"Loader__Root",componentId:"sc-1wqni07-0"})(["position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;.lds-ring{position:relative;display:inline-block;width:50px;height:50px;}",";.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:40px;height:40px;margin:6px;border:4px solid ",";border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5,0,0.5,1) infinite;border-color:"," transparent transparent transparent;}"," "," "," .lds-ring div:nth-child(1){animation-delay:-0.45s;}.lds-ring div:nth-child(2){animation-delay:-0.3s;}.lds-ring div:nth-child(3){animation-delay:-0.15s;}@keyframes lds-ring{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}"],(function(e){return e.absolute&&"\n z-index: 300000;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate3d(-50%, -50%, 0);\n "}),(function(e){return e.color}),(function(e){return e.color}),(function(e){return"xsmall"===e.size&&"\n .lds-ring {\n width: 10px;\n height: 10px;\n margin-bottom: -1px;\n \n div {\n width: 8px;\n height: 8px;\n margin: 1px;\n border: 1px transparent solid;\n border-top-color: ".concat(e.color,";\n }\n }\n ")}),(function(e){return"small"===e.size&&"\n .lds-ring {\n width: 20px;\n height: 20px;\n margin-bottom: -1px;\n \n div {\n width: 16px;\n height: 16px;\n margin: 2px; \n border: 2px transparent solid;\n border-top-color: ".concat(e.color,";\n }\n }\n ")}),(function(e){return"medium"===e.size&&"\n .lds-ring {\n width: 30px;\n height: 30px;\n margin-bottom: -1px;\n \n div {\n width: 30px;\n height: 30px;\n margin: 4px; \n border: 3px transparent solid;\n border-top-color: ".concat(e.color,";\n }\n }\n ")}))),x=function(e){var r=e.color,t=void 0===r?s.axeptio.colors.primary:r,o=(0,i.A)(e,d);return l().createElement(b,(0,n.A)({color:t},o),l().createElement("div",{className:"lds-ring"},l().createElement("div",null),l().createElement("div",null),l().createElement("div",null),l().createElement("div",null)))};x.defaultProps={color:s.axeptio.colors.primary,size:"small",absolute:!1};const u=x;var g=exports;for(var v in o)g[v]=o[v];o.__esModule&&Object.defineProperty(g,"__esModule",{value:!0})})();