@navinc/base-react-components/cjs/list.js

Nav's Pattern Library

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.OrderedList = exports.UnorderedList = exports.ListItem = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const styled_components_1 = __importDefault(require("styled-components"));
const copy_js_1 = require("./copy.js");
const is_rebrand_js_1 = __importDefault(require("./is-rebrand.js"));
exports.ListItem = styled_components_1.default.li.withConfig({ displayName: "brc-sc-ListItem", componentId: "brc-sc-wz1lao" }) `
  color: ${({ light, theme }) => {
    if ((0, is_rebrand_js_1.default)(theme))
        return light ? theme.navNeutral400 : theme.navNeutralDark;
    return light ? theme.neutral400 : theme.neutral500;
}};
  font-family: ${({ theme }) => theme.fontPrimary}
  font-size: ${(0, copy_js_1.getFromSize)('fontSize')};
  font-weight: ${({ bold, theme }) => {
    if ((0, is_rebrand_js_1.default)(theme))
        return bold ? 800 : 400;
    return bold ? 'bold' : 'normal';
}};
  line-height: ${(0, copy_js_1.getFromSize)('lineHeight')};
`;
exports.ListItem.displayName = 'ListItem';
const UnorderedList = (props) => (0, jsx_runtime_1.jsx)("ul", Object.assign({}, props));
exports.UnorderedList = UnorderedList;
const OrderedList = (props) => (0, jsx_runtime_1.jsx)("ol", Object.assign({}, props));
exports.OrderedList = OrderedList;
//# sourceMappingURL=list.js.map