@workday/canvas-kit-react 7.0.0-alpha.0-next.5 → 7.0.0-alpha.78-next.6

package/ts3.5/dist/commonjs/layout/lib/utils/border.d.ts

@@ -0,0 +1,103 @@
+import { CanvasBorderRadiusKeys, CanvasColor } from '@workday/canvas-kit-react/tokens';
+import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
+import { PropertyBorder } from './types';
+/** style props to set the border properties */
+export declare type BorderShorthandStyleProps = {
+    /** sets `border` property */
+    border?: string;
+    /** sets `border-top` property */
+    borderTop?: string;
+    /** sets `border-right` property (no bidirectional support) */
+    borderRight?: string;
+    /** sets `border-bottom` property */
+    borderBottom?: string;
+    /** sets `border-left` property (no bidirectional support) */
+    borderLeft?: string;
+};
+/** style props to set the border color properties */
+export declare type BorderColorStyleProps = {
+    /** sets `border-color` property */
+    borderColor?: CanvasColor | (string & {});
+    /** sets `border-top-color` property */
+    borderTopColor?: CanvasColor | (string & {});
+    /** sets `border-right-color` property (no bidirectional support) */
+    borderRightColor?: CanvasColor | (string & {});
+    /** sets `border-bottom-color` property */
+    borderBottomColor?: CanvasColor | (string & {});
+    /** sets `border-left-color` property (no bidirectional support) */
+    borderLeftColor?: CanvasColor | (string & {});
+};
+/** style props to set the border radius properties */
+export declare type BorderRadiusStyleProps = {
+    /** sets `border-radius` property */
+    borderRadius?: CanvasBorderRadiusKeys | number | (string & {});
+    /** sets `border-top-left-radius` property */
+    borderTopLeftRadius?: CanvasBorderRadiusKeys | number | (string & {});
+    /** sets `border-top-right-radius` property */
+    borderTopRightRadius?: CanvasBorderRadiusKeys | number | (string & {});
+    /** sets `border-bottom-left-radius` property */
+    borderBottomLeftRadius?: CanvasBorderRadiusKeys | number | (string & {});
+    /** sets `border-bottom-right-radius` property */
+    borderBottomRightRadius?: CanvasBorderRadiusKeys | number | (string & {});
+};
+/** style props to set the border style properties */
+export declare type BorderLineStyleProps = {
+    /** sets `border-style` property */
+    borderStyle?: PropertyBorder;
+    /** sets `border-top-style` property */
+    borderTopStyle?: PropertyBorder;
+    /** sets `border-right-style` property (no bidirectional support) */
+    borderRightStyle?: PropertyBorder;
+    /** sets `border-bottom-style` property */
+    borderBottomStyle?: PropertyBorder;
+    /** sets `border-left-style` property (no bidirectional support) */
+    borderLeftStyle?: PropertyBorder;
+};
+/** style props to set the border width properties */
+export declare type BorderWidthStyleProps = {
+    /** sets `border-width` property */
+    borderWidth?: string | number;
+    /** sets `border-top-width` property */
+    borderTopWidth?: string | number;
+    /** sets `border-right-width` property (no bidirectional support) */
+    borderRightWidth?: string | number;
+    /** sets `border-bottom-width` property */
+    borderBottomWidth?: string | number;
+    /** sets `border-left-width` property (no bidirectional support) */
+    borderLeftWidth?: string | number;
+};
+export declare type BorderLogicalStyleProps = {
+    /** sets `border-left` property (bidirectional support) */
+    borderInlineStart?: string;
+    /** sets `border-left-color` property (bidirectional support) */
+    borderInlineStartColor?: CanvasColor | (string & {});
+    /** sets `border-left-style` property (bidirectional support) */
+    borderInlineStartStyle?: PropertyBorder;
+    /** sets `border-left-width` property (bidirectional support) */
+    borderInlineStartWidth?: string | number;
+    /** sets `border-right` property (bidirectional support) */
+    borderInlineEnd?: string;
+    /** sets `border-right-color` property (bidirectional support) */
+    borderInlineEndColor?: CanvasColor | (string & {});
+    /** sets `border-right-style` property (bidirectional support) */
+    borderInlineEndStyle?: PropertyBorder;
+    /** sets `border-right-width` property (bidirectional support) */
+    borderInlineEndWidth?: string | number;
+};
+/** a collection style props for border properties */
+export declare type BorderStyleProps = BorderShorthandStyleProps & BorderColorStyleProps & BorderRadiusStyleProps & BorderLineStyleProps & BorderWidthStyleProps & BorderLogicalStyleProps;
+/**
+ * A style prop function that takes components props and returns border styles. Some props, such as borderRadius and borderColor, are connected to our design tokens.
+ * If no `BorderStyleProps` are found, it returns an empty object.
+ *
+ * @example
+ * // You'll most likely use `border` with low-level, styled components
+ * const BoxExample = () => (
+ *   <Box border={`solid 1px #333333 ${colors.blackPepper400}`}>Hello, border styles!</Box>
+ * );
+ *
+ */
+export declare function border<P extends BorderStyleProps & {
+    theme?: PartialEmotionCanvasTheme;
+}>(props: P): {};
+//# sourceMappingURL=border.d.ts.map

