@axeptio/design-system/build/src/Core/Typography/KPI/index.js

Design System for Axeptio

(()=>{"use strict";var e={n:t=>{var n=t&&t.__esModule?()=>t.default:()=>t;return e.d(n,{a:n}),n},d:(t,n)=>{for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{default:()=>i});const n=require("react");var r=e.n(n);const o=require("styled-components");var a=e.n(o),l=(r().createElement,a().div.withConfig({displayName:"KPI__Root",componentId:"sc-6k2jby-0"})(["display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;background:",";.value{display:block;font-family:",";font-size:clamp(50px,4vw,70px);font-weight:700;line-height:1;color:#fff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(140deg,#fac6a1,#a9ddd7 58%,#afc2e7 76%);}.label{font-size:17px;line-height:1;text-align:left;color:",";}"],(function(e){return e.theme.colors.secondary}),(function(e){return e.theme.fonts.title}),(function(e){return e.theme.colors.grey.v400})));const i=function(e){var t=e.value,n=e.label;return r().createElement(l,null,r().createElement("span",{className:"value"},t),r().createElement("span",{className:"label"},n))};var c=exports;for(var d in t)c[d]=t[d];t.__esModule&&Object.defineProperty(c,"__esModule",{value:!0})})();