UNPKG

@primer/react

Version:

An implementation of GitHub's Primer Design System using React

20 lines (14 loc) 1.22 kB
'use strict'; var styled = require('styled-components'); var constants = require('../../constants.js'); var sx = require('../../sx.js'); function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; } var styled__default = /*#__PURE__*/_interopDefault(styled); const listStyles = styled.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:", ";}}"], constants.get('colors.canvas.overlay'), constants.get('colors.selectMenu.tapFocusBg'), constants.get('colors.fg.default'), constants.get('colors.canvas.subtle'), constants.get('colors.fg.default'), constants.get('colors.canvas.subtle')); const SelectMenuList = styled__default.default.div.withConfig({ displayName: "SelectMenuList", componentId: "sc-lbozs8-0" })(["", " ", ";"], listStyles, sx.default); SelectMenuList.displayName = 'SelectMenu.List'; var SelectMenuList$1 = SelectMenuList; module.exports = SelectMenuList$1;