@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
25 lines (24 loc) • 1.96 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import * as React from 'react';
import { accessibleHide, 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';
import { useLiveRegion } from './common/useLiveRegion';
import { PaginationContext } from './usePaginationModel';
export const paginationAdditionalDetailsStencil = createStencil({
base: { name: "23xma5", styles: "box-sizing:border-box;display:flex;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-medium);font-size:var(--cnvs-sys-font-size-subtext-medium);letter-spacing:var(--cnvs-base-letter-spacing-100);color:var(--cnvs-sys-color-text-hint);margin-block-start:var(--cnvs-sys-space-x3);" },
modifiers: {
shouldHideDetails: {
true: { name: "3w2eaj", styles: "clip:rect(1px, 1px, 1px, 1px);clip-path:polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);position:absolute;overflow:hidden;white-space:nowrap;height:1px;min-height:1px;width:1px;min-width:1px;margin:-1px;padding:0;border:0;margin-block-start:var(--cnvs-sys-space-zero);" }
}
}
}, "pagination-additional-details-33f115");
export const AdditionalDetails = createComponent('div')({
displayName: 'Pagination.AdditionalDetails',
Component({ children, shouldAnnounceToScreenReader, ...elemProps }, ref, Element) {
const model = React.useContext(PaginationContext);
const liveRegionProps = useLiveRegion({ shouldAnnounceToScreenReader });
return (_jsx(Element, { ref: ref, ...mergeStyles({ ...liveRegionProps, ...elemProps }, paginationAdditionalDetailsStencil({ shouldHideDetails: elemProps.shouldHideDetails })), children: typeof children === 'function' ? children(model) : children }));
},
});