@navinc/base-react-components
Version:
Nav's Pattern Library
23 lines • 973 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import styled from 'styled-components';
import { getFromSize } from './copy.js';
import isRebrand from './is-rebrand.js';
export const ListItem = styled.li.withConfig({ displayName: "brc-sc-ListItem", componentId: "brc-sc-wz1lao" }) `
color: ${({ light, theme }) => {
if (isRebrand(theme))
return light ? theme.navNeutral400 : theme.navNeutralDark;
return light ? theme.neutral400 : theme.neutral500;
}};
font-family: ${({ theme }) => theme.fontPrimary}
font-size: ${getFromSize('fontSize')};
font-weight: ${({ bold, theme }) => {
if (isRebrand(theme))
return bold ? 800 : 400;
return bold ? 'bold' : 'normal';
}};
line-height: ${getFromSize('lineHeight')};
`;
ListItem.displayName = 'ListItem';
export const UnorderedList = (props) => _jsx("ul", Object.assign({}, props));
export const OrderedList = (props) => _jsx("ol", Object.assign({}, props));
//# sourceMappingURL=list.js.map