@coveord/plasma-mantine/dist/cjs/components/Badge/Badge.js

A Plasma flavoured Mantine theme

"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "Badge", {
    enumerable: true,
    get: function() {
        return Badge;
    }
});
var _object_spread = require("@swc/helpers/_/_object_spread");
var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
var _jsxruntime = require("react/jsx-runtime");
var _core = require("@mantine/core");
var _react = require("react");
var enhanceBadge = function enhanceBadge(ComponentLight, ComponentDark, displayName) {
    var EnhancedBadge = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
        var computedColorScheme = (0, _core.useComputedColorScheme)('light', {
            getInitialValueInEffect: true
        });
        var Component = (props.on || computedColorScheme) === 'dark' ? ComponentDark : ComponentLight;
        return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, _object_spread_props._(_object_spread._({
            ref: ref
        }, props), {
            py: 2,
            px: 12,
            size: props.size === 'large' ? 'lg' : 'md',
            h: props.size === 'large' ? 22 : 20
        }));
    });
    EnhancedBadge.displayName = displayName;
    return EnhancedBadge;
};
var BadgePrimary = enhanceBadge(_core.Badge.withProps({
    variant: 'light',
    bd: '1px solid var(--badge-bg)',
    c: 'var(--mantine-primary-color-6)'
}), _core.Badge.withProps({
    variant: 'light',
    bd: "1px solid ".concat((0, _core.alpha)('var(--mantine-primary-color-3)', 0.32)),
    c: 'var(--mantine-primary-color-2)',
    bg: (0, _core.alpha)('var(--mantine-primary-color-3)', 0.32)
}), 'Badge.Primary');
var BadgeSecondary = enhanceBadge(_core.Badge.withProps({
    variant: 'light',
    color: 'gray',
    bd: '1px solid var(--badge-bg)',
    c: 'gray.7'
}), _core.Badge.withProps({
    variant: 'light',
    color: 'gray',
    c: 'var(--mantine-color-white)',
    bd: "1px solid ".concat((0, _core.alpha)('var(--mantine-color-gray-3)', 0.16)),
    bg: (0, _core.alpha)('var(--mantine-color-gray-3)', 0.16)
}), 'Badge.Secondary');
var BadgeSuccess = enhanceBadge(_core.Badge.withProps({
    variant: 'light',
    color: 'green',
    bd: '1px solid var(--badge-bg)',
    c: 'green.6'
}), _core.Badge.withProps({
    variant: 'light',
    color: 'green',
    c: 'green.2',
    bd: "1px solid ".concat((0, _core.alpha)('var(--mantine-color-green-3)', 0.16)),
    bg: (0, _core.alpha)('var(--mantine-color-green-3)', 0.16)
}), 'Badge.Success');
var BadgeCritical = enhanceBadge(_core.Badge.withProps({
    variant: 'light',
    color: 'critical',
    bd: '1px solid var(--badge-bg)',
    c: 'red.6'
}), _core.Badge.withProps({
    variant: 'light',
    color: 'critical',
    c: 'red.2',
    bd: "1px solid ".concat((0, _core.alpha)('var(--mantine-color-red-3)', 0.16)),
    bg: (0, _core.alpha)('var(--mantine-color-red-3)', 0.16)
}), 'Badge.Critical');
var BadgeWarning = enhanceBadge(_core.Badge.withProps({
    variant: 'light',
    color: 'warning',
    bd: '1px solid var(--badge-bg)',
    c: 'yellow.6'
}), _core.Badge.withProps({
    variant: 'light',
    color: 'warning',
    c: 'yellow.2',
    bd: "1px solid ".concat((0, _core.alpha)('var(--mantine-color-yellow-3)', 0.16)),
    bg: (0, _core.alpha)('var(--mantine-color-yellow-3)', 0.16)
}), 'Badge.Warning');
var BadgeDisabled = enhanceBadge(_core.Badge.withProps({
    variant: 'light',
    color: 'gray',
    c: 'var(--coveo-color-text-disabled)',
    bg: 'var(--coveo-color-bg-disabled)'
}), _core.Badge.withProps({
    variant: 'light',
    color: 'gray',
    c: 'dark.3',
    bg: (0, _core.alpha)('var(--mantine-color-gray-3)', 0.16)
}), 'Badge.Disabled');
var Badge = (0, _core.polymorphicFactory)(function(props, ref) {
    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Badge, _object_spread._({
        ref: ref
    }, props));
});
Badge.Primary = BadgePrimary;
Badge.Secondary = BadgeSecondary;
Badge.Success = BadgeSuccess;
Badge.Critical = BadgeCritical;
Badge.Warning = BadgeWarning;
Badge.Disabled = BadgeDisabled;

//# sourceMappingURL=Badge.js.map