carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.28 kB
JavaScript
import e,{keyframes as i,css as t}from"styled-components";import{margin as r}from"styled-system";import a from"../../style/themes/apply-base-theme.js";const n=e.div.attrs(a).withConfig({displayName:"preview.style__StyledPreview",componentId:"sc-a74c6505-0"})(["",""],r),o=i(["0%{opacity:0.1;}70%{opacity:1;}100%{opacity:0.1;}"]);function s(e){return e.includes("rectangle")?"var(--sizing400)":"circle"===e?"var(--sizing700)":"var(--sizing175)"}function c(e){return e.includes("rectangle")?"var(--sizing1500)":"100%"}const d=e.span.withConfig({displayName:"preview.style__StyledPreviewPlaceholder",componentId:"sc-a74c6505-1"})(["",""],(({shape:e,disableAnimation:i,isLastLine:r,height:a,width:n})=>t(["display:block;background:linear-gradient( 135deg,var(--colorsUtilityMajor100),var(--colorsUtilityMajor040) );border-radius:",";height:",";width:",";animation:"," 2s ease infinite;"," "," "," & + &{margin-top:6px;}"],function(e){switch(e){case"rectangle-round":return"var(--borderRadius400)";case"circle":return"var(--borderRadiusCircle)";default:return"var(--borderRadius100)"}}(e),a||s(e),n||c(e),o,r&&"text"===e&&t(["width:calc(","*0.8);"],n||c(e)),"circle"===e&&t(["width:",";"],a||s(e)),i&&t(["animation:none;"]))));export{n as StyledPreview,d as StyledPreviewPlaceholder};