@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
37 lines • 1.79 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.OptionSublabelContainer = exports.OptionLabelHighlightedLabelWrapper = exports.OptionLabelIconWrapper = exports.OptionFirstRowWrapperStyled = exports.OptionStyled = exports.OptionDivStyled = void 0;
const styled_components_1 = __importDefault(require("styled-components"));
const getStyles_1 = require("../../utils/getStyles/getStyles");
exports.OptionDivStyled = styled_components_1.default.div ``;
exports.OptionStyled = styled_components_1.default.div.withConfig({
shouldForwardProp: () => true,
}) `
${props => (0, getStyles_1.getStyles)(props.$stateStyles?.container)}
${props => (0, getStyles_1.getTypographyStyles)(props.$stateStyles?.container)}
&:before {
content: '';
${props => (0, getStyles_1.getStyles)(props.$stateStyles?.containerBefore)}
}
:focus-visible {
border-radius: ${props => props.$stateStyles?.containerFocusVisible?.border_radius};
outline-offset: ${props => props.$stateStyles?.containerFocusVisible?.outline_offset};
}
`;
exports.OptionFirstRowWrapperStyled = styled_components_1.default.div `
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
`;
exports.OptionLabelIconWrapper = styled_components_1.default.div `
${props => (0, getStyles_1.getStyles)(props.stateStyles?.labelIconContainer)}
`;
exports.OptionLabelHighlightedLabelWrapper = styled_components_1.default.p ``;
exports.OptionSublabelContainer = styled_components_1.default.div `
${props => (0, getStyles_1.getStyles)(props.stateStyles?.sublabelContainer)}
`;
//# sourceMappingURL=option.styled.js.map