@procore/core-react
Version:
React library of Procore Design Guidelines
19 lines • 1.07 kB
JavaScript
import styled from 'styled-components';
import { getTypographyIntent, typographyWeights } from '../Typography/Typography.styles';
import { spacing } from '../_styles/spacing';
export var optionMinHeight = 32;
/** Large enough to fit one group and one item */
export var defaultMenuHeight = 64;
export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
displayName: "StyledOptions",
componentId: "core-12_44_0__sc-3o6zya-0"
})([""]);
export var StyledItem = /*#__PURE__*/styled.div.withConfig({
displayName: "StyledItem",
componentId: "core-12_44_0__sc-3o6zya-1"
})(["", ";padding:", "px ", "px;cursor:pointer;list-style-type:none;"], getTypographyIntent('body'), spacing.xs, spacing.md);
export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
displayName: "StyledGroup",
componentId: "core-12_44_0__sc-3o6zya-2"
})(["", ";padding:", "px ", "px ", "px;font-weight:", ";background:white;list-style-type:none;"], getTypographyIntent('body'), spacing.md, spacing.md, spacing.xs, typographyWeights.semibold);
//# sourceMappingURL=NextMenu.styles.js.map