package/ts3.5/dist/commonjs/layout/lib/utils/color.d.ts

@@ -0,0 +1,26 @@
+import { colors as colorTokens, CanvasColor } from '@workday/canvas-kit-react/tokens';
+export declare type ColorTokens = typeof colorTokens;
+/** style props to for color properties */
+export declare type ColorStyleProps = {
+    /** sets `background` property */
+    background?: CanvasColor | (string & {});
+    /** sets `background-color` property */
+    backgroundColor?: CanvasColor | (string & {});
+    /** sets `background-image` property */
+    backgroundImage?: string;
+    /** sets `color` property */
+    color?: CanvasColor | (string & {});
+};
+/**
+ * A style prop function that takes components props and returns color styles from canvas token values.
+ * If no `ColorStyleProps` are found, it returns an empty object.
+ *
+ * @example
+ * // You'll most likely use `color` with low-level, styled components
+ * const BoxExample = () => (
+ *   <Box backgroundColor="blueberry500" color="frenchVanilla100">Hello, colors!</Box>
+ * );
+ *
+ */
+export declare function color<P extends ColorStyleProps>(props: P): {};
+//# sourceMappingURL=color.d.ts.map

package/ts3.5/dist/commonjs/layout/lib/utils/depth.d.ts

@@ -0,0 +1,22 @@
+import { depth as depthTokens } from '@workday/canvas-kit-react/tokens';
+export declare type DepthTokens = typeof depthTokens;
+export declare type DepthTokenKeys = keyof DepthTokens;
+export declare type DepthTokenValues = DepthTokens[keyof DepthTokens];
+/** style props to for depth styles */
+export declare type DepthStyleProps = {
+    /** sets depth styles (box-shadow & border) */
+    depth?: DepthTokenKeys;
+};
+/**
+ * A style prop function that takes components props and returns depth styles from canvas token values.
+ * If no `DepthStyleProps` are found, it returns an empty object.
+ *
+ * @example
+ * // You'll mostly likely use `depth` with low-level, styled components
+ * const BoxExample = () => (
+ *   <Box depth={3}>Hello, box shadows!</Box>
+ * );
+ *
+ */
+export declare function depth<P extends DepthStyleProps>(props: P): DepthTokenValues;
+//# sourceMappingURL=depth.d.ts.map

package/ts3.5/dist/commonjs/layout/lib/utils/flex.d.ts

@@ -0,0 +1,36 @@
+import { PropertyAlignItems, PropertyAlignContent, PropertyJustifyItems, PropertyJustifyContent, PropertyFlexWrap, PropertyFlexDirection } from './types';
+/** style props to for flexbox container properties */
+export declare type FlexStyleProps = {
+    /** sets `align-items` property */
+    alignItems?: PropertyAlignItems;
+    /** sets `align-content` property */
+    alignContent?: PropertyAlignContent;
+    /**
+     * sets `display` property
+     * @default 'flex'
+     * */
+    display?: 'flex' | 'inline-flex';
+    /** sets `justify-items` property */
+    justifyItems?: PropertyJustifyItems;
+    /** sets `justify-content` property */
+    justifyContent?: PropertyJustifyContent;
+    /** sets `flex-wrap` property */
+    flexWrap?: PropertyFlexWrap;
+    /** sets `flex-direction` property */
+    flexDirection?: PropertyFlexDirection;
+};
+/**
+ * A style prop function that takes component props and returns flexbox styles.
+ * If no `FlexStyleProps` are found, it returns an empty object.
+ *
+ * @example
+ * // You'll most likely use `flex` with low-level, styled components
+ * const FlexExample = () => (
+ *   <Flex justifyContent="center" alignItems="center">
+ *     Hello, flex!
+ *   </Flex>
+ * );
+ *
+ */
+export declare function flex<P extends FlexStyleProps>(props: P): {};
+//# sourceMappingURL=flex.d.ts.map

