@chayns-components/core
Version:
A set of beautiful React components for developing your own applications with chayns.
43 lines (40 loc) • 1.66 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.StyledFileItemRemoveButton = exports.StyledFileItemKeyboardWrapper = exports.StyledFileItemIcon = exports.StyledFileItemActions = exports.StyledFileItem = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _keyboardFocusHighlighting = require("../../../utils/keyboardFocusHighlighting.styles");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const StyledFileItem = exports.StyledFileItem = _styledComponents.default.div``;
const StyledFileItemIcon = exports.StyledFileItemIcon = _styledComponents.default.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;
${_keyboardFocusHighlighting.keyboardFocusHighlightingCircleRingCss};
}
`;
const StyledFileItemKeyboardWrapper = exports.StyledFileItemKeyboardWrapper = _styledComponents.default.div`
&:focus-visible {
${_keyboardFocusHighlighting.keyboardFocusHighlightingRingCss}
}
`;
const StyledFileItemActions = exports.StyledFileItemActions = _styledComponents.default.span`
display: flex;
gap: 8px;
align-items: center;
`;
const StyledFileItemRemoveButton = exports.StyledFileItemRemoveButton = _styledComponents.default.span`
display: inline-flex;
&:focus-visible {
${_keyboardFocusHighlighting.keyboardFocusHighlightingRingCss}
}
`;
//# sourceMappingURL=FileItem.styles.js.map