@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
29 lines (28 loc) • 1.42 kB
JavaScript
Object.defineProperty(exports, "__esModule", { value: true });
exports.formFieldStencil = void 0;
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
exports.formFieldStencil = (0, canvas_kit_styling_1.createStencil)({
base: { name: "ojxa4n", styles: "box-sizing:border-box;display:flex;border:none;padding:var(--cnvs-sys-space-zero);margin:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x6);" },
modifiers: {
grow: {
true: { name: "ojxa4o", styles: "width:100%;[data-width=\"ck-formfield-width\"]{width:100%;}&:has(div[data-width=\"ck-formfield-width\"]){width:100%;}" }
},
orientation: {
horizontalStart: { name: "ojxa4p", styles: "flex-direction:row;gap:var(--cnvs-sys-space-x8);" },
horizontalEnd: { name: "ojxa4q", styles: "flex-direction:row;gap:var(--cnvs-sys-space-x8);" },
vertical: { name: "ojxa4r", styles: "flex-direction:column;gap:var(--cnvs-sys-space-x1);align-items:flex-start;" }
},
required: {
true: { name: "ojxa4s", styles: "" }
},
error: {
error: { name: "ojxa4t", styles: "" },
alert: { name: "ojxa4u", styles: "" }
}
},
defaultModifiers: {
orientation: 'vertical',
}
}, "form-field-db05c5");
;