carbon-react/lib/components/preview/preview.style.js

A library of reusable React components for easily building user interfaces.

"use strict";var e=require("styled-components"),i=require("styled-system"),r=require("../../style/themes/apply-base-theme.js");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e);const s=a.default.div.attrs(r.default).withConfig({displayName:"preview.style__StyledPreview",componentId:"sc-a74c6505-0"})(["",""],i.margin),n=e.keyframes(["0%{opacity:0.1;}70%{opacity:1;}100%{opacity:0.1;}"]);function c(e){return e.includes("rectangle")?"var(--sizing400)":"circle"===e?"var(--sizing700)":"var(--sizing175)"}function l(e){return e.includes("rectangle")?"var(--sizing1500)":"100%"}const o=a.default.span.withConfig({displayName:"preview.style__StyledPreviewPlaceholder",componentId:"sc-a74c6505-1"})(["",""],(({shape:i,disableAnimation:r,isLastLine:t,height:a,width:s})=>e.css(["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)"}}(i),a||c(i),s||l(i),n,t&&"text"===i&&e.css(["width:calc(","*0.8);"],s||l(i)),"circle"===i&&e.css(["width:",";"],a||c(i)),r&&e.css(["animation:none;"]))));exports.StyledPreview=s,exports.StyledPreviewPlaceholder=o;