package/ts3.5/dist/commonjs/layout/lib/utils/flexItem.d.ts

@@ -0,0 +1,33 @@
+import { PropertyJustifySelf, PropertyAlignSelf, PropertyOrder } from './types';
+/** style props to for flexbox item properties */
+export declare type FlexItemStyleProps = {
+    /** sets `flex` property */
+    flex?: number | string;
+    /** sets `flex-grow` property */
+    flexGrow?: number | string;
+    /** sets `flex-shrink` property */
+    flexShrink?: number | string;
+    /** sets `flex-basis` property */
+    flexBasis?: number | string;
+    /** sets `justify-self` property */
+    justifySelf?: PropertyJustifySelf;
+    /** sets `align-self` property */
+    alignSelf?: PropertyAlignSelf;
+    /** sets `order` property */
+    order?: PropertyOrder;
+};
+/**
+ * A style prop function that takes component props and returns flexbox item styles.
+ * If no `FlexItemStyleProps` are found, it returns an empty object.
+ *
+ * @example
+ * // You'll most likely use `flexItem` with low-level, styled components
+ * const FlexItemExample = () => (
+ *   <Box flex={1} flexBasis="auto" alignSelf={center}>
+ *     Hello, flex item!
+ *   </Box>
+ * );
+ *
+ */
+export declare function flexItem<P extends FlexItemStyleProps>(props: P): {};
+//# sourceMappingURL=flexItem.d.ts.map

package/ts3.5/dist/commonjs/layout/lib/utils/getValidChildren.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare function getValidChildren(children: React.ReactNode): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+//# sourceMappingURL=getValidChildren.d.ts.map

package/ts3.5/dist/commonjs/layout/lib/utils/layout.d.ts

@@ -0,0 +1,43 @@
+import { PropertyDisplay, PropertyListStyle, PropertyOverflow, PropertyOverflowX, PropertyOverflowY, PropertyVerticalAlign } from './types';
+/** style props to for layout properties */
+export declare type LayoutStyleProps = {
+    /** sets `display` property */
+    display?: PropertyDisplay;
+    /** sets `height` property */
+    height?: number | string;
+    /** sets `list-style property */
+    listStyle?: PropertyListStyle;
+    /** sets `max-height` property */
+    maxHeight?: number | string;
+    /** sets `max-width` property */
+    maxWidth?: number | string;
+    /** sets `min-height` property */
+    minHeight?: number | string;
+    /** sets `min-width` property */
+    minWidth?: number | string;
+    /** sets `overflow` property */
+    overflow?: PropertyOverflow;
+    /** sets `overflow-x` property */
+    overflowX?: PropertyOverflowX;
+    /** sets `overflow-y` property */
+    overflowY?: PropertyOverflowY;
+    /** sets `vertical-align` property */
+    verticalAlign?: PropertyVerticalAlign;
+    /** sets `width` property */
+    width?: number | string;
+};
+/**
+ * A style prop function that takes components props and returns layout styles.
+ * If no `LayoutStyleProps` are found, it returns an empty object.
+ *
+ * @example
+ * // You'll most likely use `layout` with low-level, styled components
+ * const BoxExample = () => (
+ *   <Box display="inline-block" height="50%">
+ *     Hello, positions!
+ *   </Box>
+ * );
+ *
+ */
+export declare function layout<P extends LayoutStyleProps>(props: P): {};
+//# sourceMappingURL=layout.d.ts.map

package/ts3.5/dist/commonjs/layout/lib/utils/other.d.ts

@@ -0,0 +1,5 @@
+export declare type OtherStyleProps = {
+    animation?: string;
+};
+export declare function other<P extends OtherStyleProps>(props: P): {};
+//# sourceMappingURL=other.d.ts.map

