@kubit-ui-web/react-components
Version:
Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience
38 lines (37 loc) • 1.46 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.YearListStyled = exports.YearElementStyled = exports.YearSelectorStyled = void 0;
const styled_components_1 = __importDefault(require("styled-components"));
const getStyles_1 = require("../../../../utils/getStyles/getStyles");
const state_1 = require("./types/state");
exports.YearSelectorStyled = styled_components_1.default.ul `
position: relative;
padding: ${props => props.styles?.[state_1.YearSelectorStateType.DEFAULT]?.top_bottom_spacing};
top: 0;
left: 0;
width: 100%;
height: fit-content;
display: grid;
grid-template-columns: repeat(4, 1fr);
justify-content: space-between;
overflow: auto;
max-height: 18rem;
${({ styles }) => (0, getStyles_1.getStyles)(styles?.yearsList)};
`;
exports.YearElementStyled = styled_components_1.default.button ``;
exports.YearListStyled = styled_components_1.default.li `
text-align: center;
${({ styles, state }) => (0, getStyles_1.getStyles)(styles?.yearListItem?.[state])};
${exports.YearElementStyled} {
width: 100%;
display: inline-flex;
cursor: pointer;
justify-content: center;
align-items: center;
${({ styles, state }) => (0, getStyles_1.getStyles)(styles?.yearElement?.[state])};
}
`;
//# sourceMappingURL=yearSelector.styled.js.map