@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 1.17 kB
JavaScript
import{getInteractionStateStyles as a}from"../../../WebCore/styleblocks/interactionStates.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import{createShimGradient as o}from"../../../WebCore/ExpandableTypographyClamp/helpers/shimUtils.js";const e=(e,r,t)=>{const n=t?.selected?e.custom.palette.blue[0]:r;return{transition:"all 150ms ease","& .ExpandableTypography__show-more-container":{"& .ExpandableTypography__show-more-button":{backgroundColor:a(e,"initial",n||"transparent"),boxShadow:o(a(e,"initial",n||"transparent"))}},...t?.hover&&{"&:hover":{"& .TestKPICard__Menu":{opacity:1,transform:"scale(1)"},"& .ExpandableTypography__show-more-container":{"& .ExpandableTypography__show-more-button":{transition:"all 150ms ease",backgroundColor:a(e,"hover",n||"transparent","4%"),boxShadow:o(a(e,"hover",n||"transparent","4%"))}}}},...t?.active&&{"&:active":{"& .ExpandableTypography__show-more-container":{"& .ExpandableTypography__show-more-button":{transition:"all 150ms ease",backgroundColor:a(e,"active",n||"transparent","8%"),boxShadow:o(a(e,"active",n||"transparent","8%"))}}}}}};export{e as addedStylesForExpandedableButton};