@workday/canvas-kit-labs-react 8.5.0-339-next.0 → 8.5.0-342-next.2

package/dist/commonjs/combobox/lib/AutocompleteList.js

@@ -29,12 +29,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -64,7 +62,7 @@ var AutocompleteList = function (_a) {
         'aria-labelledby': labelId,
     };
     var createListItem = function (listboxItem, itemIndex, groupMessage) {
-        var children = __spreadArrays([
+        var children = __spreadArray([
             react_1.default.createElement(AccessibleHide, { key: "group-message-" + itemIndex }, groupMessage)
         ], react_1.default.Children.toArray(listboxItem.props.children));
         return (react_1.default.createElement(react_1.Fragment, { key: itemIndex }, react_1.default.cloneElement(listboxItem, {

package/dist/commonjs/common/lib/theming/useThemeRTL.js

@@ -10,12 +10,10 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -74,7 +72,7 @@ function useThemeRTL() {
             for (var _i = 0; _i < arguments.length; _i++) {
                 cssObject[_i] = arguments[_i];
             }
-            var styles = getDirectionalStyles.apply(void 0, __spreadArrays([direction], cssObject));
+            var styles = getDirectionalStyles.apply(void 0, __spreadArray([direction], cssObject));
             return styles.reduce(function (first, second) {
                 var convertedFirst = getConvertedStyles(first, convertFunc);
                 var convertedSecond = getConvertedStyles(second, convertFunc);

package/dist/commonjs/drawer/lib/Drawer.js

@@ -7,6 +7,8 @@ var __extends = (this && this.__extends) || (function () {
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/commonjs/drawer/lib/DrawerHeader.js

@@ -7,6 +7,8 @@ var __extends = (this && this.__extends) || (function () {
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -83,7 +85,7 @@ var HeaderContainer = styled_1.default('div')({
     });
 });
 var CloseButton = styled_1.default(button_1.TertiaryButton)({
-    margin: '-8px',
+    margin: '-8px', // for inverse and plain button, we always want this margin
 });
 /**
  * ### Deprecated Drawer Header

package/dist/commonjs/expandable/lib/Expandable.d.ts

@@ -8,68 +8,101 @@ export interface ExpandableProps extends ExtractProps<typeof Flex, never> {
      */
     children?: React.ReactNode;
 }
+/**
+ * `Expandable` wraps an `Expandable.Target` and an `Expandable.Content`. By default, it provides a
+ * `DisclosureModel` for its subcomponents. Alternatively, a model may be passed in using the
+ * hoisted model pattern.
+ */
 export declare const Expandable: import("@workday/canvas-kit-react/common").ElementComponentM<"div", ExpandableProps & Partial<{
     id: string;
     initialVisibility: import("@workday/canvas-kit-react/disclosure").Visibility;
 }> & {
     onShow?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, prevState: {
         id: string;
-        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+        visibility: "hidden" | "visible";
     }) => void) | undefined;
     onHide?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, prevState: {
         id: string;
-        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+        visibility: "hidden" | "visible";
     }) => void) | undefined;
 } & {
     shouldShow?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, state: {
         id: string;
-        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+        visibility: "hidden" | "visible";
     }) => boolean) | undefined;
     shouldHide?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, state: {
         id: string;
-        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+        visibility: "hidden" | "visible";
     }) => boolean) | undefined;
 }, {
     state: {
         id: string;
-        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
         hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
     };
 }> & {
+    /**
+     * `Expandable.Target` creates a heading and a button. The heading is a semantic heading to
+     * describe the associated content. The button provides users the ability to toggle the
+     * associated content.
+     *
+     * As according to the [W3 disclosure
+     * specification](https://www.w3.org/TR/wai-aria-practices-1.1/#disclosure), the button has
+     * `aria-expanded` and `aria-controls` attributes set by default
+     *
+     * This component should hold an `Expandable.Icon`, an optional `Expandable.Avatar`, and an
+     * `Expandable.Title`.
+     */
     Target: import("@workday/canvas-kit-react/common").ElementComponentM<"button", import("./ExpandableTarget").ExpandableTargetProps, {
         state: {
             id: string;
-            visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+            visibility: "hidden" | "visible";
         };
         events: {
             show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
             hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
         };
     }>;
-    Content: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("./ExpandableContent").ExpandableContentProps, {
+    /**
+     * `Expandable.Title` styles the target text that describes the content.
+     */
+    Title: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("./ExpandableTitle").ExpandableTitleProps>;
+    /**
+     * `Expandable.Icon` creates an icon to visually indicate the state of the content. It takes an
+     * `iconPosition` prop to determine which chevron icon to use.
+     */
+    Icon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", import("./ExpandableIcon").ExpandableIconProps, {
         state: {
             id: string;
-            visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+            visibility: "hidden" | "visible";
         };
         events: {
             show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
             hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
         };
     }>;
-    Icon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", import("./ExpandableIcon").ExpandableIconProps, {
+    /**
+     * `Expandable.Avatar` is an optional component that creates an `Avatar` to display a decorative
+     * image.
+     */
+    Avatar: import("@workday/canvas-kit-react/common").ElementComponent<"button", import("./ExpandableAvatar").ExpandableAvatarProps>;
+    /**
+     * `Expandable.Content` holds the content that will be conditionally expanded and collapsed. It
+     * has an `id` to ensure the `Expandable.Target` properly set it to the `aria-controls`
+     * attribute.
+     */
+    Content: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("./ExpandableContent").ExpandableContentProps, {
         state: {
             id: string;
-            visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+            visibility: "hidden" | "visible";
         };
         events: {
             show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
             hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
         };
     }>;
-    Avatar: import("@workday/canvas-kit-react/common").ElementComponent<"button", import("./ExpandableAvatar").ExpandableAvatarProps>;
-    Title: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("./ExpandableTitle").ExpandableTitleProps>;
 };
 //# sourceMappingURL=Expandable.d.ts.map

package/dist/commonjs/expandable/lib/Expandable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Expandable.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/Expandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAStD,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACvE;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAarB,CAAC"}
+{"version":3,"file":"Expandable.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/Expandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAStD,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACvE;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAInB;;;;;;;;;;;OAWG;;;;;;;;;;;IAEH;;OAEG;;IAEH;;;OAGG;;;;;;;;;;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;CAOL,CAAC"}

package/dist/commonjs/expandable/lib/Expandable.js

@@ -35,14 +35,48 @@ var ExpandableIcon_1 = require("./ExpandableIcon");
 var ExpandableTitle_1 = require("./ExpandableTitle");
 var ExpandableAvatar_1 = require("./ExpandableAvatar");
 var useExpandableModel_1 = require("./hooks/useExpandableModel");
+/**
+ * `Expandable` wraps an `Expandable.Target` and an `Expandable.Content`. By default, it provides a
+ * `DisclosureModel` for its subcomponents. Alternatively, a model may be passed in using the
+ * hoisted model pattern.
+ */
 exports.Expandable = common_1.createContainer('div')({
+    displayName: 'Expandable',
     modelHook: useExpandableModel_1.useExpandableModel,
     subComponents: {
+        /**
+         * `Expandable.Target` creates a heading and a button. The heading is a semantic heading to
+         * describe the associated content. The button provides users the ability to toggle the
+         * associated content.
+         *
+         * As according to the [W3 disclosure
+         * specification](https://www.w3.org/TR/wai-aria-practices-1.1/#disclosure), the button has
+         * `aria-expanded` and `aria-controls` attributes set by default
+         *
+         * This component should hold an `Expandable.Icon`, an optional `Expandable.Avatar`, and an
+         * `Expandable.Title`.
+         */
         Target: ExpandableTarget_1.ExpandableTarget,
-        Content: ExpandableContent_1.ExpandableContent,
+        /**
+         * `Expandable.Title` styles the target text that describes the content.
+         */
+        Title: ExpandableTitle_1.ExpandableTitle,
+        /**
+         * `Expandable.Icon` creates an icon to visually indicate the state of the content. It takes an
+         * `iconPosition` prop to determine which chevron icon to use.
+         */
         Icon: ExpandableIcon_1.ExpandableIcon,
+        /**
+         * `Expandable.Avatar` is an optional component that creates an `Avatar` to display a decorative
+         * image.
+         */
         Avatar: ExpandableAvatar_1.ExpandableAvatar,
-        Title: ExpandableTitle_1.ExpandableTitle,
+        /**
+         * `Expandable.Content` holds the content that will be conditionally expanded and collapsed. It
+         * has an `id` to ensure the `Expandable.Target` properly set it to the `aria-controls`
+         * attribute.
+         */
+        Content: ExpandableContent_1.ExpandableContent,
     },
 })(function (_a, Element) {
     var children = _a.children, elementProps = __rest(_a, ["children"]);

package/dist/commonjs/expandable/lib/ExpandableContent.d.ts

@@ -11,7 +11,7 @@ export interface ExpandableContentProps extends ExtractProps<typeof Box, never>
 export declare const ExpandableContent: import("@workday/canvas-kit-react/common").ElementComponentM<"div", ExpandableContentProps, {
     state: {
         id: string;
-        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;

package/dist/commonjs/expandable/lib/ExpandableIcon.d.ts

@@ -19,7 +19,7 @@ export interface ExpandableIconProps extends Omit<ExtractProps<typeof SystemIcon
 export declare const ExpandableIcon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", ExpandableIconProps, {
     state: {
         id: string;
-        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;

package/dist/commonjs/expandable/lib/ExpandableTarget.d.ts

@@ -18,8 +18,13 @@ export interface ExpandableTargetProps extends ExtractProps<typeof Flex, never>
 export declare const ExpandableTarget: import("@workday/canvas-kit-react/common").ElementComponentM<"button", ExpandableTargetProps, {
     state: {
         id: string;
-        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
-    };
+        visibility: "hidden" | "visible";
+    }; /**
+     * Children of the `Expandable.Target`. Should contain `Target.Title`, an optional `Target.Avatar`
+     * and `Target.Icon` with an `iconPosition` prop that takes a value of either `start` or `end`.
+     * `Target.Icon` with `start` is meant to be placed before the `Target.Title` and `Target.Icon`
+     * `end` should be placed after.
+     */
     events: {
         show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
         hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;

package/dist/commonjs/expandable/lib/ExpandableTarget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableTarget.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAMtD,MAAM,WAAW,qBAAsB,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IAC7E;;;;;OAKG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACxD;AAiBD,eAAO,MAAM,gBAAgB;;;;;;;;;EAoB3B,CAAC"}
+{"version":3,"file":"ExpandableTarget.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAMtD,MAAM,WAAW,qBAAsB,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IAC7E;;;;;OAKG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACxD;AAiBD,eAAO,MAAM,gBAAgB;;;;OA7B3B;;;;;OAKG;;;;;EA4CH,CAAC"}

package/dist/commonjs/expandable/lib/hooks/useExpandableContent.d.ts

@@ -1,13 +1,13 @@
 export declare const useExpandableContent: <P extends {}, R>(model: {
     state: {
         id: string;
-        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         show(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
         hide(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
     };
-}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
+}, elemProps?: P | undefined, ref?: import("react").Ref<R> | undefined) => {
     style: {
         display?: undefined;
     } | {

package/dist/commonjs/expandable/lib/hooks/useExpandableIcon.d.ts

@@ -1,13 +1,13 @@
 export declare const useExpandableIcon: <P extends {}, R>(model: {
     state: {
         id: string;
-        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         show(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
         hide(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
     };
-}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
+}, elemProps?: P | undefined, ref?: import("react").Ref<R> | undefined) => {
     visible: boolean;
 } & P & (R extends HTMLOrSVGElement ? {
     ref: import("react").Ref<R>;

package/dist/commonjs/expandable/lib/hooks/useExpandableModel.d.ts

@@ -1,28 +1,31 @@
+/**
+ * The `ExpandableModel` extends the `DisclosureModel`
+ */
 export declare const useExpandableModel: (<TT_Special_Generic>(config?: (Partial<{
     id: string;
     initialVisibility: import("@workday/canvas-kit-react/disclosure").Visibility;
 }> & {
     onShow?: ((data: Event | import("react").SyntheticEvent<Element, Event> | undefined, prevState: {
         id: string;
-        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+        visibility: "hidden" | "visible";
     }) => void) | undefined;
     onHide?: ((data: Event | import("react").SyntheticEvent<Element, Event> | undefined, prevState: {
         id: string;
-        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+        visibility: "hidden" | "visible";
     }) => void) | undefined;
 } & {
     shouldShow?: ((data: Event | import("react").SyntheticEvent<Element, Event> | undefined, state: {
         id: string;
-        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+        visibility: "hidden" | "visible";
     }) => boolean) | undefined;
     shouldHide?: ((data: Event | import("react").SyntheticEvent<Element, Event> | undefined, state: {
         id: string;
-        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+        visibility: "hidden" | "visible";
     }) => boolean) | undefined;
 }) | undefined) => {
     state: {
         id: string;
-        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         show(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
@@ -33,14 +36,14 @@ export declare const useExpandableModel: (<TT_Special_Generic>(config?: (Partial
     initialVisibility: import("@workday/canvas-kit-react/disclosure").Visibility;
 }, {}, {
     id: string;
-    visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+    visibility: "hidden" | "visible";
 }, {
     show(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
     hide(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
 }, {
     state: {
         id: string;
-        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         show(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;

package/dist/commonjs/expandable/lib/hooks/useExpandableModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useExpandableModel.d.ts","sourceRoot":"","sources":["../../../../../expandable/lib/hooks/useExpandableModel.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAa7B,CAAC"}
+{"version":3,"file":"useExpandableModel.d.ts","sourceRoot":"","sources":["../../../../../expandable/lib/hooks/useExpandableModel.tsx"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAa7B,CAAC"}

package/dist/commonjs/expandable/lib/hooks/useExpandableModel.js

@@ -14,6 +14,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useExpandableModel = void 0;
 var common_1 = require("@workday/canvas-kit-react/common");
 var disclosure_1 = require("@workday/canvas-kit-react/disclosure");
+/**
+ * The `ExpandableModel` extends the `DisclosureModel`
+ */
 exports.useExpandableModel = common_1.createModelHook({
     defaultConfig: __assign({}, disclosure_1.useDisclosureModel.defaultConfig),
 })(function (config) {

package/dist/commonjs/expandable/lib/hooks/useExpandableTarget.d.ts

@@ -1,13 +1,13 @@
 export declare const useExpandableTarget: <P extends {}, R>(model: {
     state: {
         id: string;
-        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         show(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
         hide(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
     };
-}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
+}, elemProps?: P | undefined, ref?: import("react").Ref<R> | undefined) => {
     'aria-controls': string;
     'aria-expanded': boolean;
     onClick: (event: React.MouseEvent) => void;

package/dist/commonjs/search-form/lib/SearchForm.js

@@ -7,6 +7,8 @@ var __extends = (this && this.__extends) || (function () {
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/commonjs/toast/lib/Toast.d.ts

@@ -2,6 +2,13 @@ import { ExtractProps } from '@workday/canvas-kit-react/common';
 import { Popup } from '@workday/canvas-kit-react/popup';
 export interface ToastProps extends Omit<ExtractProps<typeof Popup.Card, never>, 'model'> {
 }
+/**
+ * `Toast` defines a container for all `Toast` subcomponents. `Toast` will render with the appropriate
+ * ARIA attributes based on which `mode` is selected. It also accepts a `model` if you wish to provide
+ * a specific `id`.
+ *
+ * `Toast` renders a {@link PopupCard Popup.Card} under the hood.
+ */
 export declare const Toast: import("@workday/canvas-kit-react/common").ElementComponentM<"div", ToastProps & Partial<{
     mode: import("./hooks/useToastModel").AriaRoleMode;
     id: string;
@@ -12,9 +19,28 @@ export declare const Toast: import("@workday/canvas-kit-react/common").ElementCo
     };
     events: {};
 }> & {
+    /**
+     * `Toast.Body` defines a container for the contents of the `Toast`, including
+     * {@link ToastMessage Toast.Message} and {@link ToastLink Toast.Link}.
+     *
+     * `Toast.Body` renders a {@link PopupBody Popup.Body} under the hood.
+     */
     Body: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("./ToastBody").ToastBodyProps>;
-    CloseIcon: import("@workday/canvas-kit-react/common").ElementComponent<"button", import("./ToastCloseIcon").ToastCloseIconProps>;
+    /**
+     * `Toast.Icon` renders a decorative icon for the `Toast`. When using `Toast.Icon`, be sure to
+     * set a complementary `mode` to the `Toast`. For example, if the icon conveys an error, set the
+     * `mode` to `'alert'`.
+     *
+     * `Toast.Icon` renders a {@link SystemIcon} under the hood.
+     */
     Icon: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("./ToastIcon").ToastIconProps>;
+    /**
+     * `Toast.Message` defines a container for the message of the `Toast`. It accepts any
+     * {@link React.ReactNode} as its children. `Toast.Message` is assigned a unique `id` so that it
+     * may be read aloud by screen readers when the `Toast` `mode` is set to `dialog`.
+     *
+     * `Toast.Message` renders a {@link Box} under the hood.
+     */
     Message: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("./ToastMessage").ToastMessageProps, {
         state: {
             id: string;
@@ -22,6 +48,18 @@ export declare const Toast: import("@workday/canvas-kit-react/common").ElementCo
         };
         events: {};
     }>;
+    /**
+     * Use `Toast.Link` to provide an action in the `Toast`. `Toast.Link` should always be used in
+     * conjunction with `dialog` `mode` to provide an accessible experience.
+     *
+     * `Toast.Link` renders a {@link Hyperlink} under the hood.
+     */
     Link: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("./ToastLink").ToastLinkProps>;
+    /**
+     * Use `Toast.CloseIcon` to provide a close button to dismiss the `Toast`.
+     *
+     * `Toast.Link` renders a {@link PopupCloseIcon Popup.CloseIcon} under the hood.
+     */
+    CloseIcon: import("@workday/canvas-kit-react/common").ElementComponent<"button", import("./ToastCloseIcon").ToastCloseIconProps>;
 };
 //# sourceMappingURL=Toast.d.ts.map

package/dist/commonjs/toast/lib/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../toast/lib/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAE/E,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AAStD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC;CAAG;AAE5F,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;CA+ChB,CAAC"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../toast/lib/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAE/E,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AAStD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC;CAAG;AAE5F;;;;;;GAMG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;IAId;;;;;OAKG;;IAEH;;;;;;OAMG;;IAEH;;;;;;OAMG;;;;;;;;IAEH;;;;;OAKG;;IAEH;;;;OAIG;;CAwCL,CAAC"}

package/dist/commonjs/toast/lib/Toast.js

@@ -36,15 +36,53 @@ var ToastMessage_1 = require("./ToastMessage");
 var ToastLink_1 = require("./ToastLink");
 var ToastBody_1 = require("./ToastBody");
 var useToastModel_1 = require("./hooks/useToastModel");
+/**
+ * `Toast` defines a container for all `Toast` subcomponents. `Toast` will render with the appropriate
+ * ARIA attributes based on which `mode` is selected. It also accepts a `model` if you wish to provide
+ * a specific `id`.
+ *
+ * `Toast` renders a {@link PopupCard Popup.Card} under the hood.
+ */
 exports.Toast = common_1.createContainer('div')({
     displayName: 'Toast',
     modelHook: useToastModel_1.useToastModel,
     subComponents: {
+        /**
+         * `Toast.Body` defines a container for the contents of the `Toast`, including
+         * {@link ToastMessage Toast.Message} and {@link ToastLink Toast.Link}.
+         *
+         * `Toast.Body` renders a {@link PopupBody Popup.Body} under the hood.
+         */
         Body: ToastBody_1.ToastBody,
-        CloseIcon: ToastCloseIcon_1.ToastCloseIcon,
+        /**
+         * `Toast.Icon` renders a decorative icon for the `Toast`. When using `Toast.Icon`, be sure to
+         * set a complementary `mode` to the `Toast`. For example, if the icon conveys an error, set the
+         * `mode` to `'alert'`.
+         *
+         * `Toast.Icon` renders a {@link SystemIcon} under the hood.
+         */
         Icon: ToastIcon_1.ToastIcon,
+        /**
+         * `Toast.Message` defines a container for the message of the `Toast`. It accepts any
+         * {@link React.ReactNode} as its children. `Toast.Message` is assigned a unique `id` so that it
+         * may be read aloud by screen readers when the `Toast` `mode` is set to `dialog`.
+         *
+         * `Toast.Message` renders a {@link Box} under the hood.
+         */
         Message: ToastMessage_1.ToastMessage,
+        /**
+         * Use `Toast.Link` to provide an action in the `Toast`. `Toast.Link` should always be used in
+         * conjunction with `dialog` `mode` to provide an accessible experience.
+         *
+         * `Toast.Link` renders a {@link Hyperlink} under the hood.
+         */
         Link: ToastLink_1.ToastLink,
+        /**
+         * Use `Toast.CloseIcon` to provide a close button to dismiss the `Toast`.
+         *
+         * `Toast.Link` renders a {@link PopupCloseIcon Popup.CloseIcon} under the hood.
+         */
+        CloseIcon: ToastCloseIcon_1.ToastCloseIcon,
     },
 })(function (_a, Element, model) {
     var children = _a.children, elemProps = __rest(_a, ["children"]);

package/dist/es6/combobox/lib/AutocompleteList.js

@@ -9,12 +9,10 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
 };
 import React, { Fragment, useState } from 'react';
 import styled from '@emotion/styled';
@@ -39,7 +37,7 @@ export var AutocompleteList = function (_a) {
         'aria-labelledby': labelId,
     };
     var createListItem = function (listboxItem, itemIndex, groupMessage) {
-        var children = __spreadArrays([
+        var children = __spreadArray([
             React.createElement(AccessibleHide, { key: "group-message-" + itemIndex }, groupMessage)
         ], React.Children.toArray(listboxItem.props.children));
         return (React.createElement(Fragment, { key: itemIndex }, React.cloneElement(listboxItem, {

package/dist/es6/common/lib/theming/useThemeRTL.js

@@ -9,12 +9,10 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
 };
 import { useIsRTL, useTheme } from '@workday/canvas-kit-react/common';
 import { useMemo } from 'react';
@@ -68,7 +66,7 @@ export function useThemeRTL() {
             for (var _i = 0; _i < arguments.length; _i++) {
                 cssObject[_i] = arguments[_i];
             }
-            var styles = getDirectionalStyles.apply(void 0, __spreadArrays([direction], cssObject));
+            var styles = getDirectionalStyles.apply(void 0, __spreadArray([direction], cssObject));
             return styles.reduce(function (first, second) {
                 var convertedFirst = getConvertedStyles(first, convertFunc);
                 var convertedSecond = getConvertedStyles(second, convertFunc);

package/dist/es6/drawer/lib/Drawer.js

@@ -6,6 +6,8 @@ var __extends = (this && this.__extends) || (function () {
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());