@chayns-components/core
Version:
A set of beautiful React components for developing your own applications with chayns.
36 lines (34 loc) • 1.03 kB
JavaScript
import styled from 'styled-components';
import { keyboardFocusHighlightingCircleRingCss, keyboardFocusHighlightingRingCss } from '../../../utils/keyboardFocusHighlighting.styles';
export const StyledFileItem = styled.div``;
export const StyledFileItemIcon = styled.div`
align-items: center;
cursor: pointer;
display: flex;
background-color: transparent;
border-radius: 3px;
padding: 6px;
transition: background-color 0.3s ease;
&:focus-visible {
outline: none;
color: inherit;
${keyboardFocusHighlightingCircleRingCss};
}
`;
export const StyledFileItemKeyboardWrapper = styled.div`
&:focus-visible {
${keyboardFocusHighlightingRingCss}
}
`;
export const StyledFileItemActions = styled.span`
display: flex;
gap: 8px;
align-items: center;
`;
export const StyledFileItemRemoveButton = styled.span`
display: inline-flex;
&:focus-visible {
${keyboardFocusHighlightingRingCss}
}
`;
//# sourceMappingURL=FileItem.styles.js.map