package/ts3.5/dist/commonjs/layout/lib/utils/position.d.ts

@@ -0,0 +1,41 @@
+import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
+import { PropertyPosition, PropertyZIndex } from './types';
+/** style props to for standard position properties */
+export declare type PositionStandardProps = {
+    /** sets `position` property  */
+    position?: PropertyPosition;
+    /** sets `zIndex` property  */
+    zIndex?: PropertyZIndex;
+    /** sets `top` property  */
+    top?: number | string;
+    /** sets `right` property (no bidirectional support) */
+    right?: number | string;
+    /** sets `bottom` property  */
+    bottom?: number | string;
+    /** sets `left` property (no bidirectional support)  */
+    left?: number | string;
+};
+export declare type PositionLogicalProps = {
+    /** sets `left` property (bidirectional support)  */
+    insetInlineStart?: number | string;
+    /** sets `right` property (bidirectional support) */
+    insetInlineEnd?: number | string;
+};
+export declare type PositionStyleProps = PositionStandardProps & PositionLogicalProps;
+/**
+ * A style prop function that takes components props and returns position styles.
+ * If no `PositionProps` are found, it returns an empty object.
+ *
+ * @example
+ * // You'll most likely use `position` with low-level, styled components
+ * const BoxExample = () => (
+ *   <Box position="absolute" top="50%">
+ *     Hello, positions!
+ *   </Box>
+ * );
+ *
+ */
+export declare function position<P extends PositionStyleProps & {
+    theme?: PartialEmotionCanvasTheme;
+}>(props: P): {};
+//# sourceMappingURL=position.d.ts.map

package/ts3.5/dist/commonjs/layout/lib/utils/space.d.ts

@@ -0,0 +1,64 @@
+import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
+import { CanvasSpaceKeys } from '@workday/canvas-kit-react/tokens';
+declare type SpacePropValues = CanvasSpaceKeys | number | (string & {});
+/** These props automatically adjust for bidirectionality (LTR & RTL) */
+export declare type SpaceLogicalProps = {
+    /** sets margin-left property (bidirectional support) */
+    marginInlineStart?: SpacePropValues;
+    /** sets margin-right property (bidirectional support) */
+    marginInlineEnd?: SpacePropValues;
+    /** sets padding-left property (bidirectional support) */
+    paddingInlineStart?: SpacePropValues;
+    /** sets padding-right property (bidirectional support) */
+    paddingInlineEnd?: SpacePropValues;
+};
+/** These props do not adjust for bidirectionality (LTR & RTL) */
+export declare type SpaceStandardProps = {
+    /** sets margin property */
+    margin?: SpacePropValues;
+    /** sets margin-left and margin-right properties */
+    marginX?: SpacePropValues;
+    /** sets margin-top and margin-bottom properties */
+    marginY?: SpacePropValues;
+    /** sets margin-top property */
+    marginTop?: SpacePropValues;
+    /** sets margin-right property (no bidirectional support) */
+    marginRight?: SpacePropValues;
+    /** sets margin-bottom property */
+    marginBottom?: SpacePropValues;
+    /** sets margin-left property (no bidirectional support) */
+    marginLeft?: SpacePropValues;
+    /** sets padding property */
+    padding?: SpacePropValues;
+    /** sets padding-left and margin-right properties */
+    paddingX?: SpacePropValues;
+    /** sets padding-top and padding-bottom properties */
+    paddingY?: SpacePropValues;
+    /** sets padding-top property */
+    paddingTop?: SpacePropValues;
+    /** sets padding-right property (no bidirectional support) */
+    paddingRight?: SpacePropValues;
+    /** sets padding-bottom */
+    paddingBottom?: SpacePropValues;
+    /** sets padding-left property (no bidirectional support) */
+    paddingLeft?: SpacePropValues;
+};
+export declare type SpaceStyleProps = SpaceStandardProps & SpaceLogicalProps;
+/**
+ * A style prop function that takes component props and returns space styles.
+ * If no `SpaceStyleProps` are found, it returns an empty object.
+ *
+ * @example
+ * // You'll most likely use `space` with low-level, styled components
+ * const BoxExample = () => (
+ *   <Box padding="xs" margin="m">
+ *     Hello, space!
+ *   </Box>
+ * );
+ *
+ */
+export declare function space<P extends SpaceStyleProps & {
+    theme?: PartialEmotionCanvasTheme;
+}>(props: P): {};
+export {};
+//# sourceMappingURL=space.d.ts.map

