@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
35 lines • 1.68 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.IconContainerStyled = exports.PillLabelStyled = exports.PillInputStyled = exports.PillStyled = exports.LabelContainerStyled = exports.ParentContainerStyled = void 0;
const styled_components_1 = __importDefault(require("styled-components"));
const getStyles_1 = require("../../utils/getStyles/getStyles");
// mixin
const focusAlt_mixin_1 = require("../../styles/mixins/focusAlt.mixin");
exports.ParentContainerStyled = styled_components_1.default.div `
${props => (0, getStyles_1.getStyles)(props.styles?.parentContainer)}
`;
exports.LabelContainerStyled = styled_components_1.default.div `
${props => (0, getStyles_1.getStyles)(props.styles?.labelContainer)}
`;
exports.PillStyled = styled_components_1.default.div `
${props => (0, getStyles_1.getStyles)(props.styles?.container)}
&:focus-visible {
z-index: ${props => props.styles?.container_focus?.z_index};
}
${props => props.styles?.altVariant && (0, focusAlt_mixin_1.focusVisibleAlt)()}
`;
exports.PillInputStyled = styled_components_1.default.input `
${props => (0, getStyles_1.getStyles)(props.styles?.input)}
`;
exports.PillLabelStyled = styled_components_1.default.label `
display: flex;
align-items: center;
${props => (0, getStyles_1.getTypographyStyles)(props.styles?.label)}
`;
exports.IconContainerStyled = styled_components_1.default.div `
${props => (0, getStyles_1.getStyles)(props.styles?.decorativeIconContainer)}
`;
//# sourceMappingURL=pill.styled.js.map