@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
18 lines (17 loc) • 1.46 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.BaseTableHeader = exports.baseTableHeaderStencil = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const common_1 = require("@workday/canvas-kit-react/common");
const layout_1 = require("@workday/canvas-kit-react/layout");
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
exports.baseTableHeaderStencil = (0, canvas_kit_styling_1.createStencil)({
base: { name: "3icqpx", styles: "box-sizing:border-box;background-color:var(--cnvs-sys-color-bg-default);border-block-end:0.0625rem solid var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0.3057 0.079 256.22 / 0.13)));justify-content:start;min-height:calc(var(--cnvs-sys-size-xxl, var(--cnvs-sys-space-x16, 4rem)) - var(--cnvs-base-size-100, 0.5rem));padding:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));word-break:break-word;font-weight:var(--cnvs-sys-font-weight-medium);color:var(--cnvs-sys-color-fg-strong);" }
}, "base-table-header-325ccb");
exports.BaseTableHeader = (0, common_1.createComponent)('th')({
displayName: 'Table.Header',
Component: ({ children, ...elemProps }, ref, Element) => {
return ((0, jsx_runtime_1.jsx)(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, (0, exports.baseTableHeaderStencil)()), children: children }));
},
});