@workday/canvas-kit-labs-react 8.0.0 → 8.0.1

package/dist/es6/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/es6/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/es6/expandable/lib/ExpandableContent.js

@@ -0,0 +1,35 @@
+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;
+};
+import React from 'react';
+import { space } from '@workday/canvas-kit-react/tokens';
+import { createSubcomponent } from '@workday/canvas-kit-react/common';
+import { useExpandableContent } from './hooks/useExpandableContent';
+import { Box } from '@workday/canvas-kit-react/layout';
+import { useExpandableModel } from './useExpandableModel';
+export var ExpandableContent = createSubcomponent('div')({
+    modelHook: useExpandableModel,
+    elemPropsHook: useExpandableContent,
+})(function (_a, Element) {
+    var children = _a.children, elementProps = __rest(_a, ["children"]);
+    return (React.createElement(Box, __assign({ as: Element, background: "none", padding: space.s + " " + space.xxs + " " + space.xxs }, elementProps), children));
+});

package/dist/es6/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/es6/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/es6/expandable/lib/ExpandableIcon.js

@@ -0,0 +1,56 @@
+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;
+};
+import React from 'react';
+import { createSubcomponent, styled, } from '@workday/canvas-kit-react/common';
+import { chevronUpIcon, chevronDownIcon } from '@workday/canvas-system-icons-web';
+import { useExpandableIcon } from './hooks/useExpandableIcon';
+import { SystemIcon } from '@workday/canvas-kit-react/icon';
+import { colors, space } from '@workday/canvas-kit-react/tokens';
+import { useExpandableModel } from './useExpandableModel';
+var StyledEndIcon = styled(SystemIcon)({
+    marginLeft: 'auto',
+}, function (_a) {
+    var visible = _a.visible;
+    return ({
+        transform: !visible ? 'rotate(-180deg)' : undefined,
+        padding: !visible
+            ? space.xxxs + " " + space.xs + " " + space.xxxs + " " + space.xxxs
+            : space.xxxs + " " + space.xxxs + " " + space.xxxs + " " + space.xs,
+    });
+});
+var StyledStartIcon = styled(SystemIcon)({
+    margin: "0 " + space.xxs + " 0 0",
+    padding: space.xxxs,
+}, function (_a) {
+    var visible = _a.visible;
+    return ({
+        transform: !visible ? 'rotate(-90deg)' : undefined,
+    });
+});
+export var ExpandableIcon = createSubcomponent('span')({
+    modelHook: useExpandableModel,
+    elemPropsHook: 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.createElement(StyledEndIcon, __assign({ as: Element, fill: colors.licorice200, icon: icon || chevronUpIcon, visible: visible }, elementProps))) : (React.createElement(StyledStartIcon, __assign({ as: Element, fill: colors.licorice200, icon: icon || chevronDownIcon, visible: visible }, elementProps)));
+});

package/dist/es6/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/es6/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/es6/expandable/lib/ExpandableTarget.js

@@ -0,0 +1,42 @@
+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;
+};
+import React from 'react';
+import { createSubcomponent, focusRing, hideMouseFocus, styled, } from '@workday/canvas-kit-react/common';
+import { useExpandableTarget } from './hooks/useExpandableTarget';
+import { Flex } from '@workday/canvas-kit-react/layout';
+import { colors } from '@workday/canvas-kit-react/tokens';
+import { useExpandableModel } from './useExpandableModel';
+var StyledButton = styled(Flex.as('button'))(__assign({ cursor: 'pointer', '&:focus': __assign({}, focusRing()), '&:hover': {
+        background: colors.soap300,
+    } }, hideMouseFocus));
+var Heading = styled('h1')({
+    margin: 0,
+});
+export var ExpandableTarget = createSubcomponent('button')({
+    modelHook: useExpandableModel,
+    elemPropsHook: useExpandableTarget,
+})(function (_a, Element) {
+    var children = _a.children, headingLevel = _a.headingLevel, elementProps = __rest(_a, ["children", "headingLevel"]);
+    var button = (React.createElement(StyledButton, __assign({ as: Element, background: "none", border: "none", borderRadius: "m", flexDirection: "row", padding: "xxs", width: "100%" }, elementProps), children));
+    return !!headingLevel ? React.createElement(Heading, { as: headingLevel }, button) : button;
+});

