@activecollab/components
Version:
ActiveCollab Components
8 lines • 1.69 kB
JavaScript
import styled, { css, keyframes } from "styled-components";
import { BoxSizingStyle } from "../../BoxSizingStyle";
const rotateAnimation = keyframes(["from{transform:rotate(0deg);}to{transform:rotate(359deg);}"]);
export const StyledSpinnerLoader = styled.div.withConfig({
displayName: "Styles__StyledSpinnerLoader",
componentId: "sc-1ht53g9-0"
})(["", " border-radius:100%;flex-shrink:0;", " ", " ", " ", ""], BoxSizingStyle, props => css(["width:", "px;height:", "px;animation:", " ", "s infinite linear;"], props.$diameter, props.$diameter, rotateAnimation, props.$rotateDurationInSeconds), props => props.$activeColorPercentage === "25%" && css(["border-right:", "px solid ", ";border-bottom:", "px solid ", ";border-left:", "px solid ", ";border-top:", "px solid ", ";"], props.$stroke, props.$inactiveStrokeColor, props.$stroke, props.$inactiveStrokeColor, props.$stroke, props.$inactiveStrokeColor, props.$stroke, props.$activeStrokeColor), props => props.$activeColorPercentage === "50%" && css(["border-right:", "px solid ", ";border-bottom:", "px solid ", ";border-left:", "px solid ", ";border-top:", "px solid ", ";"], props.$stroke, props.$activeStrokeColor, props.$stroke, props.$inactiveStrokeColor, props.$stroke, props.$inactiveStrokeColor, props.$stroke, props.$activeStrokeColor), props => props.$activeColorPercentage === "75%" && css(["border-right:", "px solid ", ";border-bottom:", "px solid ", ";border-left:", "px solid ", ";border-top:", "px solid ", ";"], props.$stroke, props.$activeStrokeColor, props.$stroke, props.$activeStrokeColor, props.$stroke, props.$inactiveStrokeColor, props.$stroke, props.$activeStrokeColor));
//# sourceMappingURL=Styles.js.map