@primer/components
Version:
Primer react components
10 lines • 907 B
JavaScript
import styled, { css } from 'styled-components';
import { get } from '../constants';
import sx from '../sx';
const listStyles = css(["position:relative;padding:0;margin:0;flex:auto;overflow-x:hidden;overflow-y:auto;background-color:", ";-webkit-overflow-scrolling:touch;@media (hover:hover){.SelectMenuTab:focus{background-color:", ";}.SelectMenuTab:not([aria-checked='true']):hover{color:", ";background-color:", ";}.SelectMenuTab:not([aria-checked='true']):active{color:", ";background-color:", ";}}"], get('colors.canvas.overlay'), get('colors.selectMenu.tapFocusBg'), get('colors.fg.default'), get('colors.canvas.subtle'), get('colors.fg.default'), get('colors.canvas.subtle'));
const SelectMenuList = styled.div.withConfig({
displayName: "SelectMenuList",
componentId: "sc-1opbpf6-0"
})(["", " ", ";"], listStyles, sx);
SelectMenuList.displayName = 'SelectMenu.List';
export default SelectMenuList;