package/dist/es6/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/es6/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/es6/expandable/lib/ExpandableTitle.js

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

package/dist/es6/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/es6/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/es6/expandable/lib/hooks/index.js

@@ -0,0 +1,3 @@
+export * from './useExpandableContent';
+export * from './useExpandableIcon';
+export * from './useExpandableTarget';

package/dist/es6/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/es6/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/es6/expandable/lib/hooks/useExpandableContent.js

@@ -0,0 +1,9 @@
+import { createElemPropsHook } from '@workday/canvas-kit-react/common';
+import { useExpandableModel } from '../useExpandableModel';
+export var useExpandableContent = createElemPropsHook(useExpandableModel)(function (_a) {
+    var state = _a.state;
+    return {
+        style: state.visibility !== 'hidden' ? {} : { display: 'none' },
+        id: state.id,
+    };
+});

package/dist/es6/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/es6/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/es6/expandable/lib/hooks/useExpandableIcon.js

@@ -0,0 +1,8 @@
+import { createElemPropsHook } from '@workday/canvas-kit-react/common';
+import { useExpandableModel } from '../useExpandableModel';
+export var useExpandableIcon = createElemPropsHook(useExpandableModel)(function (_a) {
+    var state = _a.state;
+    return {
+        visible: state.visibility !== 'hidden',
+    };
+});

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

@@ -0,0 +1,17 @@
+export declare const useExpandableTarget: <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) => {
+    'aria-controls': string;
+    'aria-expanded': boolean;
+    onClick: (event: React.MouseEvent) => void;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: import("react").Ref<R>;
+} : {});
+//# sourceMappingURL=useExpandableTarget.d.ts.map

package/dist/es6/expandable/lib/hooks/useExpandableTarget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpandableTarget.d.ts","sourceRoot":"","sources":["../../../../../expandable/lib/hooks/useExpandableTarget.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;qBAIX,gBAAgB;;;OAQnC,CAAC"}

package/dist/es6/expandable/lib/hooks/useExpandableTarget.js

@@ -0,0 +1,17 @@
+import { createElemPropsHook } from '@workday/canvas-kit-react/common';
+import { useExpandableModel } from '../useExpandableModel';
+export var useExpandableTarget = createElemPropsHook(useExpandableModel)(function (_a) {
+    var state = _a.state, events = _a.events;
+    return {
+        'aria-controls': state.id,
+        'aria-expanded': state.visibility !== 'hidden',
+        onClick: function (event) {
+            if (state.visibility !== 'hidden') {
+                events.hide(event);
+            }
+            else {
+                events.show(event);
+            }
+        },
+    };
+});

package/dist/es6/expandable/lib/useExpandableModel.d.ts

@@ -0,0 +1,50 @@
+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;
+    }) => void) | undefined;
+    onHide?: ((data: Event | import("react").SyntheticEvent<Element, Event> | undefined, prevState: {
+        id: string;
+        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+    }) => void) | undefined;
+} & {
+    shouldShow?: ((data: Event | import("react").SyntheticEvent<Element, Event> | undefined, state: {
+        id: string;
+        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+    }) => boolean) | undefined;
+    shouldHide?: ((data: Event | import("react").SyntheticEvent<Element, Event> | undefined, state: {
+        id: string;
+        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+    }) => boolean) | undefined;
+}) | undefined) => {
+    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;
+    };
+}) & import("@workday/canvas-kit-react/common").ModelExtras<{
+    id: string;
+    initialVisibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+}, {}, {
+    id: string;
+    visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+}, {
+    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;
+    };
+    events: {
+        show(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
+        hide(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
+    };
+}>;
+//# sourceMappingURL=useExpandableModel.d.ts.map

package/dist/es6/expandable/lib/useExpandableModel.d.ts.map

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

package/dist/es6/expandable/lib/useExpandableModel.js

@@ -0,0 +1,21 @@
+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);
+};
+import { createModelHook } from '@workday/canvas-kit-react/common';
+import { useDisclosureModel } from '@workday/canvas-kit-react/disclosure';
+export var useExpandableModel = createModelHook({
+    defaultConfig: __assign({}, useDisclosureModel.defaultConfig),
+})(function (config) {
+    var disclosure = useDisclosureModel(config);
+    var state = __assign({}, disclosure.state);
+    var events = __assign({}, disclosure.events);
+    return { state: state, events: events };
+});

