UNPKG

@workday/canvas-kit-react

Version:

The parent module that contains all Workday Canvas Kit React components

14 lines (13 loc) 937 B
import { jsx as _jsx } from "react/jsx-runtime"; import { createComponent } from '@workday/canvas-kit-react/common'; import { createStencil, handleCsProp, px2rem } from '@workday/canvas-kit-styling'; import { system } from '@workday/canvas-tokens-web'; export const menuDividerStencil = createStencil({ base: { name: "24fbrx", styles: "box-sizing:border-box;display:block;height:0.0625rem;border:none;border-block-start:0.0625rem solid var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0.3057 0.079 256.22 / 0.13)));margin:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));" } }, "menu-divider-1b4688"); export const MenuDivider = createComponent('hr')({ displayName: 'Menu.Divider', Component({ ...elemProps }, ref, Element) { return _jsx(Element, { ref: ref, ...handleCsProp(elemProps, menuDividerStencil()) }); }, });