UNPKG

@workday/canvas-kit-react

Version:

The parent module that contains all Workday Canvas Kit React components

15 lines (14 loc) 916 B
import React from 'react'; import { mergeStyles } from '@workday/canvas-kit-react/layout'; import { createComponent } from '@workday/canvas-kit-react/common'; import { calc, createStencil } from '@workday/canvas-kit-styling'; import { system } from '@workday/canvas-tokens-web'; export const baseTableHeadStencil = createStencil({ base: { name: "d5h45n", styles: "box-sizing:border-box;background-color:var(--cnvs-sys-color-bg-alt-softer);min-height:calc(var(--cnvs-sys-space-x16) - var(--cnvs-sys-space-x4));th {&:first-of-type{border-inline-start:none;}&:last-of-type{border-inline-end:none;}}" } }, "base-table-head-8f0b37"); export const BaseTableHead = createComponent('thead')({ displayName: 'Table.Head', Component: ({ children, ...elemProps }, ref, Element) => { return (React.createElement(Element, { ref: ref, ...mergeStyles(elemProps, baseTableHeadStencil()) }, children)); }, });