carbon-react/esm/components/profile/profile.style.js

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

import i from"styled-components";import{margin as e}from"styled-system";import{Portrait as o}from"../portrait/portrait.component.js";import t from"../../style/themes/apply-base-theme.js";import r from"./profile.config.js";import{Link as l}from"../link/link.component.js";import{StyledPortraitContainer as n}from"../portrait/portrait.style.js";const s=i.span.withConfig({displayName:"profile.style__ProfileNameStyle",componentId:"sc-19918261-0"})(["font-weight:500;font-size:",";"],(({size:i="M"})=>r[i].nameSize)),a=i(l).withConfig({displayName:"profile.style__ProfileEmailStyle",componentId:"sc-19918261-1"})(["a{font-size:",";color:",";}"],(({size:i="M"})=>r[i].emailSize),(({darkBackground:i})=>i&&"var(--colorsActionMajor350)")),p=i.span.withConfig({displayName:"profile.style__ProfileTextStyle",componentId:"sc-19918261-2"})(["font-size:",";"],(({size:i="M"})=>r[i].emailSize)),m=i.div.attrs(t).withConfig({displayName:"profile.style__ProfileStyle",componentId:"sc-19918261-3"})(["border-radius:inherit;color:",";background-color:",";display:flex;flex-direction:row;align-items:center;"," ","{flex-shrink:0;}"],(({darkBackground:i})=>i?"var(--colorsUtilityReadOnly600)":"var(--colorsUtilityYin090)"),(({darkBackground:i})=>i?"var(--colorsUtilityYin090)":"transparent"),e,n),f=i.div.withConfig({displayName:"profile.style__ProfileDetailsStyle",componentId:"sc-19918261-4"})(["display:flex;flex-direction:column;justify-content:center;line-height:",";margin-left:",";min-width:0;word-wrap:break-word;"],(({size:i="M"})=>r[i].lineHeight),(({size:i="M"})=>r[i].marginLeft)),c=i(o).withConfig({displayName:"profile.style__ProfileAvatarStyle",componentId:"sc-19918261-5"})(["display:inline-block;"]);export{c as ProfileAvatarStyle,f as ProfileDetailsStyle,a as ProfileEmailStyle,s as ProfileNameStyle,m as ProfileStyle,p as ProfileTextStyle};