@smart-react-components/ui
Version:
SRC UI includes React and Styled components.
32 lines (30 loc) • 1.31 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const Ul_1 = __importDefault(require("@smart-react-components/core/Element/Ul"));
const styled_components_1 = __importDefault(require("styled-components"));
exports.default = (0, styled_components_1.default)(Ul_1.default)(({ theme, isOutline, isSoft, palette, shape }) => {
var _a, _b, _c, _d, _e;
return `
align-items: center;
border-radius: ${theme.$.radius.breadcrumb[shape]};
display: flex;
font-family: ${theme.$.fontFamily.breadcrumb};
font-size: ${theme.$.fontSize.breadcrumb};
list-style: none;
padding: 1px;
${!isOutline
? `
${!isSoft
? `
background: ${(_b = (_a = theme.$.palette[palette].breadcrumb) === null || _a === void 0 ? void 0 : _a.background) !== null && _b !== void 0 ? _b : theme.$.palette[palette].main};
`
: `
background: ${(_e = (_d = (_c = theme.$.palette[palette].breadcrumb) === null || _c === void 0 ? void 0 : _c.soft) === null || _d === void 0 ? void 0 : _d.background) !== null && _e !== void 0 ? _e : theme.$.palette[palette].soft};
`}
`
: ''}
`;
});