@react-pakistan/react-ui-collection
Version:
React UI Collection built upon React Storybook
23 lines (22 loc) • 2.81 kB
JavaScript
"use strict";
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.LiContainer = exports.StyledLi = exports.StyledUl = exports.StepperContainer = void 0;
var styled_components_1 = __importDefault(require("styled-components"));
exports.StepperContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: 0 auto;\n width: 100%;\n"], ["\n margin: 0 auto;\n width: 100%;\n"])));
exports.StyledUl = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n list-style: none;\n margin: 0;\n padding: 0;\n position: relative;\n\n &::after {\n border: 3px solid red;\n content: \"\";\n left: 0px;\n position: absolute;\n width: 100%;\n z-index: -1;\n }\n"], ["\n align-items: center;\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n list-style: none;\n margin: 0;\n padding: 0;\n position: relative;\n\n &::after {\n border: 3px solid red;\n content: \"\";\n left: 0px;\n position: absolute;\n width: 100%;\n z-index: -1;\n }\n"])));
exports.StyledLi = styled_components_1.default.li(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n border: 3px solid ", ";\n border-radius: 13px;\n display: flex;\n flex-flow: column nowrap;\n flex: 0 1 auto;\n height: 26px;\n justify-content: flex-start;\n width: 26px;\n"], ["\n align-items: center;\n background-color: ", ";\n border: 3px solid ", ";\n border-radius: 13px;\n display: flex;\n flex-flow: column nowrap;\n flex: 0 1 auto;\n height: 26px;\n justify-content: flex-start;\n width: 26px;\n"])), function (_a) {
var isActive = _a.isActive, stepBackgroundColor = _a.stepBackgroundColor, theme = _a.theme;
return (isActive ? stepBackgroundColor || theme.colors.cherryRed : theme.colors.lightGrey);
}, function (_a) {
var stepBackgroundColorBorder = _a.stepBackgroundColorBorder, theme = _a.theme;
return stepBackgroundColorBorder || theme.colors.white;
});
exports.LiContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n padding: 3em;\n"], ["\n padding: 3em;\n"])));
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;