@workday/canvas-kit-react 5.2.6 → 5.2.10

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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-react",
-  "version": "5.2.6",
+  "version": "5.2.10",
   "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.2.6",
-    "@workday/canvas-kit-popup-stack": "^5.2.6",
-    "@workday/canvas-kit-preview-react": "^5.2.6",
+    "@workday/canvas-kit-labs-react": "^5.2.10",
+    "@workday/canvas-kit-popup-stack": "^5.2.10",
+    "@workday/canvas-kit-preview-react": "^5.2.10",
     "@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": "995afb783905539646bfb52f824b1c018da9df57"
+  "gitHead": "418af7c145eaed430928c3abb407a211b4132131"
 }

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/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/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;