package/ts3.5/dist/commonjs/layout/lib/utils/stack.d.ts

@@ -0,0 +1,26 @@
+import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
+import { CanvasSpaceKeys } from '@workday/canvas-kit-react/tokens';
+export declare type StackDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
+declare const selector = "& > *:not(style) ~ *:not(style)";
+export declare type StackSpacing = CanvasSpaceKeys | number | (string & {});
+export declare type StackStyleProps = {
+    /** sets space values between child elements (bidirectional support) */
+    spacing: StackSpacing;
+    /**
+     * sets the direction for the stack
+     * @default "row"
+     * */
+    flexDirection?: StackDirection;
+    /**
+     * when `true` wraps each child element in a `Stack.Item`
+     * @default false
+     * */
+    shouldWrapChildren?: boolean;
+};
+export declare function stack<P extends StackStyleProps & {
+    theme?: PartialEmotionCanvasTheme;
+}>(props: P): {
+    "& > *:not(style) ~ *:not(style)": {};
+};
+export {};
+//# sourceMappingURL=stack.d.ts.map

package/ts3.5/dist/commonjs/layout/lib/utils/types.d.ts

@@ -0,0 +1,20 @@
+import { Globals, GlobalsNumber, SelfPosition, DisplayOutside, DisplayInside, DisplayInternal, DisplayLegacy, LineStyle, ContentDistribution, ContentPosition } from 'csstype';
+export declare type PropertyBorder = Globals | LineStyle | (string & {});
+export declare type PropertyJustifySelf = Globals | SelfPosition | 'auto' | 'baseline' | 'left' | 'normal' | 'right' | 'stretch' | (string & {});
+export declare type PropertyAlignSelf = Globals | SelfPosition | 'auto' | 'baseline' | 'normal' | 'stretch' | (string & {});
+export declare type PropertyOrder = GlobalsNumber;
+export declare type PropertyDisplay = Globals | DisplayOutside | DisplayInside | DisplayInternal | DisplayLegacy | 'contents' | 'list-item' | 'none' | (string & {});
+export declare type PropertyListStyle = Globals | 'inside' | 'none' | 'outside' | (string & {});
+export declare type PropertyOverflow = Globals | '-moz-hidden-unscrollable' | 'auto' | 'clip' | 'hidden' | 'scroll' | 'visible' | (string & {});
+export declare type PropertyOverflowX = Globals | '-moz-hidden-unscrollable' | 'auto' | 'clip' | 'hidden' | 'scroll' | 'visible';
+export declare type PropertyOverflowY = Globals | '-moz-hidden-unscrollable' | 'auto' | 'clip' | 'hidden' | 'scroll' | 'visible';
+export declare type PropertyVerticalAlign = Globals | 'baseline' | 'bottom' | 'middle' | 'sub' | 'super' | 'text-bottom' | 'text-top' | 'top' | (string & {});
+export declare type PropertyPosition = Globals | '-webkit-sticky' | 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky';
+export declare type PropertyZIndex = GlobalsNumber | 'auto';
+export declare type PropertyAlignItems = Globals | SelfPosition | 'baseline' | 'normal' | 'stretch' | (string & {});
+export declare type PropertyAlignContent = Globals | ContentDistribution | ContentPosition | 'baseline' | 'normal' | (string & {});
+export declare type PropertyJustifyItems = Globals | SelfPosition | 'baseline' | 'left' | 'legacy' | 'normal' | 'right' | 'stretch' | (string & {});
+export declare type PropertyJustifyContent = Globals | ContentDistribution | ContentPosition | 'left' | 'normal' | 'right' | (string & {});
+export declare type PropertyFlexWrap = Globals | 'nowrap' | 'wrap' | 'wrap-reverse';
+export declare type PropertyFlexDirection = Globals | 'column' | 'column-reverse' | 'row' | 'row-reverse';
+//# sourceMappingURL=types.d.ts.map

package/ts3.5/dist/commonjs/modal/lib/Modal.d.ts

