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