@workday/canvas-kit-react 5.3.0-next.9 → 5.3.3

package/dist/es6/tooltip/lib/useTooltip.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
  * Convenience hook for creating components with tooltips. It will return an object of properties to mix
  * into a target, popper and tooltip
  */
-export declare function useTooltip<T extends Element = Element>({ type, titleText, }?: {
+export declare function useTooltip<T extends Element = Element>({ type, titleText, showDelay, hideDelay, }?: {
     /**
      * Determines the tooltip type for accessibility.
      *
@@ -25,6 +25,14 @@ export declare function useTooltip<T extends Element = Element>({ type, titleTex
      * The content of the `aria-label` if `type` is `label.
      */
     titleText?: string;
+    /**
+     * Amount of time (in ms) to delay before showing the tooltip
+     */
+    showDelay?: number;
+    /**
+     * Amount of time (in ms) to delay before hiding the tooltip
+     */
+    hideDelay?: number;
 }): {
     /** Mix these properties into the target element. **Must be an Element** */
     targetProps: {

package/dist/es6/tooltip/lib/useTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../../../tooltip/lib/useTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiD/B;;;GAGG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,EAAE,EACtD,IAAc,EACd,SAAc,GACf,GAAE;IACD;;;;;;;;;;;;;;;OAeG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;IACtC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACf;IAuCF,2EAA2E;;;;;;;;;;IAY3E,uDAAuD;;;;;;IAMvD,iEAAiE;;;;;;;EAQpE"}
+{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../../../tooltip/lib/useTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiD/B;;;GAGG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,EAAE,EACtD,IAAc,EACd,SAAc,EACd,SAAe,EACf,SAAe,GAChB,GAAE;IACD;;;;;;;;;;;;;;;OAeG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;IACtC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACf;IA4CF,2EAA2E;;;;;;;;;;IAY3E,uDAAuD;;;;;;IAMvD,iEAAiE;;;;;;;EAQpE"}

package/dist/es6/tooltip/lib/useTooltip.js

@@ -41,15 +41,20 @@ var isInteractiveElement = function (element) {
  * into a target, popper and tooltip
  */
 export function useTooltip(_a) {
-    var _b = _a === void 0 ? {} : _a, _c = _b.type, type = _c === void 0 ? 'label' : _c, _d = _b.titleText, titleText = _d === void 0 ? '' : _d;
+    var _b = _a === void 0 ? {} : _a, _c = _b.type, type = _c === void 0 ? 'label' : _c, _d = _b.titleText, titleText = _d === void 0 ? '' : _d, _e = _b.showDelay, showDelay = _e === void 0 ? 300 : _e, _f = _b.hideDelay, hideDelay = _f === void 0 ? 100 : _f;
     var mouseDownRef = React.useRef(false); // use to prevent newly focused from making tooltip flash
     var popupModel = usePopupModel();
-    var _e = React.useState(null), anchorElement = _e[0], setAnchorElement = _e[1];
+    var _g = React.useState(null), anchorElement = _g[0], setAnchorElement = _g[1];
     var id = React.useState(function () { return uuid(); })[0];
-    var intentTimer = useIntentTimer(popupModel.events.hide, 100);
+    var intentTimerHide = useIntentTimer(popupModel.events.hide, hideDelay);
+    var intentTimerShow = useIntentTimer(popupModel.events.show, showDelay);
+    var onHide = function () {
+        intentTimerHide.start();
+        intentTimerShow.clear();
+    };
     var onOpen = function () {
-        popupModel.events.show();
-        intentTimer.clear();
+        intentTimerShow.start();
+        intentTimerHide.clear();
     };
     var onOpenFromTarget = function (event) {
         setAnchorElement(event.currentTarget);
@@ -78,10 +83,10 @@ export function useTooltip(_a) {
             // This will replace the accessible name of the target element
             'aria-label': type === 'label' ? titleText : undefined,
             onMouseEnter: onOpenFromTarget,
-            onMouseLeave: intentTimer.start,
+            onMouseLeave: onHide,
             onMouseDown: onMouseDown,
             onFocus: onFocus,
-            onBlur: intentTimer.start,
+            onBlur: onHide,
         },
         /** Mix these properties into the `Popper` component */
         popperProps: {
@@ -94,7 +99,7 @@ export function useTooltip(_a) {
             id: type === 'describe' && visible ? id : undefined,
             role: 'tooltip',
             onMouseEnter: onOpen,
-            onMouseLeave: intentTimer.start,
+            onMouseLeave: onHide,
         },
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-react",
-  "version": "5.3.0-next.9+47f4d0a9",
+  "version": "5.3.3",
   "description": "The parent module that contains all Workday Canvas Kit React components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -57,9 +57,9 @@
     "@popperjs/core": "^2.5.4",
     "@workday/canvas-colors-web": "^2.0.0",
     "@workday/canvas-depth-web": "^0.16.4",
-    "@workday/canvas-kit-labs-react": "^5.3.0-next.9+47f4d0a9",
-    "@workday/canvas-kit-popup-stack": "^5.3.0-next.9+47f4d0a9",
-    "@workday/canvas-kit-preview-react": "^5.3.0-next.9+47f4d0a9",
+    "@workday/canvas-kit-labs-react": "^5.3.3",
+    "@workday/canvas-kit-popup-stack": "^5.3.3",
+    "@workday/canvas-kit-preview-react": "^5.3.3",
     "@workday/canvas-system-icons-web": "1.0.41",
     "@workday/design-assets-types": "^0.2.4",
     "chroma-js": "^2.1.0",
@@ -75,5 +75,5 @@
     "@workday/canvas-accent-icons-web": "^1.0.0",
     "@workday/canvas-applet-icons-web": "^0.17.50"
   },
-  "gitHead": "47f4d0a90fddfb15752be9e6449be2979f934636"
+  "gitHead": "a7a2e0b0ba0e84487df0113fba21b4f22dcd38e9"
 }

package/page-header/README.md

@@ -1,9 +1,4 @@
-# Canvas Kit Page Header (Deprecated)
-
-> Note: As of Canvas Kit v6, PageHeader is being soft-deprecated. It will be hard-deprecated
-> (completely removed) in v7. Please see the
-> [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
-> for more information.
+# Canvas Kit Page Header
 
 A Canvas component that displays the header of a specific page within a website or application. It
 is generally used as a sub-header to the main application header
@@ -21,19 +16,19 @@ yarn add @workday/canvas-kit-react
 
 ```tsx
 import * as React from 'react';
-import {DeprecatedPageHeader} from '@workday/canvas-kit-react/page-header';
+import {PageHeader} from '@workday/canvas-kit-react/page-header';
 import {IconButton} from '@workday/canvas-kit-react/button';
 import {exportIcon, fullscreenIcon} from '@workday/canvas-system-icons-web';
 
-<DeprecatedPageHeader title="Product">
+<PageHeader title="Product">
   <IconButton icon={exportIcon} />
   <IconButton icon={fullscreenIcon} />
-</DeprecatedPageHeader>
+</PageHeader>
 
-<DeprecatedPageHeader title="With Cap Width" capWidth={true}>
+<PageHeader title="With Cap Width" capWidth={true}>
   <IconButton icon={exportIcon} />
   <IconButton icon={fullscreenIcon} />
-</DeprecatedPageHeader>
+</PageHeader>
 ```
 
 ## Static Properties

package/page-header/index.ts

@@ -1,5 +1,5 @@
-import DeprecatedPageHeader from './lib/PageHeader';
+import PageHeader from './lib/PageHeader';
 
-export default DeprecatedPageHeader;
-export {DeprecatedPageHeader};
+export default PageHeader;
+export {PageHeader};
 export * from './lib/PageHeader';

package/page-header/lib/PageHeader.tsx

@@ -3,15 +3,7 @@ import styled from '@emotion/styled';
 import {colors, gradients, space, type} from '@workday/canvas-kit-react/tokens';
 import {IconButton, IconButtonProps} from '@workday/canvas-kit-react/button';
 
-/**
- * ### Deprecated Page Header Props
- *
- * As of Canvas Kit v6, PageHeader is being soft-deprecated.
- * It will be hard-deprecated (completely removed) in v7. Please see the
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
- * for more information.
- */
-export interface DeprecatedPageHeaderProps {
+export interface PageHeaderProps {
   /**
    * The text of the PageHeader title.
    */
@@ -36,7 +28,7 @@ const Header = styled('header')({
   MozOsxFontSmoothing: 'grayscale',
 });
 
-const Container = styled('div')<Pick<DeprecatedPageHeaderProps, 'breakpoint' | 'capWidth'>>(
+const Container = styled('div')<Pick<PageHeaderProps, 'breakpoint' | 'capWidth'>>(
   {
     display: 'flex',
     alignItems: 'center',
@@ -76,24 +68,7 @@ const IconList = styled('div')({
   },
 });
 
-/**
- * ### Deprecated Page Header
- *
- * As of Canvas Kit v6, this component is being soft-deprecated.
- * It will be hard-deprecated (completely removed) in v7. Please see the
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
- * for more information.
- */
-export default class DeprecatedPageHeader extends React.Component<DeprecatedPageHeaderProps> {
-  componentDidMount() {
-    console.warn(
-      `This component is being deprecated and will be removed in Canvas Kit V7.\n
-      For more information, please see the V6 migration guide:\n
-      https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page
-      `
-    );
-  }
-
+export default class PageHeader extends React.Component<PageHeaderProps> {
   private renderChildren(children: React.ReactNode): React.ReactNode {
     return React.Children.map(children, child => {
       if (!React.isValidElement(child)) {

package/pagination/lib/Pagination/GoTo/Label.tsx

@@ -7,6 +7,9 @@ import {PaginationModel} from '../types';
 
 export interface GoToLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
   model: PaginationModel;
+  /**
+   * Accepts child elements or a render prop.
+   */
   children?: (model: PaginationModel) => React.ReactNode | React.ReactNode;
 }
 

package/pagination/lib/Pagination/types.ts

@@ -1,17 +1,56 @@
 export interface PaginationState {
-  currentPage: number; // current page
-  firstPage: number; // first page
-  lastPage: number; // last page
-  range: number[]; // array of page numbers
-  rangeSize: number; // size of the range
+  /**
+   * The page number for the current page
+   */
+  currentPage: number;
+  /**
+   * The page number for the first page
+   */
+  firstPage: number;
+  /**
+   * The page number for the last page (it can also be used as a total page
+   * count)
+   */
+  lastPage: number;
+  /**
+   * An array of page numbers included in the pagination range
+   */
+  range: number[];
+  /**
+   * The size of the pagination range
+   */
+  rangeSize: number;
 }
 
 export interface PaginationEvents {
+  /**
+   * Sets the current page to a given page number (no safeguards)
+   */
   setCurrentPage: (page: number) => void;
+  /**
+   * Sets the current page to the first page
+   */
   first: () => void;
+  /**
+   * Sets the current page to the last page
+   */
   last: () => void;
+  /**
+   * Increments the current page by 1
+   */
   next: () => void;
+  /**
+   * Decrements the current page by 1
+   */
   previous: () => void;
+  /**
+   * Sets the current page to a given page number (with safeguards). `goTo`
+   * is very similar to `setCurrentPage`, but it has some built-in safeguards.
+   * If the page number provided is below the first page (e.g: `0`),
+   * `currentPage` will be set to the `firstPage`. Similarly, if the number
+   * provided is larger than the `lastPage`, it will set `currentPage` to the
+   * `lastPage`.
+   */
   goTo: (page: number) => void;
 }
 

package/pagination/lib/Pagination/usePaginationModel.ts

@@ -5,10 +5,29 @@ import {getRangeMax, getRangeMin} from './common/utils/helpers';
 import {PaginationModel} from './types';
 
 export type UsePaginationModelConfig = {
+  /**
+   * The page number for the last page (it can also be used as a total page
+   * count)
+   */
   lastPage: number;
+  /**
+   * The page number for the first page
+   * @default 1
+   */
   firstPage?: number;
+  /**
+   * The initial current page
+   * @default 1
+   */
   initialCurrentPage?: number;
+  /**
+   * The function called when the page changes
+   */
   onPageChange?: (pageNumber: number) => void;
+  /**
+   * The size of the pagination range
+   * @default 5
+   */
   rangeSize?: number;
 };
 

package/tabs/lib/Tab.tsx

@@ -63,72 +63,66 @@ export interface TabProps {
   tabIndex?: number;
 }
 
-const StyledButton = styled('button')<{isSelected: boolean} & StyledType>(
-  {
-    ...type.levels.subtext.large,
-    fontWeight: type.properties.fontWeights.medium,
-    border: 'none',
-    backgroundColor: 'transparent',
-    flex: '0 0 auto',
-    maxWidth: '280px',
-    padding: space.s,
-    boxSizing: 'border-box',
-    cursor: 'pointer',
-    color: colors.licorice300,
-    position: 'relative',
-    marginLeft: `${space.xxxs}`,
-    borderRadius: `${borderRadius.m} ${borderRadius.m} 0px 0px`,
-    transition: 'background 150ms ease, color 150ms ease',
-
-    '&:first-of-type': {
-      marginLeft: 0,
-    },
+const StyledButton = styled('button')<{isSelected: boolean} & StyledType>({
+  ...type.levels.subtext.large,
+  fontWeight: type.properties.fontWeights.medium,
+  border: 'none',
+  backgroundColor: 'transparent',
+  flex: '0 0 auto',
+  maxWidth: '280px',
+  padding: space.s,
+  boxSizing: 'border-box',
+  cursor: 'pointer',
+  color: colors.licorice300,
+  position: 'relative',
+  marginLeft: `${space.xxxs}`,
+  borderRadius: `${borderRadius.m} ${borderRadius.m} 0px 0px`,
+  transition: 'background 150ms ease, color 150ms ease',
+
+  '&:first-of-type': {
+    marginLeft: 0,
+  },
 
-    ...hideMouseFocus,
+  ...hideMouseFocus,
 
-    '&:hover, &:focus': {
-      backgroundColor: colors.soap200,
-      color: colors.blackPepper400,
-    },
+  '&:hover, &:focus': {
+    backgroundColor: colors.soap200,
+    color: colors.blackPepper400,
+  },
 
-    '&:focus': {
-      outline: `none`,
-      ...focusRing({inset: 'outer', width: 0, separation: 2}),
+  '&:focus': {
+    outline: `none`,
+    ...focusRing({inset: 'outer', width: 0, separation: 2}),
+  },
+
+  '&:disabled': {
+    color: colors.licorice100,
+    '&:hover': {
+      cursor: 'auto',
+      backgroundColor: `transparent`,
     },
+  },
 
-    '&:disabled': {
-      color: colors.licorice100,
-      '&:hover': {
-        cursor: 'auto',
-        backgroundColor: `transparent`,
-      },
+  '&[aria-selected=true]': {
+    color: colors.blueberry400,
+    cursor: 'default',
+    '&:after': {
+      position: 'absolute',
+      height: space.xxxs,
+      borderRadius: `${borderRadius.m} ${borderRadius.m} 0px 0px`,
+      backgroundColor: colors.blueberry400,
+      bottom: 0,
+      content: `''`,
+      left: 0,
+      marginTop: '-2px',
+      width: '100%',
+    },
+    '&:hover, &:focus': {
+      backgroundColor: `transparent`,
+      color: colors.blueberry400,
     },
   },
-  ({isSelected}) => {
-    if (isSelected) {
-      return {
-        color: colors.blueberry400,
-        cursor: 'default',
-        '&:after': {
-          position: 'absolute',
-          height: space.xxxs,
-          borderRadius: `${borderRadius.m} ${borderRadius.m} 0px 0px`,
-          backgroundColor: colors.blueberry400,
-          bottom: 0,
-          content: `''`,
-          left: 0,
-          marginTop: '-2px',
-          width: '100%',
-        },
-        '&:hover, &:focus': {
-          backgroundColor: `transparent`,
-          color: colors.blueberry400,
-        },
-      };
-    }
-    return {};
-  }
-);
+});
 
 const useTab = (
   model: TabsModel,

package/tooltip/lib/OverflowTooltip.tsx

@@ -10,7 +10,7 @@ import {useTooltip} from './useTooltip';
  * Look for an element within the tree for an overflow element (auto, scroll, clip, or hidden).
  * This could be the passed element, or a descendant. If no element is found, `null` is returned.
  */
-const findOverflowElement = (element: Element): Element | null => {
+export const findOverflowElement = (element: Element): Element | null => {
   const style = getComputedStyle(element);
   if (
     style.overflow === 'auto' ||
@@ -36,11 +36,12 @@ const findOverflowElement = (element: Element): Element | null => {
  * Look for an element within the tree for a `text-overflow` CSS property of `ellipsis`.
  * This could be the passed element, or a descendant. If no element is found, `null` is returned.
  */
-const findEllipsisElement = (element: Element): Element | null => {
+export const findEllipsisElement = (element: Element): Element | null => {
   const style = getComputedStyle(element);
   if (style.textOverflow === 'ellipsis' || Number(style.webkitLineClamp) > 0) {
     return element;
-  } else {
+  } else if (element.children) {
+    // `children` is not defined for SVGElement in IE11
     for (let i = 0; i < element.children.length; i++) {
       const overflowElement = findEllipsisElement(element.children[i]);
       if (overflowElement) {
@@ -49,6 +50,7 @@ const findEllipsisElement = (element: Element): Element | null => {
     }
     return null;
   }
+  return null;
 };
 
 const isOverflowed = (element: Element) => {

package/tooltip/lib/Tooltip.tsx

@@ -44,6 +44,14 @@ export interface TooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
    * @default 'label'
    */
   type?: 'label' | 'describe' | 'muted';
+  /**
+   * Amount of time (in ms) to delay before showing the tooltip
+   */
+  showDelay?: number;
+  /**
+   * Amount of time (in ms) to delay before hiding the tooltip
+   */
+  hideDelay?: number;
 }
 
 function mergeCallbacks<T extends {[key: string]: any}>(
@@ -66,10 +74,17 @@ export const Tooltip = ({
   placement = 'top',
   title,
   children,
+  showDelay = 300,
+  hideDelay = 100,
   ...elemProps
 }: TooltipProps) => {
   const titleText = innerText(title);
-  const {targetProps, popperProps, tooltipProps} = useTooltip({type, titleText});
+  const {targetProps, popperProps, tooltipProps} = useTooltip({
+    type,
+    titleText,
+    showDelay,
+    hideDelay,
+  });
 
   return (
     <React.Fragment>

package/tooltip/lib/useTooltip.tsx

@@ -54,6 +54,8 @@ const isInteractiveElement = (element: Element) => {
 export function useTooltip<T extends Element = Element>({
   type = 'label',
   titleText = '',
+  showDelay = 300,
+  hideDelay = 100,
 }: {
   /**
    * Determines the tooltip type for accessibility.
@@ -76,17 +78,30 @@ export function useTooltip<T extends Element = Element>({
    * The content of the `aria-label` if `type` is `label.
    */
   titleText?: string;
+  /**
+   * Amount of time (in ms) to delay before showing the tooltip
+   */
+  showDelay?: number;
+  /**
+   * Amount of time (in ms) to delay before hiding the tooltip
+   */
+  hideDelay?: number;
 } = {}) {
   const mouseDownRef = React.useRef(false); // use to prevent newly focused from making tooltip flash
   const popupModel = usePopupModel();
   const [anchorElement, setAnchorElement] = React.useState<T | null>(null);
   const [id] = React.useState(() => uuid());
+  const intentTimerHide = useIntentTimer(popupModel.events.hide, hideDelay);
+  const intentTimerShow = useIntentTimer(popupModel.events.show, showDelay);
 
-  const intentTimer = useIntentTimer(popupModel.events.hide, 100);
+  const onHide = () => {
+    intentTimerHide.start();
+    intentTimerShow.clear();
+  };
 
   const onOpen = () => {
-    popupModel.events.show();
-    intentTimer.clear();
+    intentTimerShow.start();
+    intentTimerHide.clear();
   };
 
   const onOpenFromTarget = (event: React.SyntheticEvent) => {
@@ -122,10 +137,10 @@ export function useTooltip<T extends Element = Element>({
       // This will replace the accessible name of the target element
       'aria-label': type === 'label' ? titleText : undefined,
       onMouseEnter: onOpenFromTarget,
-      onMouseLeave: intentTimer.start,
+      onMouseLeave: onHide,
       onMouseDown,
       onFocus,
-      onBlur: intentTimer.start,
+      onBlur: onHide,
     },
     /** Mix these properties into the `Popper` component */
     popperProps: {
@@ -138,7 +153,7 @@ export function useTooltip<T extends Element = Element>({
       id: type === 'describe' && visible ? id : undefined,
       role: 'tooltip',
       onMouseEnter: onOpen,
-      onMouseLeave: intentTimer.start,
+      onMouseLeave: onHide,
     },
   };
 }

package/ts3.5/dist/commonjs/common/lib/styles/accessibleHide.d.ts

@@ -1,7 +1,7 @@
-import { CSSProperties } from '@workday/canvas-kit-react/tokens';
+import { CSSObject } from '@emotion/core';
 /**
  * A utility to hide content normal users while still making accessible to screenreaders
  * See https://a11y-101.com/development/skip-link
  */
-export declare const accessibleHide: CSSProperties;
+export declare const accessibleHide: CSSObject;
 //# sourceMappingURL=accessibleHide.d.ts.map

package/ts3.5/dist/commonjs/cookie-banner/index.d.ts

@@ -1,5 +1,5 @@
-import DeprecatedCookieBanner from './lib/CookieBanner';
-export default DeprecatedCookieBanner;
-export { DeprecatedCookieBanner };
+import CookieBanner from './lib/CookieBanner';
+export default CookieBanner;
+export { CookieBanner };
 export * from './lib/CookieBanner';
 //# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/cookie-banner/lib/CookieBanner.d.ts

@@ -1,13 +1,5 @@
 import * as React from 'react';
-/**
- * ### Deprecated Cookie Banner Props
- *
- * As of Canvas Kit v6, CookieBanner is being soft-deprecated.
- * It will be hard-deprecated (completely removed) in v7. Please see the
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
- * for more information.
- */
-export interface DeprecatedCookieBannerProps {
+export interface CookieBannerProps {
     /**
      * If true, set the CookieBanner to the closed state.
      * @default false
@@ -32,16 +24,7 @@ export interface DeprecatedCookieBannerProps {
      */
     settingsLabel?: string;
 }
-/**
- * ### Deprecated Cookie Banner
- *
- * As of Canvas Kit v6, this component is being soft-deprecated.
- * It will be hard-deprecated (completely removed) in v7. Please see the
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
- * for more information.
- */
-export default class DeprecatedCookieBanner extends React.Component<DeprecatedCookieBannerProps> {
-    componentDidMount(): void;
+export default class CookieBanner extends React.Component<CookieBannerProps> {
     static DefaultNotice: string;
     render(): React.ReactNode;
 }

package/ts3.5/dist/commonjs/page-header/index.d.ts

@@ -1,5 +1,5 @@
-import DeprecatedPageHeader from './lib/PageHeader';
-export default DeprecatedPageHeader;
-export { DeprecatedPageHeader };
+import PageHeader from './lib/PageHeader';
+export default PageHeader;
+export { PageHeader };
 export * from './lib/PageHeader';
 //# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/page-header/lib/PageHeader.d.ts

@@ -1,13 +1,5 @@
 import * as React from 'react';
-/**
- * ### Deprecated Page Header Props
- *
- * As of Canvas Kit v6, PageHeader is being soft-deprecated.
- * It will be hard-deprecated (completely removed) in v7. Please see the
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
- * for more information.
- */
-export interface DeprecatedPageHeaderProps {
+export interface PageHeaderProps {
     /**
      * The text of the PageHeader title.
      */
@@ -23,16 +15,7 @@ export interface DeprecatedPageHeaderProps {
      */
     breakpoint?: number;
 }
-/**
- * ### Deprecated Page Header
- *
- * As of Canvas Kit v6, this component is being soft-deprecated.
- * It will be hard-deprecated (completely removed) in v7. Please see the
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
- * for more information.
- */
-export default class DeprecatedPageHeader extends React.Component<DeprecatedPageHeaderProps> {
-    componentDidMount(): void;
+export default class PageHeader extends React.Component<PageHeaderProps> {
     private renderChildren;
     render(): JSX.Element;
 }