carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.16 kB
JavaScript
import t,{css as e}from"styled-components";import i from"../../style/themes/apply-base-theme.js";import o from"../../style/utils/visually-hidden.js";const a=t.div.withConfig({displayName:"character-count.style__StyledCharacterCountWrapper",componentId:"sc-f39231b-0"})([""]),n=t.div.attrs(i).withConfig({displayName:"character-count.style__StyledCharacterCount",componentId:"sc-f39231b-1"})(["text-align:left;font-size:var(--fontSizes100);margin-top:var(--spacing050);margin-bottom:var(--spacing050);color:",";"," ",""],(({isOverLimit:t})=>t?"var(--colorsSemanticNegative500)":"var(--colorsUtilityYin055)"),(({isLarge:t})=>t&&e(["font-size:var(--fontSizes200);"])),(({isOverLimit:t})=>t&&e(["font-weight:var(--fontWeights500);"]))),r=t.div.withConfig({displayName:"character-count.style__VisuallyHiddenCharacterCount",componentId:"sc-f39231b-2"})(['::after{content:" ";}',""],o),s=t.div.withConfig({displayName:"character-count.style__VisuallyHiddenHint",componentId:"sc-f39231b-3"})(['::before{content:" ";}::after{content:" ";}',""],o);export{n as StyledCharacterCount,a as StyledCharacterCountWrapper,r as VisuallyHiddenCharacterCount,s as VisuallyHiddenHint};