@workday/canvas-kit-labs-react 8.0.0-alpha.167-next.0 → 8.0.0-alpha.172-next.1

package/dist/commonjs/expandable/index.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/Expandable';
+export * from './lib/hooks';
+//# sourceMappingURL=index.d.ts.map

package/dist/commonjs/expandable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../expandable/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC"}

package/dist/commonjs/expandable/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./lib/Expandable"), exports);
+__exportStar(require("./lib/hooks"), exports);

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

@@ -0,0 +1,86 @@
+import React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Flex } from '@workday/canvas-kit-react/layout';
+export interface ExpandableProps extends ExtractProps<typeof Flex, never> {
+    /**
+     * The children of the `Expandable` container. This should contain `Expandable.Target` and
+     * `Expandable.Container`
+     */
+    children?: React.ReactNode;
+}
+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;
+    }) => void) | undefined;
+    onHide?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, prevState: {
+        id: string;
+        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+    }) => void) | undefined;
+} & {
+    shouldShow?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, state: {
+        id: string;
+        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+    }) => boolean) | undefined;
+    shouldHide?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, state: {
+        id: string;
+        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+    }) => boolean) | undefined;
+}, {
+    state: {
+        id: string;
+        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+    };
+    events: {
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+    };
+}> & {
+    Context: React.Context<{
+        state: {
+            id: string;
+            visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+        };
+        events: {
+            show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+            hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        };
+    }>;
+} & {
+    Target: import("@workday/canvas-kit-react/common").ElementComponentM<"button", import("./ExpandableTarget").ExpandableTargetProps, {
+        state: {
+            id: string;
+            visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+        };
+        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, {
+        state: {
+            id: string;
+            visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+        };
+        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, {
+        state: {
+            id: string;
+            visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+        };
+        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

@@ -0,0 +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"}

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

@@ -0,0 +1,50 @@
+"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");
+exports.Expandable = common_1.createContainer('div')({
+    modelHook: useExpandableModel_1.useExpandableModel,
+    subComponents: {
+        Target: ExpandableTarget_1.ExpandableTarget,
+        Content: ExpandableContent_1.ExpandableContent,
+        Icon: ExpandableIcon_1.ExpandableIcon,
+        Avatar: ExpandableAvatar_1.ExpandableAvatar,
+        Title: ExpandableTitle_1.ExpandableTitle,
+    },
+})(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));
+});

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Avatar } from '@workday/canvas-kit-react/avatar';
+export interface ExpandableAvatarProps extends Omit<ExtractProps<typeof Avatar, never>, keyof React.ButtonHTMLAttributes<HTMLButtonElement>> {
+}
+export declare const ExpandableAvatar: import("@workday/canvas-kit-react/common").ElementComponent<"button", ExpandableAvatarProps>;
+//# sourceMappingURL=ExpandableAvatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableAvatar.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AACnG,OAAO,EAAC,MAAM,EAAC,MAAM,kCAAkC,CAAC;AAGxD,MAAM,WAAW,qBACf,SAAQ,IAAI,CACV,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC,EAClC,MAAM,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CACpD;CAAG;AAUN,eAAO,MAAM,gBAAgB,8FAK3B,CAAC"}

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

