@workday/canvas-kit-labs-react 8.0.0-alpha.254-next.23 → 8.0.0-alpha.428-next.2

package/dist/commonjs/common/lib/theming/useThemeRTL.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useThemeRTL.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/useThemeRTL.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAI/D,oBAAY,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAc5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,WAAW;6BAMD,aAAa,EAAE;;EAYxC"}
+{"version":3,"file":"useThemeRTL.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/useThemeRTL.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAI/D,oBAAY,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAc5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,WAAW;6BAMD,aAAa,EAAE;;EAYxC"}

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

@@ -1,41 +1,22 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useThemeRTL = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
-var react_1 = require("react");
-var rtl_css_js_1 = __importDefault(require("rtl-css-js"));
-var getDirectionalStyles = function (isRTL) {
-    var styles = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        styles[_i - 1] = arguments[_i];
-    }
+const common_1 = require("@workday/canvas-kit-react/common");
+const react_1 = require("react");
+const rtl_css_js_1 = __importDefault(require("rtl-css-js"));
+const getDirectionalStyles = (isRTL, ...styles) => {
     return isRTL ? rtl_css_js_1.default(styles) : styles;
 };
-var getConvertedStyles = function (styles, convertFunc) {
+const getConvertedStyles = (styles, convertFunc) => {
     return convertFunc ? convertFunc(styles) : styles;
 };
 /**
+ * @deprecated Now that IE11 is no longer supported, we encourage consumers to use [CSS logical properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties)
+ *
+ *
  * A helpful hook for supporting bidirectional styles.
  * * Read below for more detail or [view the docs](https://github.com/Workday/canvas-kit/blob/master/modules/labs-react/common/README.md#useThemeRTL).
  *
@@ -65,23 +46,19 @@ var getConvertedStyles = function (styles, convertFunc) {
  * }
  */
 function useThemeRTL() {
-    var theme = common_1.useTheme();
-    var direction = common_1.useIsRTL(theme);
-    var convertFunc = theme.canvas._styleRewriteFn;
-    var themeRTL = react_1.useMemo(function () {
-        return function () {
-            var cssObject = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                cssObject[_i] = arguments[_i];
-            }
-            var styles = getDirectionalStyles.apply(void 0, __spreadArrays([direction], cssObject));
-            return styles.reduce(function (first, second) {
-                var convertedFirst = getConvertedStyles(first, convertFunc);
-                var convertedSecond = getConvertedStyles(second, convertFunc);
-                return __assign(__assign({}, convertedFirst), convertedSecond);
+    const theme = common_1.useTheme();
+    const direction = common_1.useIsRTL(theme);
+    const convertFunc = theme.canvas._styleRewriteFn;
+    const themeRTL = react_1.useMemo(() => {
+        return (...cssObject) => {
+            const styles = getDirectionalStyles(direction, ...cssObject);
+            return styles.reduce((first, second) => {
+                const convertedFirst = getConvertedStyles(first, convertFunc);
+                const convertedSecond = getConvertedStyles(second, convertFunc);
+                return { ...convertedFirst, ...convertedSecond };
             }, {});
         };
     }, [direction, convertFunc]);
-    return { themeRTL: themeRTL, theme: theme };
+    return { themeRTL, theme };
 }
 exports.useThemeRTL = useThemeRTL;

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;AAO/E,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAGtD,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

@@ -1,50 +1,59 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Expandable = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var ExpandableContent_1 = require("./ExpandableContent");
-var ExpandableTarget_1 = require("./ExpandableTarget");
-var ExpandableIcon_1 = require("./ExpandableIcon");
-var ExpandableTitle_1 = require("./ExpandableTitle");
-var ExpandableAvatar_1 = require("./ExpandableAvatar");
-var layout_1 = require("@workday/canvas-kit-react/layout");
-var useExpandableModel_1 = require("./useExpandableModel");
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const layout_1 = require("@workday/canvas-kit-react/layout");
+const ExpandableContent_1 = require("./ExpandableContent");
+const ExpandableTarget_1 = require("./ExpandableTarget");
+const ExpandableIcon_1 = require("./ExpandableIcon");
+const ExpandableTitle_1 = require("./ExpandableTitle");
+const ExpandableAvatar_1 = require("./ExpandableAvatar");
+const 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"]);
-    return (react_1.default.createElement(layout_1.Flex, __assign({ as: Element, flexDirection: 'column', padding: 'xxs' }, elementProps), children));
-});
+})(({ children, ...elementProps }, Element) => (react_1.default.createElement(layout_1.Flex, Object.assign({ as: Element, flexDirection: 'column', padding: 'xxs' }, elementProps), children)));

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

@@ -1,36 +1,14 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExpandableAvatar = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var avatar_1 = require("@workday/canvas-kit-react/avatar");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var StyledAvatar = common_1.styled(avatar_1.Avatar)({
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const avatar_1 = require("@workday/canvas-kit-react/avatar");
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const StyledAvatar = common_1.styled(avatar_1.Avatar)({
     marginRight: tokens_1.space.xxs,
     flexShrink: 0,
 });
@@ -39,8 +17,7 @@ var StyledAvatar = common_1.styled(avatar_1.Avatar)({
 // and the types should be properly extracted
 exports.ExpandableAvatar = common_1.createComponent('button')({
     displayName: 'Expandable.Avatar',
-    Component: function (_a, ref) {
-        var altText = _a.altText, elemProps = __rest(_a, ["altText"]);
-        return react_1.default.createElement(StyledAvatar, __assign({ altText: undefined, as: "div", ref: ref, size: 32 }, elemProps));
+    Component: ({ altText, ...elemProps }, ref) => {
+        return react_1.default.createElement(StyledAvatar, Object.assign({ altText: undefined, as: "div", ref: ref, size: 32 }, elemProps));
     },
 });

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

@@ -1,5 +1,7 @@
 import React from 'react';
-export interface ExpandableContentProps {
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Box } from '@workday/canvas-kit-react/layout';
+export interface ExpandableContentProps extends ExtractProps<typeof Box, never> {
     /**
      * The children of the `Expandable.Content` whose visibility is controlled by the associated
      * `Expandable.Target`
@@ -9,7 +11,7 @@ export interface ExpandableContentProps {
 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/ExpandableContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableContent.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;EAc5B,CAAC"}
+{"version":3,"file":"ExpandableContent.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,GAAG,EAAC,MAAM,kCAAkC,CAAC;AAKrD,MAAM,WAAW,sBAAuB,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC;IAC7E;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;EAc5B,CAAC"}

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

@@ -1,41 +1,18 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExpandableContent = void 0;
-var react_1 = __importDefault(require("react"));
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var common_1 = require("@workday/canvas-kit-react/common");
-var useExpandableContent_1 = require("./hooks/useExpandableContent");
-var layout_1 = require("@workday/canvas-kit-react/layout");
-var useExpandableModel_1 = require("./useExpandableModel");
+const react_1 = __importDefault(require("react"));
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const common_1 = require("@workday/canvas-kit-react/common");
+const layout_1 = require("@workday/canvas-kit-react/layout");
+const useExpandableContent_1 = require("./hooks/useExpandableContent");
+const useExpandableModel_1 = require("./hooks/useExpandableModel");
 exports.ExpandableContent = common_1.createSubcomponent('div')({
     modelHook: useExpandableModel_1.useExpandableModel,
     elemPropsHook: useExpandableContent_1.useExpandableContent,
-})(function (_a, Element) {
-    var children = _a.children, elementProps = __rest(_a, ["children"]);
-    return (react_1.default.createElement(layout_1.Box, __assign({ as: Element, background: "none", padding: tokens_1.space.s + " " + tokens_1.space.xxs + " " + tokens_1.space.xxs }, elementProps), children));
+})(({ children, ...elementProps }, Element) => {
+    return (react_1.default.createElement(layout_1.Box, Object.assign({ as: Element, background: "none", padding: `${tokens_1.space.s} ${tokens_1.space.xxs} ${tokens_1.space.xxs}` }, elementProps), children));
 });

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/ExpandableIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableIcon.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAE9D,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAI/D,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAC/F;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B;AAwBD,eAAO,MAAM,cAAc;;;;;;;;;EAqB1B,CAAC"}
+{"version":3,"file":"ExpandableIcon.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAE9D,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAK/D,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAC/F;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B;AAwBD,eAAO,MAAM,cAAc;;;;;;;;;EAqB1B,CAAC"}

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

@@ -1,62 +1,31 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExpandableIcon = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
-var useExpandableIcon_1 = require("./hooks/useExpandableIcon");
-var icon_1 = require("@workday/canvas-kit-react/icon");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var useExpandableModel_1 = require("./useExpandableModel");
-var StyledEndIcon = common_1.styled(icon_1.SystemIcon)({
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
+const useExpandableIcon_1 = require("./hooks/useExpandableIcon");
+const icon_1 = require("@workday/canvas-kit-react/icon");
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const useExpandableModel_1 = require("./hooks/useExpandableModel");
+const StyledEndIcon = common_1.styled(icon_1.SystemIcon)({
     marginLeft: 'auto',
-}, function (_a) {
-    var visible = _a.visible;
-    return ({
-        transform: !visible ? 'rotate(-180deg)' : undefined,
-        padding: !visible
-            ? tokens_1.space.xxxs + " " + tokens_1.space.xs + " " + tokens_1.space.xxxs + " " + tokens_1.space.xxxs
-            : tokens_1.space.xxxs + " " + tokens_1.space.xxxs + " " + tokens_1.space.xxxs + " " + tokens_1.space.xs,
-    });
-});
-var StyledStartIcon = common_1.styled(icon_1.SystemIcon)({
-    margin: "0 " + tokens_1.space.xxs + " 0 0",
+}, ({ visible }) => ({
+    transform: !visible ? 'rotate(-180deg)' : undefined,
+    padding: !visible
+        ? `${tokens_1.space.xxxs} ${tokens_1.space.xs} ${tokens_1.space.xxxs} ${tokens_1.space.xxxs}`
+        : `${tokens_1.space.xxxs} ${tokens_1.space.xxxs} ${tokens_1.space.xxxs} ${tokens_1.space.xs}`,
+}));
+const StyledStartIcon = common_1.styled(icon_1.SystemIcon)({
+    margin: `0 ${tokens_1.space.xxs} 0 0`,
     padding: tokens_1.space.xxxs,
-}, function (_a) {
-    var visible = _a.visible;
-    return ({
-        transform: !visible ? 'rotate(-90deg)' : undefined,
-    });
-});
+}, ({ visible }) => ({
+    transform: !visible ? 'rotate(-90deg)' : undefined,
+}));
 exports.ExpandableIcon = common_1.createSubcomponent('span')({
     modelHook: useExpandableModel_1.useExpandableModel,
     elemPropsHook: useExpandableIcon_1.useExpandableIcon,
-})(function (_a, Element) {
-    var icon = _a.icon, visible = _a.visible, _b = _a.iconPosition, iconPosition = _b === void 0 ? 'start' : _b, elementProps = __rest(_a, ["icon", "visible", "iconPosition"]);
-    return iconPosition === 'end' ? (react_1.default.createElement(StyledEndIcon, __assign({ as: Element, fill: tokens_1.colors.licorice200, icon: icon || canvas_system_icons_web_1.chevronUpIcon, visible: visible }, elementProps))) : (react_1.default.createElement(StyledStartIcon, __assign({ as: Element, fill: tokens_1.colors.licorice200, icon: icon || canvas_system_icons_web_1.chevronDownIcon, visible: visible }, elementProps)));
-});
+})(({ icon, visible, iconPosition = 'start', ...elementProps }, Element) => iconPosition === 'end' ? (react_1.default.createElement(StyledEndIcon, Object.assign({ as: Element, fill: tokens_1.colors.licorice200, icon: icon || canvas_system_icons_web_1.chevronUpIcon, visible: visible }, elementProps))) : (react_1.default.createElement(StyledStartIcon, Object.assign({ as: Element, fill: tokens_1.colors.licorice200, icon: icon || canvas_system_icons_web_1.chevronDownIcon, visible: visible }, elementProps))));

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;AAG1C,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAItD,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/ExpandableTarget.js

@@ -1,48 +1,32 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExpandableTarget = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var useExpandableTarget_1 = require("./hooks/useExpandableTarget");
-var layout_1 = require("@workday/canvas-kit-react/layout");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var useExpandableModel_1 = require("./useExpandableModel");
-var StyledButton = common_1.styled(layout_1.Flex.as('button'))(__assign({ cursor: 'pointer', '&:focus': __assign({}, common_1.focusRing()), '&:hover': {
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const layout_1 = require("@workday/canvas-kit-react/layout");
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const useExpandableTarget_1 = require("./hooks/useExpandableTarget");
+const useExpandableModel_1 = require("./hooks/useExpandableModel");
+const StyledButton = common_1.styled(layout_1.Flex.as('button'))({
+    cursor: 'pointer',
+    '&:focus': {
+        ...common_1.focusRing(),
+    },
+    '&:hover': {
         background: tokens_1.colors.soap300,
-    } }, common_1.hideMouseFocus));
-var Heading = common_1.styled('h1')({
+    },
+    ...common_1.hideMouseFocus,
+});
+const Heading = common_1.styled('h1')({
     margin: 0,
 });
 exports.ExpandableTarget = common_1.createSubcomponent('button')({
     modelHook: useExpandableModel_1.useExpandableModel,
     elemPropsHook: useExpandableTarget_1.useExpandableTarget,
-})(function (_a, Element) {
-    var children = _a.children, headingLevel = _a.headingLevel, elementProps = __rest(_a, ["children", "headingLevel"]);
-    var button = (react_1.default.createElement(StyledButton, __assign({ as: Element, background: "none", border: "none", borderRadius: "m", flexDirection: "row", padding: "xxs", width: "100%" }, elementProps), children));
+})(({ children, headingLevel, ...elementProps }, Element) => {
+    const button = (react_1.default.createElement(StyledButton, Object.assign({ as: Element, background: "none", border: "none", borderRadius: "m", flexDirection: "row", padding: "xxs", width: "100%" }, elementProps), children));
     return !!headingLevel ? react_1.default.createElement(Heading, { as: headingLevel }, button) : button;
 });