@@ -6,7 +6,7 @@ export interface ModalProps extends ExtractProps<typeof Dialog, never> {
     children: React.ReactNode;
 }
 export declare const Modal: import("../../common").Component<ModalProps> & {
-    Body: import("../../common").ElementComponent<"div", import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderShorthandStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderColorStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderRadiusStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLineStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderWidthStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLogicalStyleProps & import("@workday/canvas-kit-labs-react").ColorStyleProps & import("@workday/canvas-kit-labs-react").DepthStyleProps & import("@workday/canvas-kit-labs-react").FlexItemStyleProps & import("@workday/canvas-kit-labs-react").LayoutStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/other").OtherStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionLogicalProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceLogicalProps>;
+    Body: import("../../common").ElementComponent<"div", import("../..").BorderShorthandStyleProps & import("../..").BorderColorStyleProps & import("../..").BorderRadiusStyleProps & import("../..").BorderLineStyleProps & import("../..").BorderWidthStyleProps & import("../..").BorderLogicalStyleProps & import("../..").ColorStyleProps & import("../..").DepthStyleProps & import("../..").FlexItemStyleProps & import("../..").LayoutStyleProps & import("../../layout/lib/utils/other").OtherStyleProps & import("../..").PositionStandardProps & import("../..").PositionLogicalProps & import("../../layout/lib/utils/space").SpaceStandardProps & import("../../layout/lib/utils/space").SpaceLogicalProps>;
     Card: import("../../common").ElementComponent<"div", import("./ModalCard").ModalCardProps>;
     CloseIcon: import("../../common").ElementComponent<"button", import("../../popup/lib/PopupCloseIcon").PopupCloseIconProps>;
     Target: import("../../common").ElementComponent<import("../../common").ElementComponent<"button", import("../..").SecondaryButtonProps>, import("../../popup/lib/PopupTarget").PopupTargetProps>;

package/ts3.5/dist/commonjs/modal/lib/ModalOverlay.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PopupModel } from '@workday/canvas-kit-react/popup';
-import { BoxProps } from '@workday/canvas-kit-labs-react/common';
+import { BoxProps } from '@workday/canvas-kit-react/layout';
 export interface ModalOverlayProps extends BoxProps {
     model?: PopupModel;
     children: React.ReactNode;

package/ts3.5/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { PaginationModel } from './types';
-import { FlexProps } from '@workday/canvas-kit-labs-react/layout';
+import { FlexProps } from '@workday/canvas-kit-react/layout';
 export interface AdditionalDetailsProps extends FlexProps {
     children: (model: PaginationModel) => React.ReactNode | React.ReactNode;
     model: PaginationModel;

package/ts3.5/dist/commonjs/pagination/lib/Pagination/Controls.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { IconButtonProps } from '@workday/canvas-kit-react/button';
+import { TertiaryButtonProps } from '@workday/canvas-kit-react/button';
 import { PaginationModel } from './types';
-export declare type ControlButtonProps = IconButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+export declare type ControlButtonProps = TertiaryButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement> & {
     model: PaginationModel;
 };
 export declare type ControlsProps = React.HTMLAttributes<HTMLDivElement>;

package/ts3.5/dist/commonjs/pagination/lib/Pagination/GoTo/Form.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { HStackProps, StackSpacing } from '@workday/canvas-kit-labs-react/layout';
+import { HStackProps, StackSpacing } from '@workday/canvas-kit-react/layout';
 export declare type GoToFormProps = React.FormHTMLAttributes<HTMLFormElement> & Pick<HStackProps, Exclude<keyof HStackProps, 'spacing'>> & {
     spacing?: StackSpacing;
 };

package/ts3.5/dist/commonjs/pagination/lib/Pagination/Nav.d.ts

@@ -1,4 +1,4 @@
-import { FlexProps } from '@workday/canvas-kit-labs-react/layout';
+import { FlexProps } from '@workday/canvas-kit-react/layout';
 export interface PaginationNavProps extends Omit<FlexProps, 'as'> {
     'aria-label': string;
 }

package/ts3.5/dist/commonjs/pagination/lib/Pagination/PageButton.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
-import { IconButtonProps } from '@workday/canvas-kit-react/button';
 import { PaginationModel } from './types';
-export declare type PageButtonProps = IconButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+export declare type PageButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     model: PaginationModel;
     pageNumber: number;
 };

package/ts3.5/dist/commonjs/pagination/lib/Pagination/PageList.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { PaginationModel } from './types';
 import { ListItemProps } from './common/List';
-import { HStackProps } from '@workday/canvas-kit-labs-react/layout';
+import { HStackProps } from '@workday/canvas-kit-react/layout';
 export interface PageListProps extends Omit<HStackProps, 'as' | 'spacing'> {
     model: PaginationModel;
     children?: (model: PaginationModel) => React.ReactNode[] | React.ReactNode;

package/ts3.5/dist/commonjs/pagination/lib/Pagination/Pagination.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { IconButtonProps } from '@workday/canvas-kit-react/button';
+import { TertiaryButtonProps } from '@workday/canvas-kit-react/button';
 import { PaginationModel } from './types';
 import { PaginationNavProps } from './Nav';
 import { ControlsProps } from './Controls';
@@ -30,10 +30,10 @@ export declare type PaginationProps = PaginationConfigurationProps | PaginationM
 export declare const Pagination: {
     (props: PaginationProps): JSX.Element;
     Controls(props: ControlsProps): JSX.Element;
-    JumpToFirstButton(props: IconButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
-    StepToPreviousButton(props: IconButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
-    StepToNextButton(props: IconButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
-    JumpToLastButton(props: IconButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
+    JumpToFirstButton(props: TertiaryButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
+    StepToPreviousButton(props: TertiaryButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
+    StepToNextButton(props: TertiaryButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
+    JumpToLastButton(props: TertiaryButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
     PageList(props: Pick<PageListProps, Exclude<keyof PageListProps, 'model'>>): JSX.Element;
     PageListItem(props: PageListItemProps): JSX.Element;
     PageButton({ "aria-label": ariaLabel, ...elemProps }: Pick<PageButtonProps, Exclude<keyof PageButtonProps, 'model'>>): JSX.Element;

package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/List.d.ts

@@ -1,4 +1,4 @@
-import { FlexProps } from '@workday/canvas-kit-labs-react/layout';
+import { FlexProps } from '@workday/canvas-kit-react/layout';
 export interface ListProps extends FlexProps {
 }
 export declare const List: import("../../../../common").ElementComponent<"ul", ListProps>;

package/ts3.5/dist/commonjs/popup/lib/Popup.d.ts

@@ -12,7 +12,7 @@ export interface PopupProps {
 }
 export declare const Popup: import("../../common").Component<PopupProps> & {
     Heading: import("../../common").ElementComponent<"h2", import("./PopupHeading").PopupHeadingProps>;
-    Body: import("../../common").ElementComponent<"div", import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderShorthandStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderColorStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderRadiusStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLineStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderWidthStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLogicalStyleProps & import("@workday/canvas-kit-labs-react").ColorStyleProps & import("@workday/canvas-kit-labs-react").DepthStyleProps & import("@workday/canvas-kit-labs-react").FlexItemStyleProps & import("@workday/canvas-kit-labs-react").LayoutStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/other").OtherStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionLogicalProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceLogicalProps>;
+    Body: import("../../common").ElementComponent<"div", import("../..").BorderShorthandStyleProps & import("../..").BorderColorStyleProps & import("../..").BorderRadiusStyleProps & import("../..").BorderLineStyleProps & import("../..").BorderWidthStyleProps & import("../..").BorderLogicalStyleProps & import("../..").ColorStyleProps & import("../..").DepthStyleProps & import("../..").FlexItemStyleProps & import("../..").LayoutStyleProps & import("../../layout/lib/utils/other").OtherStyleProps & import("../..").PositionStandardProps & import("../..").PositionLogicalProps & import("../../layout/lib/utils/space").SpaceStandardProps & import("../../layout/lib/utils/space").SpaceLogicalProps>;
     Card: import("../../common").ElementComponent<"div", import("./PopupCard").PopupCardProps>;
     CloseIcon: import("../../common").ElementComponent<"button", import("./PopupCloseIcon").PopupCloseIconProps>;
     Target: import("../../common").ElementComponent<import("../../common").ElementComponent<"button", import("../..").SecondaryButtonProps>, import("./PopupTarget").PopupTargetProps>;

package/ts3.5/dist/commonjs/popup/lib/PopupBody.d.ts

@@ -1,2 +1,2 @@
-export declare const PopupBody: import("../../common").ElementComponent<"div", import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderShorthandStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderColorStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderRadiusStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLineStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderWidthStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLogicalStyleProps & import("@workday/canvas-kit-labs-react").ColorStyleProps & import("@workday/canvas-kit-labs-react").DepthStyleProps & import("@workday/canvas-kit-labs-react").FlexItemStyleProps & import("@workday/canvas-kit-labs-react").LayoutStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/other").OtherStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionLogicalProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceLogicalProps>;
+export declare const PopupBody: import("../../common").ElementComponent<"div", import("../..").BorderShorthandStyleProps & import("../..").BorderColorStyleProps & import("../..").BorderRadiusStyleProps & import("../..").BorderLineStyleProps & import("../..").BorderWidthStyleProps & import("../..").BorderLogicalStyleProps & import("../..").ColorStyleProps & import("../..").DepthStyleProps & import("../..").FlexItemStyleProps & import("../..").LayoutStyleProps & import("../../layout/lib/utils/other").OtherStyleProps & import("../..").PositionStandardProps & import("../..").PositionLogicalProps & import("../../layout/lib/utils/space").SpaceStandardProps & import("../../layout/lib/utils/space").SpaceLogicalProps>;
 //# sourceMappingURL=PopupBody.d.ts.map

package/ts3.5/dist/commonjs/popup/lib/PopupCard.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Card } from '@workday/canvas-kit-react/card';
 import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { StackStyleProps } from '@workday/canvas-kit-labs-react/layout';
+import { StackStyleProps } from '@workday/canvas-kit-react/layout';
 import { PopupModel } from './hooks';
 export interface PopupCardProps extends ExtractProps<typeof Card, never>, Partial<StackStyleProps> {
     /**

package/ts3.5/dist/commonjs/popup/lib/PopupCloseIcon.d.ts

@@ -1,7 +1,7 @@
 import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { IconButton } from '@workday/canvas-kit-react/button';
+import { TertiaryButton } from '@workday/canvas-kit-react/button';
 import { PopupModel } from './hooks';
-export interface PopupCloseIconProps extends ExtractProps<typeof IconButton, never> {
+export interface PopupCloseIconProps extends ExtractProps<typeof TertiaryButton, never> {
     /**
      * Optionally pass a model directly to this component. Default is to implicitly use the same
      * model as the container component which uses React context. Only use this for advanced use-cases

package/ts3.5/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts

@@ -1,15 +1,15 @@
 import * as React from 'react';
-import { IconButtonProps } from '@workday/canvas-kit-react/button';
+import { SegmentedControlButtonProps } from './SegmentedControlButton';
 export interface SegmentedControlProps {
     /**
-     * The IconButton children of the SegmentedControl (must be at least two).
+     * The Button children of the SegmentedControl (must be at least two).
      * TODO: Add support for text children
      */
-    children: React.ReactElement<IconButtonProps>[];
+    children: React.ReactElement<SegmentedControlButtonProps>[];
     /**
-     * The value or index of the IconButton that the SegmentedControl should be toggled on to.
-     * If a string is provided, the IconButton with the corresponding value will be selected.
-     * If a number is provided, the IconButton with the corresponding index will be selected.
+     * The value or index of the Button that the SegmentedControl should be toggled on to.
+     * If a string is provided, the Button with the corresponding value will be selected.
+     * If a number is provided, the Button with the corresponding index will be selected.
      * @default 0
      */
     value?: string | number;
@@ -20,6 +20,8 @@ export interface SegmentedControlProps {
      */
     onChange?: (value: string | number) => void;
 }
-declare const SegmentedControl: ({ value, children, onChange, ...elemProps }: SegmentedControlProps) => JSX.Element;
+export declare const SegmentedControl: import("../../common").ElementComponent<"div", SegmentedControlProps> & {
+    Button: import("../../common").ElementComponent<"button", SegmentedControlButtonProps>;
+};
 export default SegmentedControl;
 //# sourceMappingURL=SegmentedControl.d.ts.map