@@ -0,0 +1,46 @@
+"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)({
+    marginRight: tokens_1.space.xxs,
+    flexShrink: 0,
+});
+// When the component is created, it needs to be a button element to match AvatarProps.
+// Once Avatar becomes a `createComponent` we can default the element type to a `div`
+// 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));
+    },
+});

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

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface ExpandableContentProps {
+    /**
+     * The children of the `Expandable.Content` whose visibility is controlled by the associated
+     * `Expandable.Target`
+     */
+    children?: React.ReactNode;
+}
+export declare const ExpandableContent: import("@workday/canvas-kit-react/common").ElementComponentM<"div", ExpandableContentProps, {
+    state: {
+        id: string;
+        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+    };
+    events: {
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+    };
+}>;
+//# sourceMappingURL=ExpandableContent.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,41 @@
+"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");
+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));
+});

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { CanvasSystemIcon } from '@workday/design-assets-types';
+import { SystemIcon } from '@workday/canvas-kit-react/icon';
+import { IconPositions } from '@workday/canvas-kit-react/button';
+export interface ExpandableIconProps extends Omit<ExtractProps<typeof SystemIcon, never>, 'icon'> {
+    /**
+     * Icon to display from `@workday/canvas-accent-icons-web`
+     * @default chevronUpIcon
+     */
+    icon?: CanvasSystemIcon;
+    /**
+     * Button icon positions can either be `start` or `end`.
+     * If no value is provided, it defaults to `start`.
+     * @default 'start'
+     */
+    iconPosition?: IconPositions;
+}
+export declare const ExpandableIcon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", ExpandableIconProps, {
+    state: {
+        id: string;
+        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+    };
+    events: {
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+    };
+}>;
+//# sourceMappingURL=ExpandableIcon.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,62 @@
+"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)({
+    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",
+    padding: tokens_1.space.xxxs,
+}, function (_a) {
+    var visible = _a.visible;
+    return ({
+        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)));
+});

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Flex } from '@workday/canvas-kit-react/layout';
+export interface ExpandableTargetProps extends ExtractProps<typeof Flex, never> {
+    /**
+     * 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.
+     */
+    children: React.ReactNode;
+    /**
+     * This specifies the semantic heading level that will wrap the `Expandable.Target`'s button. If not
+     * defined, then nothing will wrap the button.
+     */
+    headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+}
+export declare const ExpandableTarget: import("@workday/canvas-kit-react/common").ElementComponentM<"button", ExpandableTargetProps, {
+    state: {
+        id: string;
+        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+    };
+    events: {
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+    };
+}>;
+//# sourceMappingURL=ExpandableTarget.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,48 @@
+"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': {
+        background: tokens_1.colors.soap300,
+    } }, common_1.hideMouseFocus));
+var 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));
+    return !!headingLevel ? react_1.default.createElement(Heading, { as: headingLevel }, button) : button;
+});

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ExpandableTitleProps {
+    /**
+     * Children of the `Expandable.Title`. This should contain a string for the title
+     */
+    children: React.ReactNode;
+}
+export declare const ExpandableTitle: import("@workday/canvas-kit-react/common").ElementComponent<"div", ExpandableTitleProps>;
+//# sourceMappingURL=ExpandableTitle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableTitle.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,eAAe,0FAoB1B,CAAC"}

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

@@ -0,0 +1,39 @@
+"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.ExpandableTitle = void 0;
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@workday/canvas-kit-react/common");
+var layout_1 = require("@workday/canvas-kit-react/layout");
+var tokens_1 = require("@workday/canvas-kit-react/tokens");
+exports.ExpandableTitle = common_1.createComponent('div')({
+    displayName: 'Expandable.Title',
+    Component: function (_a, ref, Element) {
+        var children = _a.children, elemProps = __rest(_a, ["children"]);
+        return (react_1.default.createElement(layout_1.Box, __assign({ as: Element, ref: ref, padding: "2px " + tokens_1.space.zero + " 2px", color: tokens_1.colors.blackPepper400, style: __assign(__assign({}, tokens_1.type.levels.body.medium), { fontWeight: tokens_1.type.properties.fontWeights.bold, textAlign: 'left' }) }, elemProps), children));
+    },
+});

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

@@ -0,0 +1,4 @@
+export * from './useExpandableContent';
+export * from './useExpandableIcon';
+export * from './useExpandableTarget';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../expandable/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC"}

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

@@ -0,0 +1,15 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useExpandableContent"), exports);
+__exportStar(require("./useExpandableIcon"), exports);
+__exportStar(require("./useExpandableTarget"), exports);

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

@@ -0,0 +1,20 @@
+export declare const useExpandableContent: <P extends {}, R>(model: {
+    state: {
+        id: string;
+        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+    };
+    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) => {
+    style: {
+        display?: undefined;
+    } | {
+        display: string;
+    };
+    id: string;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: import("react").Ref<R>;
+} : {});
+//# sourceMappingURL=useExpandableContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useExpandableContent.d.ts","sourceRoot":"","sources":["../../../../../expandable/lib/hooks/useExpandableContent.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;OAK/B,CAAC"}

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useExpandableContent = void 0;
+var common_1 = require("@workday/canvas-kit-react/common");
+var useExpandableModel_1 = require("../useExpandableModel");
+exports.useExpandableContent = common_1.createElemPropsHook(useExpandableModel_1.useExpandableModel)(function (_a) {
+    var state = _a.state;
+    return {
+        style: state.visibility !== 'hidden' ? {} : { display: 'none' },
+        id: state.id,
+    };
+});

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

@@ -0,0 +1,15 @@
+export declare const useExpandableIcon: <P extends {}, R>(model: {
+    state: {
+        id: string;
+        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+    };
+    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) => {
+    visible: boolean;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: import("react").Ref<R>;
+} : {});
+//# sourceMappingURL=useExpandableIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useExpandableIcon.d.ts","sourceRoot":"","sources":["../../../../../expandable/lib/hooks/useExpandableIcon.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;OAI5B,CAAC"}

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useExpandableIcon = void 0;
+var common_1 = require("@workday/canvas-kit-react/common");
+var useExpandableModel_1 = require("../useExpandableModel");
+exports.useExpandableIcon = common_1.createElemPropsHook(useExpandableModel_1.useExpandableModel)(function (_a) {
+    var state = _a.state;
+    return {
+        visible: state.visibility !== 'hidden',
+    };
+});