@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
24 lines (23 loc) • 1.29 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { createComponent } from '@workday/canvas-kit-react/common';
import { createStencil } from '@workday/canvas-kit-styling';
import { mergeStyles } from '@workday/canvas-kit-react/layout';
import { system } from '@workday/canvas-tokens-web';
export const paginationListStencil = createStencil({
base: { name: "370s36", styles: "box-sizing:border-box;display:flex;margin-block:var(--cnvs-sys-space-zero);margin-inline:var(--cnvs-sys-space-zero);padding:var(--cnvs-sys-space-zero);list-style:none;" }
}, "pagination-list-95ee94");
export const List = createComponent('ul')({
displayName: 'List',
Component: ({ children, ...elemProps }, ref, Element) => {
return (_jsx(Element, { ref: ref, ...mergeStyles(elemProps, paginationListStencil()), children: children }));
},
});
export const paginationListItemStencil = createStencil({
base: { name: "nfkpm", styles: "box-sizing:border-box;display:flex;" }
}, "pagination-list-item-657bcc");
export const ListItem = createComponent('li')({
displayName: 'ListItem',
Component: ({ children, ...elemProps }, ref, Element) => {
return (_jsx(Element, { ref: ref, ...mergeStyles(elemProps, paginationListItemStencil()), children: children }));
},
});