@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
27 lines (26 loc) • 1.97 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.CheckBackground = exports.checkboxBackgroundStencil = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const common_1 = require("@workday/canvas-kit-react/common");
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
exports.checkboxBackgroundStencil = (0, canvas_kit_styling_1.createStencil)({
vars: {
errorRingColorInner: '',
errorRingColorOuter: '',
},
base: { name: "2r7eqj", styles: "box-sizing:border-box;align-items:center;background-color:var(--cnvs-sys-color-bg-default);border-radius:var(--cnvs-sys-shape-half);display:flex;height:calc(var(--cnvs-sys-space-x4) + 0.125rem);justify-content:center;padding:var(--cnvs-sys-space-zero) calc(var(--cnvs-sys-space-x1) / 2);pointer-events:none;position:absolute;transition:border 200ms ease, background 200ms;width:calc(var(--cnvs-sys-space-x4) + 0.125rem);border:0.0625rem solid var(--cnvs-sys-color-border-input-default);" },
modifiers: {
error: {
error: { name: "3o0hgu", styles: "--errorRingColorInner-checkbox-background-8c450a:var(--cnvs-brand-common-error-inner);--errorRingColorOuter-checkbox-background-8c450a:transparent;background-color:var(--cnvs-brand-error-lightest);" },
caution: { name: "46xev4", styles: "--errorRingColorInner-checkbox-background-8c450a:var(--cnvs-brand-common-alert-inner);--errorRingColorOuter-checkbox-background-8c450a:var(--cnvs-brand-common-alert-outer);background-color:var(--cnvs-brand-alert-lightest);" }
}
}
}, "checkbox-background-8c450a");
exports.CheckBackground = (0, common_1.createComponent)('div')({
displayName: 'CheckBackground',
Component: ({ error, children }) => {
return (0, jsx_runtime_1.jsx)("div", { ...(0, exports.checkboxBackgroundStencil)({ error }), children: children });
},
});