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

package/common/lib/styles/accessibleHide.ts

@@ -1,10 +1,10 @@
-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 const accessibleHide: CSSProperties = {
+export const accessibleHide: CSSObject = {
   clip: 'rect(1px, 1px, 1px, 1px)', // Deprecated but still used by most browsers, clip-path will be taking its place soon.
   clipPath: 'polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px)',
   position: 'absolute',

package/cookie-banner/README.md

@@ -1,9 +1,4 @@
-# Canvas Kit Cookie Banner (Deprecated)
-
-> Note: 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.
+# Canvas Kit Cookie Banner
 
 Cookie banner component.
 
@@ -20,28 +15,28 @@ Fixes a cookie banner to the bottom of the web page.
 Can be configured with a "Cookie Settings" element and a custom notice.
 
 ```tsx
-import DeprecatedCookieBanner from '@workday/canvas-kit-react/cookie-banner'
+import CookieBanner from '@workday/canvas-kit-react/cookie-banner'
 
-<DeprecatedCookieBanner
+<CookieBanner
   onAccept={this.onAccept}
   isClosed={this.state.acceptedCookies}
 />
 
-<DeprecatedCookieBanner
+<CookieBanner
   onAccept={this.onAccept}
   isClosed={this.state.acceptedCookies}
   onClickSettings={this.openSettings}
   notice="Custom notice"
 />
 
-<DeprecatedCookieBanner
+<CookieBanner
   onAccept={this.onAccept}
   isClosed={this.state.acceptedCookies}
   onClickSettings={this.openSettings}
-  notice={`${DeprecatedCookieBanner.DefaultNotice} This is appended.`}
+  notice={`${CookieBanner.DefaultNotice} This is appended.`}
 />
 
-<DeprecatedCookieBanner
+<CookieBanner
   onAccept={this.onAccept}
   isClosed={this.state.acceptedCookies}
   notice={<Component />}
@@ -56,11 +51,11 @@ import DeprecatedCookieBanner from '@workday/canvas-kit-react/cookie-banner'
 > without changing your settings, we’ll assume that you are willing to receive cookies.
 
 ```tsx
-<DeprecatedCookieBanner
+<CookieBanner
   onAccept={this.onAccept}
   isClosed={this.state.acceptedCookies}
   onClickSettings={this.openSettings}
-  notice={`${DeprecatedCookieBanner.DefaultNotice} This is appended.`}
+  notice={`${CookieBanner.DefaultNotice} This is appended.`}
 />
 ```
 
@@ -95,7 +90,7 @@ Default: `undefined`
 
 > Custom cookie notice text or element to display.
 
-Default: `DeprecatedCookieBanner.DefaultNotice`
+Default: `CookieBanner.DefaultNotice`
 
 #### `settingsLabel: string`
 

package/cookie-banner/index.ts

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

package/cookie-banner/lib/CookieBanner.tsx

@@ -5,15 +5,7 @@ import styled from '@emotion/styled';
 import {colors, commonColors, type, space} from '@workday/canvas-kit-react/tokens';
 import {Hyperlink, HyperlinkProps, PrimaryButton} from '@workday/canvas-kit-react/button';
 
-/**
- * ### 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
@@ -65,7 +57,7 @@ const Banner = styled('div')(
       padding: `${space.s} 0`,
     },
   },
-  ({isClosed}: Pick<DeprecatedCookieBannerProps, 'isClosed'>) =>
+  ({isClosed}: Pick<CookieBannerProps, 'isClosed'>) =>
     isClosed ? {transform: 'translateY(100%)'} : null
 );
 
@@ -103,30 +95,13 @@ const CookieSettings = (props: CookieSettingsProps) => {
   return <Hyperlink as="button" css={cookieSettingsStyles} {...props} />;
 };
 
-/**
- * ### 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() {
-    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 CookieBanner extends React.Component<CookieBannerProps> {
   public static DefaultNotice =
     'We use cookies to ensure that we give you the best experience on our website. If you continue without changing your settings, we’ll assume that you are willing to receive cookies.';
 
   public render(): React.ReactNode {
     const {
-      notice = DeprecatedCookieBanner.DefaultNotice,
+      notice = CookieBanner.DefaultNotice,
       settingsLabel = 'Cookie Settings',
       isClosed,
       onAccept,

package/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/dist/commonjs/common/lib/styles/accessibleHide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accessibleHide.d.ts","sourceRoot":"","sources":["../../../../../common/lib/styles/accessibleHide.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAE/D;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,aAW5B,CAAC"}
+{"version":3,"file":"accessibleHide.d.ts","sourceRoot":"","sources":["../../../../../common/lib/styles/accessibleHide.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAExC;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,SAW5B,CAAC"}

package/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/dist/commonjs/cookie-banner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../cookie-banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,oBAAoB,CAAC;AAExD,eAAe,sBAAsB,CAAC;AACtC,OAAO,EAAC,sBAAsB,EAAC,CAAC;AAChC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../cookie-banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAE9C,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAC,YAAY,EAAC,CAAC;AACtB,cAAc,oBAAoB,CAAC"}

package/dist/commonjs/cookie-banner/index.js

@@ -7,6 +7,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var CookieBanner_1 = __importDefault(require("./lib/CookieBanner"));
-exports.DeprecatedCookieBanner = CookieBanner_1.default;
+exports.CookieBanner = CookieBanner_1.default;
 exports.default = CookieBanner_1.default;
 __export(require("./lib/CookieBanner"));

package/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/dist/commonjs/cookie-banner/lib/CookieBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CookieBanner.d.ts","sourceRoot":"","sources":["../../../../cookie-banner/lib/CookieBanner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;GAOG;AACH,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE3D;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAEnE;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAElC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA8DD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,2BAA2B,CAAC;IAC9F,iBAAiB;IASjB,OAAc,aAAa,SAC6J;IAEjL,MAAM,IAAI,KAAK,CAAC,SAAS;CAwBjC"}
+{"version":3,"file":"CookieBanner.d.ts","sourceRoot":"","sources":["../../../../cookie-banner/lib/CookieBanner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE3D;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAEnE;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAElC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA8DD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IAC1E,OAAc,aAAa,SAC6J;IAEjL,MAAM,IAAI,KAAK,CAAC,SAAS;CAwBjC"}

package/dist/commonjs/cookie-banner/lib/CookieBanner.js

@@ -100,31 +100,20 @@ var cookieSettingsStyles = core_1.css({
 var CookieSettings = function (props) {
     return core_1.jsx(button_1.Hyperlink, __assign({ as: "button", css: cookieSettingsStyles }, props));
 };
-/**
- * ### 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.
- */
-var DeprecatedCookieBanner = /** @class */ (function (_super) {
-    __extends(DeprecatedCookieBanner, _super);
-    function DeprecatedCookieBanner() {
+var CookieBanner = /** @class */ (function (_super) {
+    __extends(CookieBanner, _super);
+    function CookieBanner() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DeprecatedCookieBanner.prototype.componentDidMount = function () {
-        console.warn("This component is being deprecated and will be removed in Canvas Kit V7.\n\n      For more information, please see the V6 migration guide:\n\n      https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page\n      ");
-    };
-    DeprecatedCookieBanner.prototype.render = function () {
-        var _a = this.props, _b = _a.notice, notice = _b === void 0 ? DeprecatedCookieBanner.DefaultNotice : _b, _c = _a.settingsLabel, settingsLabel = _c === void 0 ? 'Cookie Settings' : _c, isClosed = _a.isClosed, onAccept = _a.onAccept, onClickSettings = _a.onClickSettings, elemProps = __rest(_a, ["notice", "settingsLabel", "isClosed", "onAccept", "onClickSettings"]);
+    CookieBanner.prototype.render = function () {
+        var _a = this.props, _b = _a.notice, notice = _b === void 0 ? CookieBanner.DefaultNotice : _b, _c = _a.settingsLabel, settingsLabel = _c === void 0 ? 'Cookie Settings' : _c, isClosed = _a.isClosed, onAccept = _a.onAccept, onClickSettings = _a.onClickSettings, elemProps = __rest(_a, ["notice", "settingsLabel", "isClosed", "onAccept", "onClickSettings"]);
         return (core_1.jsx(Banner, __assign({ isClosed: isClosed }, elemProps),
             core_1.jsx(BannerItem, null, notice),
             core_1.jsx(BannerItem, { css: rowStyle },
                 onClickSettings && (core_1.jsx(CookieSettings, { onClick: onClickSettings }, settingsLabel)),
                 core_1.jsx(button_1.PrimaryButton, { onClick: onAccept, grow: true }, "Continue"))));
     };
-    DeprecatedCookieBanner.DefaultNotice = 'We use cookies to ensure that we give you the best experience on our website. If you continue without changing your settings, we’ll assume that you are willing to receive cookies.';
-    return DeprecatedCookieBanner;
+    CookieBanner.DefaultNotice = 'We use cookies to ensure that we give you the best experience on our website. If you continue without changing your settings, we’ll assume that you are willing to receive cookies.';
+    return CookieBanner;
 }(React.Component));
-exports.default = DeprecatedCookieBanner;
+exports.default = CookieBanner;

package/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/dist/commonjs/page-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../page-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,MAAM,kBAAkB,CAAC;AAEpD,eAAe,oBAAoB,CAAC;AACpC,OAAO,EAAC,oBAAoB,EAAC,CAAC;AAC9B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../page-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAE1C,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,CAAC;AACpB,cAAc,kBAAkB,CAAC"}

package/dist/commonjs/page-header/index.js

@@ -7,6 +7,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var PageHeader_1 = __importDefault(require("./lib/PageHeader"));
-exports.DeprecatedPageHeader = PageHeader_1.default;
+exports.PageHeader = PageHeader_1.default;
 exports.default = PageHeader_1.default;
 __export(require("./lib/PageHeader"));

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

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

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../page-header/lib/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;GAOG;AACH,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAkDD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,KAAK,CAAC,SAAS,CAAC,yBAAyB,CAAC;IAC1F,iBAAiB;IASjB,OAAO,CAAC,cAAc;IAgBf,MAAM;CAad"}
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../page-header/lib/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAkDD,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IACtE,OAAO,CAAC,cAAc;IAgBf,MAAM;CAad"}

package/dist/commonjs/page-header/lib/PageHeader.js

@@ -88,23 +88,12 @@ var IconList = styled_1.default('div')({
         marginRight: tokens_1.space.xxs,
     },
 });
-/**
- * ### 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.
- */
-var DeprecatedPageHeader = /** @class */ (function (_super) {
-    __extends(DeprecatedPageHeader, _super);
-    function DeprecatedPageHeader() {
+var PageHeader = /** @class */ (function (_super) {
+    __extends(PageHeader, _super);
+    function PageHeader() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DeprecatedPageHeader.prototype.componentDidMount = function () {
-        console.warn("This component is being deprecated and will be removed in Canvas Kit V7.\n\n      For more information, please see the V6 migration guide:\n\n      https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page\n      ");
-    };
-    DeprecatedPageHeader.prototype.renderChildren = function (children) {
+    PageHeader.prototype.renderChildren = function (children) {
         return React.Children.map(children, function (child) {
             if (!React.isValidElement(child)) {
                 return child;
@@ -117,7 +106,7 @@ var DeprecatedPageHeader = /** @class */ (function (_super) {
             return child;
         });
     };
-    DeprecatedPageHeader.prototype.render = function () {
+    PageHeader.prototype.render = function () {
         // TODO: Standardize on prop spread location (see #150)
         var _a = this.props, _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.breakpoint, breakpoint = _c === void 0 ? 768 : _c, _d = _a.capWidth, capWidth = _d === void 0 ? false : _d, children = _a.children, elemProps = __rest(_a, ["title", "breakpoint", "capWidth", "children"]);
         return (React.createElement(Header, null,
@@ -125,6 +114,6 @@ var DeprecatedPageHeader = /** @class */ (function (_super) {
                 React.createElement(Title, null, title),
                 React.createElement(IconList, null, this.renderChildren(children)))));
     };
-    return DeprecatedPageHeader;
+    return PageHeader;
 }(React.Component));
-exports.default = DeprecatedPageHeader;
+exports.default = PageHeader;

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