@workday/canvas-kit-react 5.3.0-next.3 → 5.3.1

package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.d.ts

@@ -3,6 +3,9 @@ import * as React from 'react';
 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;
 }
 export declare const GoToLabel: ({ css: cssProp, model, children, ...elemProps }: GoToLabelProps) => JSX.Element;

package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/GoTo/Label.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAC;AAEzC,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACjF,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;CAC1E;AAQD,eAAO,MAAM,SAAS,kFAMrB,CAAC"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/GoTo/Label.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAC;AAEzC,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACjF,KAAK,EAAE,eAAe,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;CAC1E;AAQD,eAAO,MAAM,SAAS,kFAMrB,CAAC"}

package/dist/commonjs/pagination/lib/Pagination/types.d.ts

@@ -1,16 +1,55 @@
 export interface PaginationState {
+    /**
+     * 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;
 }
 export interface PaginationModel {

package/dist/commonjs/pagination/lib/Pagination/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,eAAe,CAAC;IACvB,MAAM,EAAE,gBAAgB,CAAC;CAC1B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB;;OAEG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB;;OAEG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;;;;;OAOG;IACH,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,eAAe,CAAC;IACvB,MAAM,EAAE,gBAAgB,CAAC;CAC1B"}

package/dist/commonjs/pagination/lib/Pagination/usePaginationModel.d.ts

@@ -1,9 +1,28 @@
 import { PaginationModel } from './types';
 export declare 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;
 };
 export declare const usePaginationModel: ({ firstPage, initialCurrentPage, lastPage, rangeSize, onPageChange, }: UsePaginationModelConfig) => PaginationModel;

package/dist/commonjs/pagination/lib/Pagination/usePaginationModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePaginationModel.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/usePaginationModel.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC,oBAAY,wBAAwB,GAAG;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,sHAsE9B,CAAC"}
+{"version":3,"file":"usePaginationModel.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/usePaginationModel.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC,oBAAY,wBAAwB,GAAG;IACrC;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,sHAsE9B,CAAC"}

package/dist/commonjs/tabs/lib/Tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,MAAM,WAAW,QAAQ;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAmGD,eAAO,MAAM,GAAG,6DAad,CAAC"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,MAAM,WAAW,QAAQ;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA6FD,eAAO,MAAM,GAAG,6DAad,CAAC"}

package/dist/commonjs/tabs/lib/Tab.js

@@ -46,31 +46,25 @@ var StyledButton = common_1.styled('button')(__assign(__assign(__assign(__assign
             cursor: 'auto',
             backgroundColor: "transparent",
         },
-    } }), function (_a) {
-    var isSelected = _a.isSelected;
-    if (isSelected) {
-        return {
+    }, '&[aria-selected=true]': {
+        color: tokens_1.colors.blueberry400,
+        cursor: 'default',
+        '&:after': {
+            position: 'absolute',
+            height: tokens_1.space.xxxs,
+            borderRadius: tokens_1.borderRadius.m + " " + tokens_1.borderRadius.m + " 0px 0px",
+            backgroundColor: tokens_1.colors.blueberry400,
+            bottom: 0,
+            content: "''",
+            left: 0,
+            marginTop: '-2px',
+            width: '100%',
+        },
+        '&:hover, &:focus': {
+            backgroundColor: "transparent",
             color: tokens_1.colors.blueberry400,
-            cursor: 'default',
-            '&:after': {
-                position: 'absolute',
-                height: tokens_1.space.xxxs,
-                borderRadius: tokens_1.borderRadius.m + " " + tokens_1.borderRadius.m + " 0px 0px",
-                backgroundColor: tokens_1.colors.blueberry400,
-                bottom: 0,
-                content: "''",
-                left: 0,
-                marginTop: '-2px',
-                width: '100%',
-            },
-            '&:hover, &:focus': {
-                backgroundColor: "transparent",
-                color: tokens_1.colors.blueberry400,
-            },
-        };
-    }
-    return {};
-});
+        },
+    } }));
 var useTab = function (model, elemProps, ref) {
     if (elemProps === void 0) { elemProps = {}; }
     var _a = common_1.useLocalRef(ref), localRef = _a.localRef, elementRef = _a.elementRef;

package/dist/commonjs/tooltip/lib/OverflowTooltip.d.ts

@@ -1,5 +1,15 @@
 import * as React from 'react';
 import { Placement } from '@workday/canvas-kit-react/popup';
+/**
+ * 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.
+ */
+export declare 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.
+ */
+export declare const findEllipsisElement: (element: Element) => Element | null;
 export interface OverflowTooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
     /**
      * The target (anchor element) for the Tooltip.

package/dist/commonjs/tooltip/lib/OverflowTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowTooltip.d.ts","sourceRoot":"","sources":["../../../../tooltip/lib/OverflowTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAA4B,SAAS,EAAS,MAAM,iCAAiC,CAAC;AA+D7F,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/F;;;;;;;OAOG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAiBD,eAAO,MAAM,eAAe,8EA4C3B,CAAC"}
+{"version":3,"file":"OverflowTooltip.d.ts","sourceRoot":"","sources":["../../../../tooltip/lib/OverflowTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAA4B,SAAS,EAAS,MAAM,iCAAiC,CAAC;AAM7F;;;GAGG;AACH,eAAO,MAAM,mBAAmB,sCAoB/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,sCAe/B,CAAC;AAcF,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/F;;;;;;;OAOG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAiBD,eAAO,MAAM,eAAe,8EA4C3B,CAAC"}

package/dist/commonjs/tooltip/lib/OverflowTooltip.js

@@ -38,7 +38,7 @@ var useTooltip_1 = require("./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.
  */
-var findOverflowElement = function (element) {
+exports.findOverflowElement = function (element) {
     var style = getComputedStyle(element);
     if (style.overflow === 'auto' ||
         style.overflow === 'scroll' ||
@@ -49,7 +49,7 @@ var findOverflowElement = function (element) {
     else if (element.children) {
         // `children` is not defined for SVGElement in IE11
         for (var i = 0; i < element.children.length; i++) {
-            var overflowElement = findOverflowElement(element.children[i]);
+            var overflowElement = exports.findOverflowElement(element.children[i]);
             if (overflowElement) {
                 return overflowElement;
             }
@@ -62,23 +62,25 @@ var findOverflowElement = function (element) {
  * 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.
  */
-var findEllipsisElement = function (element) {
+exports.findEllipsisElement = function (element) {
     var 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 (var i = 0; i < element.children.length; i++) {
-            var overflowElement = findEllipsisElement(element.children[i]);
+            var overflowElement = exports.findEllipsisElement(element.children[i]);
             if (overflowElement) {
                 return overflowElement;
             }
         }
         return null;
     }
+    return null;
 };
 var isOverflowed = function (element) {
-    var overflowElement = findEllipsisElement(element) || findOverflowElement(element);
+    var overflowElement = exports.findEllipsisElement(element) || exports.findOverflowElement(element);
     if (overflowElement) {
         return (overflowElement.scrollWidth > overflowElement.clientWidth ||
             overflowElement.scrollHeight > overflowElement.clientHeight);

package/dist/es6/pagination/lib/Pagination/GoTo/Label.d.ts

@@ -3,6 +3,9 @@ import * as React from 'react';
 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;
 }
 export declare const GoToLabel: ({ css: cssProp, model, children, ...elemProps }: GoToLabelProps) => JSX.Element;

package/dist/es6/pagination/lib/Pagination/GoTo/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/GoTo/Label.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAC;AAEzC,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACjF,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;CAC1E;AAQD,eAAO,MAAM,SAAS,kFAMrB,CAAC"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/GoTo/Label.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAC;AAEzC,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACjF,KAAK,EAAE,eAAe,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;CAC1E;AAQD,eAAO,MAAM,SAAS,kFAMrB,CAAC"}

package/dist/es6/pagination/lib/Pagination/types.d.ts

@@ -1,16 +1,55 @@
 export interface PaginationState {
+    /**
+     * 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;
 }
 export interface PaginationModel {

package/dist/es6/pagination/lib/Pagination/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,eAAe,CAAC;IACvB,MAAM,EAAE,gBAAgB,CAAC;CAC1B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB;;OAEG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB;;OAEG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;;;;;OAOG;IACH,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,eAAe,CAAC;IACvB,MAAM,EAAE,gBAAgB,CAAC;CAC1B"}

package/dist/es6/pagination/lib/Pagination/usePaginationModel.d.ts

@@ -1,9 +1,28 @@
 import { PaginationModel } from './types';
 export declare 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;
 };
 export declare const usePaginationModel: ({ firstPage, initialCurrentPage, lastPage, rangeSize, onPageChange, }: UsePaginationModelConfig) => PaginationModel;

package/dist/es6/pagination/lib/Pagination/usePaginationModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePaginationModel.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/usePaginationModel.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC,oBAAY,wBAAwB,GAAG;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,sHAsE9B,CAAC"}
+{"version":3,"file":"usePaginationModel.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/usePaginationModel.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC,oBAAY,wBAAwB,GAAG;IACrC;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,sHAsE9B,CAAC"}

package/dist/es6/tabs/lib/Tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,MAAM,WAAW,QAAQ;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAmGD,eAAO,MAAM,GAAG,6DAad,CAAC"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,MAAM,WAAW,QAAQ;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA6FD,eAAO,MAAM,GAAG,6DAad,CAAC"}

package/dist/es6/tabs/lib/Tab.js

@@ -37,31 +37,25 @@ var StyledButton = styled('button')(__assign(__assign(__assign(__assign({}, type
             cursor: 'auto',
             backgroundColor: "transparent",
         },
-    } }), function (_a) {
-    var isSelected = _a.isSelected;
-    if (isSelected) {
-        return {
+    }, '&[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,
-            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 {};
-});
+        },
+    } }));
 var useTab = function (model, elemProps, ref) {
     if (elemProps === void 0) { elemProps = {}; }
     var _a = useLocalRef(ref), localRef = _a.localRef, elementRef = _a.elementRef;

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

@@ -1,5 +1,15 @@
 import * as React from 'react';
 import { Placement } from '@workday/canvas-kit-react/popup';
+/**
+ * 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.
+ */
+export declare 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.
+ */
+export declare const findEllipsisElement: (element: Element) => Element | null;
 export interface OverflowTooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
     /**
      * The target (anchor element) for the Tooltip.

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

@@ -1 +1 @@
-{"version":3,"file":"OverflowTooltip.d.ts","sourceRoot":"","sources":["../../../../tooltip/lib/OverflowTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAA4B,SAAS,EAAS,MAAM,iCAAiC,CAAC;AA+D7F,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/F;;;;;;;OAOG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAiBD,eAAO,MAAM,eAAe,8EA4C3B,CAAC"}
+{"version":3,"file":"OverflowTooltip.d.ts","sourceRoot":"","sources":["../../../../tooltip/lib/OverflowTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAA4B,SAAS,EAAS,MAAM,iCAAiC,CAAC;AAM7F;;;GAGG;AACH,eAAO,MAAM,mBAAmB,sCAoB/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,sCAe/B,CAAC;AAcF,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/F;;;;;;;OAOG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAiBD,eAAO,MAAM,eAAe,8EA4C3B,CAAC"}

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

@@ -29,7 +29,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.
  */
-var findOverflowElement = function (element) {
+export var findOverflowElement = function (element) {
     var style = getComputedStyle(element);
     if (style.overflow === 'auto' ||
         style.overflow === 'scroll' ||
@@ -53,12 +53,13 @@ var findOverflowElement = function (element) {
  * 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.
  */
-var findEllipsisElement = function (element) {
+export var findEllipsisElement = function (element) {
     var 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 (var i = 0; i < element.children.length; i++) {
             var overflowElement = findEllipsisElement(element.children[i]);
             if (overflowElement) {
@@ -67,6 +68,7 @@ var findEllipsisElement = function (element) {
         }
         return null;
     }
+    return null;
 };
 var isOverflowed = function (element) {
     var overflowElement = findEllipsisElement(element) || findOverflowElement(element);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-react",
-  "version": "5.3.0-next.3+6f698ff2",
+  "version": "5.3.1",
   "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.3+6f698ff2",
-    "@workday/canvas-kit-popup-stack": "^5.3.0-next.3+6f698ff2",
-    "@workday/canvas-kit-preview-react": "^5.3.0-next.3+6f698ff2",
+    "@workday/canvas-kit-labs-react": "^5.3.1",
+    "@workday/canvas-kit-popup-stack": "^5.3.1",
+    "@workday/canvas-kit-preview-react": "^5.3.1",
     "@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": "6f698ff217cb6ab7bf9aecd86e326eb60a85edbc"
+  "gitHead": "b60f3e21f949f6f514e63f3b5550e270220a22ae"
 }

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/ts3.5/dist/commonjs/pagination/lib/Pagination/GoTo/Label.d.ts

@@ -3,6 +3,9 @@ import * as React from 'react';
 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;
 }
 export declare const GoToLabel: ({ css: cssProp, model, children, ...elemProps }: GoToLabelProps) => JSX.Element;

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

@@ -1,16 +1,55 @@
 export interface PaginationState {
+    /**
+     * 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;
 }
 export interface PaginationModel {

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

@@ -1,9 +1,28 @@
 import { PaginationModel } from './types';
 export declare 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;
 };
 export declare const usePaginationModel: ({ firstPage, initialCurrentPage, lastPage, rangeSize, onPageChange, }: UsePaginationModelConfig) => PaginationModel;

package/ts3.5/dist/commonjs/tooltip/lib/OverflowTooltip.d.ts

@@ -1,5 +1,15 @@
 import * as React from 'react';
 import { Placement } from '@workday/canvas-kit-react/popup';
+/**
+ * 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.
+ */
+export declare 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.
+ */
+export declare const findEllipsisElement: (element: Element) => Element | null;
 export interface OverflowTooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
     /**
      * The target (anchor element) for the Tooltip.

package/ts3.5/dist/es6/pagination/lib/Pagination/GoTo/Label.d.ts

@@ -3,6 +3,9 @@ import * as React from 'react';
 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;
 }
 export declare const GoToLabel: ({ css: cssProp, model, children, ...elemProps }: GoToLabelProps) => JSX.Element;

package/ts3.5/dist/es6/pagination/lib/Pagination/types.d.ts

@@ -1,16 +1,55 @@
 export interface PaginationState {
+    /**
+     * 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;
 }
 export interface PaginationModel {

package/ts3.5/dist/es6/pagination/lib/Pagination/usePaginationModel.d.ts

@@ -1,9 +1,28 @@
 import { PaginationModel } from './types';
 export declare 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;
 };
 export declare const usePaginationModel: ({ firstPage, initialCurrentPage, lastPage, rangeSize, onPageChange, }: UsePaginationModelConfig) => PaginationModel;

package/ts3.5/dist/es6/tooltip/lib/OverflowTooltip.d.ts

@@ -1,5 +1,15 @@
 import * as React from 'react';
 import { Placement } from '@workday/canvas-kit-react/popup';
+/**
+ * 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.
+ */
+export declare 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.
+ */
+export declare const findEllipsisElement: (element: Element) => Element | null;
 export interface OverflowTooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
     /**
      * The target (anchor element) for the Tooltip.