package/dist/es6/index.d.ts

@@ -1,5 +1,7 @@
 export * from './combobox';
 export * from './common';
 export * from './drawer';
+export * from './expandable';
 export * from './search-form';
+export * from './toast';
 //# sourceMappingURL=index.d.ts.map

package/dist/es6/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC"}

package/dist/es6/index.js

@@ -1,4 +1,6 @@
 export * from './combobox';
 export * from './common';
 export * from './drawer';
+export * from './expandable';
 export * from './search-form';
+export * from './toast';

package/dist/es6/search-form/lib/SearchForm.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { GrowthBehavior } from '@workday/canvas-kit-react/common';
 import { TertiaryButtonProps } from '@workday/canvas-kit-react/button';
-import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
 import { SearchTheme, SearchThemeAttributes } from './themes';
 export interface SearchFormProps extends GrowthBehavior, React.FormHTMLAttributes<HTMLFormElement> {
     /**
@@ -20,7 +19,7 @@ export interface SearchFormProps extends GrowthBehavior, React.FormHTMLAttribute
     /**
      * The autocomplete items of the SearchForm. This array of menu items is shown under the search bar.
      */
-    autocompleteItems?: React.ReactElement<MenuItemProps>[];
+    autocompleteItems?: React.ReactElement<any>[];
     /**
      * The theme of the header the search input is being rendered in.
      */

package/dist/es6/search-form/lib/SearchForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchForm.d.ts","sourceRoot":"","sources":["../../../../search-form/lib/SearchForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,cAAc,EAA2B,MAAM,kCAAkC,CAAC;AAC1F,OAAO,EAAiB,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAKrF,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAe,WAAW,EAAE,qBAAqB,EAAC,MAAM,UAAU,CAAC;AAG1E,MAAM,WAAW,eAAgB,SAAQ,cAAc,EAAE,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC;IAChG;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC3D;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,qBAAqB,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB;AAsLD,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,MAAM,CAAC,KAAK,qBAAe;IAE3B,OAAO,CAAC,QAAQ,CAAuC;IACvD,OAAO,CAAC,OAAO,CAAwC;IACvD,OAAO,CAAC,OAAO,CAAsB;IAErC,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAI9B;IAEF,OAAO,CAAC,QAAQ,CAUd;IAEF,OAAO,CAAC,cAAc,CAMpB;IAEF,iBAAiB,QAAO,mBAAmB,CAAC,SAAS,CAAC,CAOpD;IAEF,YAAY,UAAW,MAAM,SAAS,CAAC,eAAe,CAAC,KAAG,IAAI,CAO5D;IAEF,mBAAmB,QAAO,IAAI,CAI5B;IAEF,oBAAoB,QAAO,IAAI,CAI7B;IAEF,kBAAkB,CAAC,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,eAAe;IAWzE,UAAU,QAAO,IAAI,CAInB;IAEF,SAAS,QAAO,IAAI,CAIlB;IAEF,WAAW,QAAO,IAAI,CAEpB;IAEF,UAAU,QAAO,IAAI,CAEnB;IAEF,uBAAuB,UAAW,MAAM,WAAW,CAAC,gBAAgB,CAAC,KAAG,IAAI,CAM1E;IAEF,MAAM;CAmGP"}
+{"version":3,"file":"SearchForm.d.ts","sourceRoot":"","sources":["../../../../search-form/lib/SearchForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,cAAc,EAA2B,MAAM,kCAAkC,CAAC;AAC1F,OAAO,EAAiB,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAKrF,OAAO,EAAe,WAAW,EAAE,qBAAqB,EAAC,MAAM,UAAU,CAAC;AAG1E,MAAM,WAAW,eAAgB,SAAQ,cAAc,EAAE,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC;IAChG;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC3D;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;IAC9C;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,qBAAqB,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB;AAmLD,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,MAAM,CAAC,KAAK,qBAAe;IAE3B,OAAO,CAAC,QAAQ,CAAuC;IACvD,OAAO,CAAC,OAAO,CAAwC;IACvD,OAAO,CAAC,OAAO,CAAsB;IAErC,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAI9B;IAEF,OAAO,CAAC,QAAQ,CAUd;IAEF,OAAO,CAAC,cAAc,CAMpB;IAEF,iBAAiB,QAAO,mBAAmB,CAAC,SAAS,CAAC,CAOpD;IAEF,YAAY,UAAW,MAAM,SAAS,CAAC,eAAe,CAAC,KAAG,IAAI,CAO5D;IAEF,mBAAmB,QAAO,IAAI,CAI5B;IAEF,oBAAoB,QAAO,IAAI,CAI7B;IAEF,kBAAkB,CAAC,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,eAAe;IAWzE,UAAU,QAAO,IAAI,CAInB;IAEF,SAAS,QAAO,IAAI,CAIlB;IAEF,WAAW,QAAO,IAAI,CAEpB;IAEF,UAAU,QAAO,IAAI,CAEnB;IAEF,uBAAuB,UAAW,MAAM,WAAW,CAAC,gBAAgB,CAAC,KAAG,IAAI,CAM1E;IAEF,MAAM;CAmGP"}

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

@@ -59,7 +59,7 @@ var maxWidth = 480;
 var minWidth = 120;
 var StyledSearchForm = styled('form')({
     position: 'relative',
-    flex: "1 1 auto",
+    flexGrow: 1,
     display: 'flex',
     alignItems: 'center',
     marginLeft: space.m,
@@ -100,7 +100,6 @@ var SearchContainer = styled('div')({
     var height = _a.height;
     return ({
         minHeight: height,
-        height: height,
     });
 });
 var SearchCombobox = styled(Combobox)({
@@ -148,7 +147,6 @@ var SearchInput = styled(TextInput)(function (_a) {
     var collapseStyles = isCollapsed
         ? {
             fontSize: '20px',
-            lineHeight: '20px',
             paddingLeft: spaceNumbers.xl + spaceNumbers.s,
             paddingRight: spaceNumbers.xl + spaceNumbers.s,
             maxWidth: 'none',
@@ -164,7 +162,7 @@ var SearchInput = styled(TextInput)(function (_a) {
             backgroundColor: inputColors.background,
             height: height,
         };
-    return __assign({ fontSize: '14px', lineHeight: '14px', boxShadow: inputColors.boxShadow, color: inputColors.color, border: 'none', WebkitAppearance: 'none', transition: 'background-color 120ms, color 120ms, box-shadow 200ms, border-color 200ms', zIndex: 2, width: '100%', '&::-webkit-search-cancel-button': {
+    return __assign({ fontSize: '14px', boxShadow: inputColors.boxShadow, color: inputColors.color, border: 'none', WebkitAppearance: 'none', transition: 'background-color 120ms, color 120ms, box-shadow 200ms, border-color 200ms', zIndex: 2, width: '100%', '&::-webkit-search-cancel-button': {
             display: 'none',
         }, '&::placeholder': {
             color: inputColors.placeholderColor,

package/dist/es6/toast/index.d.ts

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

package/dist/es6/toast/index.d.ts.map

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

package/dist/es6/toast/index.js

@@ -0,0 +1,2 @@
+export * from './lib/Toast';
+export * from './lib/hooks/useToastModel';

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

@@ -0,0 +1,27 @@
+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'> {
+}
+export declare const Toast: import("@workday/canvas-kit-react/common").ElementComponentM<"div", ToastProps & Partial<{
+    mode: import("./hooks/useToastModel").AriaRoleMode;
+    id: string;
+}> & {} & {}, {
+    state: {
+        id: string;
+        mode: import("./hooks/useToastModel").AriaRoleMode;
+    };
+    events: {};
+}> & {
+    Body: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("./ToastBody").ToastBodyProps>;
+    CloseIcon: import("@workday/canvas-kit-react/common").ElementComponent<"button", import("./ToastCloseIcon").ToastCloseIconProps>;
+    Icon: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("./ToastIcon").ToastIconProps>;
+    Message: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("./ToastMessage").ToastMessageProps, {
+        state: {
+            id: string;
+            mode: import("./hooks/useToastModel").AriaRoleMode;
+        };
+        events: {};
+    }>;
+    Link: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("./ToastLink").ToastLinkProps>;
+};
+//# sourceMappingURL=Toast.d.ts.map

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

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