@workday/canvas-kit-labs-react 7.0.0-alpha.104-next.29 → 7.0.0-alpha.140-next.6

package/combobox/index.ts

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

package/combobox/lib/AutocompleteList.tsx

@@ -46,7 +46,7 @@ interface AutocompleteListProps {
   showGroupText: boolean;
 }
 
-const AutocompleteList = ({
+export const AutocompleteList = ({
   autocompleteItems,
   comboboxId,
   selectedIndex,
@@ -135,5 +135,3 @@ const AutocompleteList = ({
     );
   }
 };
-
-export default AutocompleteList;

package/combobox/lib/Combobox.tsx

@@ -14,8 +14,8 @@ import {TertiaryButton, TertiaryButtonProps} from '@workday/canvas-kit-react/but
 import {xSmallIcon} from '@workday/canvas-system-icons-web';
 import {TextInputProps} from '@workday/canvas-kit-react/text-input';
 import flatten from 'lodash.flatten';
-import AutocompleteList from './AutocompleteList';
-import Status from './Status';
+import {AutocompleteList} from './AutocompleteList';
+import {Status} from './Status';
 
 export interface ComboBoxMenuItemGroup {
   // A non intractable header that logically separates autocomplete items
@@ -110,6 +110,7 @@ const MenuContainer = styled(Card)({
   minWidth: 0,
   animation: `${fadeInKeyframes} 200ms ease-out`,
   maxHeight: 200,
+  overflow: 'hidden',
 });
 
 const ResetButton = styled(TertiaryButton)<{shouldShow: boolean}>(
@@ -137,7 +138,7 @@ export const getOptionId = (baseId?: string, index?: number) =>
 export const getTextFromElement = (children?: React.ReactNode) => {
   let text = '';
   React.Children.map(children, child => {
-    if (child == null || typeof child === 'boolean' || child === {}) {
+    if (child == null || typeof child === 'boolean') {
       text += '';
     } else if (typeof child === 'string' || typeof child === 'number') {
       text += child.toString();
@@ -160,7 +161,7 @@ const isValidSingleChild = (child: React.ReactNode) => {
   return React.isValidElement(child) && React.Children.only(child);
 };
 
-const Combobox = ({
+export const Combobox = ({
   autocompleteItems,
   children,
   grow,
@@ -490,5 +491,3 @@ const Combobox = ({
     </Container>
   );
 };
-
-export default Combobox;

package/combobox/lib/Status.tsx

@@ -13,13 +13,13 @@ export interface StatusProps {
 
 const Container = styled('div')(accessibleHide);
 
-const Status = ({
+export const Status = ({
   ariaLive = 'polite',
-  role = 'log',
-  ariaAtomic = false,
+  role = 'status',
   ariaRelevant = 'additions',
   expireMilliseconds = 500,
   announcementText = '',
+  ariaAtomic,
 }: StatusProps) => {
   const [displayText, setDisplayText] = useState(announcementText);
   useEffect(() => {
@@ -44,5 +44,3 @@ const Status = ({
     </Container>
   );
 };
-
-export default Status;

package/combobox/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/combobox",
   "module": "../dist/es6/combobox",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/combobox"
 }

package/common/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/common",
   "module": "../dist/es6/common",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/common"
 }

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

@@ -1,5 +1,2 @@
-import Combobox from './lib/Combobox';
-export default Combobox;
-export { Combobox };
 export * from './lib/Combobox';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAEtC,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAC,QAAQ,EAAC,CAAC;AAClB,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../combobox/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/commonjs/combobox/index.js

@@ -9,12 +9,5 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 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);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Combobox = void 0;
-var Combobox_1 = __importDefault(require("./lib/Combobox"));
-exports.Combobox = Combobox_1.default;
-exports.default = Combobox_1.default;
 __exportStar(require("./lib/Combobox"), exports);

package/dist/commonjs/combobox/lib/AutocompleteList.d.ts

@@ -27,6 +27,6 @@ interface AutocompleteListProps {
      */
     showGroupText: boolean;
 }
-declare const AutocompleteList: ({ autocompleteItems, comboboxId, selectedIndex, handleAutocompleteClick, labelId, showGroupText, }: AutocompleteListProps) => JSX.Element | null;
-export default AutocompleteList;
+export declare const AutocompleteList: ({ autocompleteItems, comboboxId, selectedIndex, handleAutocompleteClick, labelId, showGroupText, }: AutocompleteListProps) => JSX.Element | null;
+export {};
 //# sourceMappingURL=AutocompleteList.d.ts.map

package/dist/commonjs/combobox/lib/AutocompleteList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteList.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/AutocompleteList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAC,qBAAqB,EAAiD,MAAM,YAAY,CAAC;AAYjG,UAAU,qBAAqB;IAC7B;;OAEG;IACH,iBAAiB,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACjF;;OAEG;IACH,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;OAEG;IACH,uBAAuB,EAAE,CACvB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,EAC3C,aAAa,EAAE,aAAa,KACzB,IAAI,CAAC;IACV;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,gBAAgB,uGAOnB,qBAAqB,uBAiFvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"AutocompleteList.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/AutocompleteList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAC,qBAAqB,EAAiD,MAAM,YAAY,CAAC;AAYjG,UAAU,qBAAqB;IAC7B;;OAEG;IACH,iBAAiB,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACjF;;OAEG;IACH,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;OAEG;IACH,uBAAuB,EAAE,CACvB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,EAC3C,aAAa,EAAE,aAAa,KACzB,IAAI,CAAC;IACV;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,uGAO1B,qBAAqB,uBAiFvB,CAAC"}

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

@@ -40,6 +40,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutocompleteList = void 0;
 var react_1 = __importStar(require("react"));
 var styled_1 = __importDefault(require("@emotion/styled"));
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
@@ -112,4 +113,4 @@ var AutocompleteList = function (_a) {
         })));
     }
 };
-exports.default = AutocompleteList;
+exports.AutocompleteList = AutocompleteList;

package/dist/commonjs/combobox/lib/Combobox.d.ts

@@ -58,6 +58,5 @@ export interface ComboboxProps extends GrowthBehavior, React.HTMLAttributes<HTML
 export declare const listBoxIdPart = "listbox";
 export declare const getOptionId: (baseId?: string | undefined, index?: number | undefined) => string;
 export declare const getTextFromElement: (children?: React.ReactNode) => string;
-declare const Combobox: ({ autocompleteItems, children, grow, initialValue, onChange, onFocus, onBlur, showClearButton, clearButtonVariant, clearButtonAriaLabel, labelId, getStatusText, id, ...elemProps }: ComboboxProps) => JSX.Element;
-export default Combobox;
+export declare const Combobox: ({ autocompleteItems, children, grow, initialValue, onChange, onFocus, onBlur, showClearButton, clearButtonVariant, clearButtonAriaLabel, labelId, getStatusText, id, ...elemProps }: ComboboxProps) => JSX.Element;
 //# sourceMappingURL=Combobox.d.ts.map

package/dist/commonjs/combobox/lib/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EACL,cAAc,EAKf,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AAErE,OAAO,EAAiB,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAErF,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAKpE,MAAM,WAAW,qBAAqB;IAEpC,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAE1C,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;CAC5C;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACtF;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACpD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAClF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C;AA0DD,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC,eAAO,MAAM,WAAW,qEACc,CAAC;AAEvC,eAAO,MAAM,kBAAkB,cAAe,MAAM,SAAS,WAc5D,CAAC;AAYF,QAAA,MAAM,QAAQ,wLAeX,aAAa,gBA0Tf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EACL,cAAc,EAKf,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AAErE,OAAO,EAAiB,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAErF,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAKpE,MAAM,WAAW,qBAAqB;IAEpC,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAE1C,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;CAC5C;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACtF;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACpD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAClF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C;AA2DD,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC,eAAO,MAAM,WAAW,qEACc,CAAC;AAEvC,eAAO,MAAM,kBAAkB,cAAe,MAAM,SAAS,WAc5D,CAAC;AAYF,eAAO,MAAM,QAAQ,wLAelB,aAAa,gBA0Tf,CAAC"}

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

@@ -44,7 +44,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTextFromElement = exports.getOptionId = exports.listBoxIdPart = void 0;
+exports.Combobox = exports.getTextFromElement = exports.getOptionId = exports.listBoxIdPart = void 0;
 var react_1 = __importStar(require("react"));
 var react_2 = require("@emotion/react");
 var common_1 = require("@workday/canvas-kit-react/common");
@@ -53,8 +53,8 @@ var card_1 = require("@workday/canvas-kit-react/card");
 var button_1 = require("@workday/canvas-kit-react/button");
 var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
 var lodash_flatten_1 = __importDefault(require("lodash.flatten"));
-var AutocompleteList_1 = __importDefault(require("./AutocompleteList"));
-var Status_1 = __importDefault(require("./Status"));
+var AutocompleteList_1 = require("./AutocompleteList");
+var Status_1 = require("./Status");
 var Container = common_1.styled('div')({
     display: 'inline-block',
 }, function (_a) {
@@ -89,6 +89,7 @@ var MenuContainer = common_1.styled(card_1.Card)({
     minWidth: 0,
     animation: fadeInKeyframes + " 200ms ease-out",
     maxHeight: 200,
+    overflow: 'hidden',
 });
 var ResetButton = common_1.styled(button_1.TertiaryButton)({
     position: 'absolute',
@@ -115,7 +116,7 @@ exports.getOptionId = getOptionId;
 var getTextFromElement = function (children) {
     var text = '';
     react_1.default.Children.map(children, function (child) {
-        if (child == null || typeof child === 'boolean' || child === {}) {
+        if (child == null || typeof child === 'boolean') {
             text += '';
         }
         else if (typeof child === 'string' || typeof child === 'number') {
@@ -366,7 +367,7 @@ var Combobox = function (_a) {
             showClearButton && (react_1.default.createElement(ResetButton, { shouldShow: !!value, "aria-label": clearButtonAriaLabel, icon: canvas_system_icons_web_1.xSmallIcon, variant: clearButtonVariant, onClick: resetSearchInput, onBlur: handleBlur, size: "small", type: "button" })),
             showingAutocomplete && autocompleteItems && (react_1.default.createElement(MenuContainer, { padding: tokens_1.space.zero, depth: 3 },
                 react_1.default.createElement(card_1.Card.Body, null,
-                    react_1.default.createElement(AutocompleteList_1.default, { comboboxId: componentId, autocompleteItems: autocompleteItems, selectedIndex: selectedAutocompleteIndex, handleAutocompleteClick: handleAutocompleteClick, labelId: formLabelId, showGroupText: showGroupText }))))),
-        react_1.default.createElement(Status_1.default, { announcementText: announcementText })));
+                    react_1.default.createElement(AutocompleteList_1.AutocompleteList, { comboboxId: componentId, autocompleteItems: autocompleteItems, selectedIndex: selectedAutocompleteIndex, handleAutocompleteClick: handleAutocompleteClick, labelId: formLabelId, showGroupText: showGroupText }))))),
+        react_1.default.createElement(Status_1.Status, { announcementText: announcementText })));
 };
-exports.default = Combobox;
+exports.Combobox = Combobox;

package/dist/commonjs/combobox/lib/Status.d.ts

@@ -6,6 +6,5 @@ export interface StatusProps {
     expireMilliseconds?: number;
     announcementText?: string;
 }
-declare const Status: ({ ariaLive, role, ariaAtomic, ariaRelevant, expireMilliseconds, announcementText, }: StatusProps) => JSX.Element;
-export default Status;
+export declare const Status: ({ ariaLive, role, ariaRelevant, expireMilliseconds, announcementText, ariaAtomic, }: StatusProps) => JSX.Element;
 //# sourceMappingURL=Status.d.ts.map

package/dist/commonjs/combobox/lib/Status.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Status.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAC;IAC1C,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,GAAG,OAAO,CAAC;IACxE,YAAY,CAAC,EAAE,WAAW,GAAG,gBAAgB,GAAG,KAAK,GAAG,UAAU,GAAG,MAAM,CAAC;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAID,QAAA,MAAM,MAAM,wFAOT,WAAW,gBAuBb,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Status.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAC;IAC1C,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,GAAG,OAAO,CAAC;IACxE,YAAY,CAAC,EAAE,WAAW,GAAG,gBAAgB,GAAG,KAAK,GAAG,UAAU,GAAG,MAAM,CAAC;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAID,eAAO,MAAM,MAAM,wFAOhB,WAAW,gBAuBb,CAAC"}

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

@@ -22,13 +22,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Status = void 0;
 var react_1 = __importStar(require("react"));
 var styled_1 = __importDefault(require("@emotion/styled"));
 var common_1 = require("@workday/canvas-kit-react/common");
 var Container = styled_1.default('div')(common_1.accessibleHide);
 var Status = function (_a) {
-    var _b = _a.ariaLive, ariaLive = _b === void 0 ? 'polite' : _b, _c = _a.role, role = _c === void 0 ? 'log' : _c, _d = _a.ariaAtomic, ariaAtomic = _d === void 0 ? false : _d, _e = _a.ariaRelevant, ariaRelevant = _e === void 0 ? 'additions' : _e, _f = _a.expireMilliseconds, expireMilliseconds = _f === void 0 ? 500 : _f, _g = _a.announcementText, announcementText = _g === void 0 ? '' : _g;
-    var _h = react_1.useState(announcementText), displayText = _h[0], setDisplayText = _h[1];
+    var _b = _a.ariaLive, ariaLive = _b === void 0 ? 'polite' : _b, _c = _a.role, role = _c === void 0 ? 'status' : _c, _d = _a.ariaRelevant, ariaRelevant = _d === void 0 ? 'additions' : _d, _e = _a.expireMilliseconds, expireMilliseconds = _e === void 0 ? 500 : _e, _f = _a.announcementText, announcementText = _f === void 0 ? '' : _f, ariaAtomic = _a.ariaAtomic;
+    var _g = react_1.useState(announcementText), displayText = _g[0], setDisplayText = _g[1];
     react_1.useEffect(function () {
         if (!announcementText) {
             return;
@@ -41,4 +42,4 @@ var Status = function (_a) {
     }, [announcementText, expireMilliseconds]);
     return (react_1.default.createElement(Container, { "aria-live": ariaLive, role: role, "aria-relevant": ariaRelevant, "aria-atomic": ariaAtomic }, displayText));
 };
-exports.default = Status;
+exports.Status = Status;

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

@@ -1,6 +1,3 @@
-import Drawer from './lib/Drawer';
-import DrawerHeader from './lib/DrawerHeader';
-export { Drawer, DrawerHeader };
-export default Drawer;
+export { DrawerHeader } from './lib/DrawerHeader';
 export * from './lib/Drawer';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAC,MAAM,EAAE,YAAY,EAAC,CAAC;AAC9B,eAAe,MAAM,CAAC;AACtB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,cAAc,cAAc,CAAC"}

package/dist/commonjs/drawer/index.js

@@ -9,14 +9,8 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 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);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawerHeader = exports.Drawer = void 0;
-var Drawer_1 = __importDefault(require("./lib/Drawer"));
-exports.Drawer = Drawer_1.default;
-var DrawerHeader_1 = __importDefault(require("./lib/DrawerHeader"));
-exports.DrawerHeader = DrawerHeader_1.default;
-exports.default = Drawer_1.default;
+exports.DrawerHeader = void 0;
+var DrawerHeader_1 = require("./lib/DrawerHeader");
+Object.defineProperty(exports, "DrawerHeader", { enumerable: true, get: function () { return DrawerHeader_1.DrawerHeader; } });
 __exportStar(require("./lib/Drawer"), exports);

package/dist/commonjs/drawer/lib/Drawer.d.ts

@@ -42,7 +42,7 @@ export declare enum DrawerDirection {
     Left = 0,
     Right = 1
 }
-export default class Drawer extends React.Component<DrawerProps, {}> {
+export declare class Drawer extends React.Component<DrawerProps, {}> {
     static OpenDirection: typeof DrawerDirection;
     render(): JSX.Element;
 }

package/dist/commonjs/drawer/lib/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../drawer/lib/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAgB,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AAElF,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,eAAe;IACzB,IAAI,IAAA;IACJ,KAAK,IAAA;CACN;AA4CD,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC;IAClE,MAAM,CAAC,aAAa,yBAAmB;IAEhC,MAAM;CAyBd"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../drawer/lib/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAgB,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AAElF,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,eAAe;IACzB,IAAI,IAAA;IACJ,KAAK,IAAA;CACN;AA4CD,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC;IAC1D,MAAM,CAAC,aAAa,yBAAmB;IAEhC,MAAM;CAyBd"}

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

@@ -57,7 +57,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawerDirection = void 0;
+exports.Drawer = exports.DrawerDirection = void 0;
 var React = __importStar(require("react"));
 var styled_1 = __importDefault(require("@emotion/styled"));
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
@@ -121,4 +121,4 @@ var Drawer = /** @class */ (function (_super) {
     Drawer.OpenDirection = DrawerDirection;
     return Drawer;
 }(React.Component));
-exports.default = Drawer;
+exports.Drawer = Drawer;

package/dist/commonjs/drawer/lib/DrawerHeader.d.ts

@@ -32,7 +32,7 @@ export interface DrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement>
      */
     id?: string;
 }
-export default class DrawerHeader extends React.Component<DrawerHeaderProps, {}> {
+export declare class DrawerHeader extends React.Component<DrawerHeaderProps, {}> {
     render(): JSX.Element;
 }
 //# sourceMappingURL=DrawerHeader.d.ts.map

package/dist/commonjs/drawer/lib/DrawerHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerHeader.d.ts","sourceRoot":"","sources":["../../../../drawer/lib/DrawerHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAsB,WAAW,EAAa,MAAM,kCAAkC,CAAC;AAI9F,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAsCD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,EAAE,CAAC;IACvE,MAAM;CA4Bd"}
+{"version":3,"file":"DrawerHeader.d.ts","sourceRoot":"","sources":["../../../../drawer/lib/DrawerHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAsB,WAAW,EAAa,MAAM,kCAAkC,CAAC;AAI9F,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAsCD,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAC/D,MAAM;CA4Bd"}

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

@@ -57,6 +57,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerHeader = void 0;
 var React = __importStar(require("react"));
 var styled_1 = __importDefault(require("@emotion/styled"));
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
@@ -102,4 +103,4 @@ var DrawerHeader = /** @class */ (function (_super) {
     };
     return DrawerHeader;
 }(React.Component));
-exports.default = DrawerHeader;
+exports.DrawerHeader = DrawerHeader;

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

@@ -1,5 +1,2 @@
-import Combobox from './lib/Combobox';
-export default Combobox;
-export { Combobox };
 export * from './lib/Combobox';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAEtC,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAC,QAAQ,EAAC,CAAC;AAClB,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../combobox/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/es6/combobox/index.js

@@ -1,4 +1 @@
-import Combobox from './lib/Combobox';
-export default Combobox;
-export { Combobox };
 export * from './lib/Combobox';

package/dist/es6/combobox/lib/AutocompleteList.d.ts

@@ -27,6 +27,6 @@ interface AutocompleteListProps {
      */
     showGroupText: boolean;
 }
-declare const AutocompleteList: ({ autocompleteItems, comboboxId, selectedIndex, handleAutocompleteClick, labelId, showGroupText, }: AutocompleteListProps) => JSX.Element | null;
-export default AutocompleteList;
+export declare const AutocompleteList: ({ autocompleteItems, comboboxId, selectedIndex, handleAutocompleteClick, labelId, showGroupText, }: AutocompleteListProps) => JSX.Element | null;
+export {};
 //# sourceMappingURL=AutocompleteList.d.ts.map

package/dist/es6/combobox/lib/AutocompleteList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteList.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/AutocompleteList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAC,qBAAqB,EAAiD,MAAM,YAAY,CAAC;AAYjG,UAAU,qBAAqB;IAC7B;;OAEG;IACH,iBAAiB,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACjF;;OAEG;IACH,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;OAEG;IACH,uBAAuB,EAAE,CACvB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,EAC3C,aAAa,EAAE,aAAa,KACzB,IAAI,CAAC;IACV;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,gBAAgB,uGAOnB,qBAAqB,uBAiFvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"AutocompleteList.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/AutocompleteList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAC,qBAAqB,EAAiD,MAAM,YAAY,CAAC;AAYjG,UAAU,qBAAqB;IAC7B;;OAEG;IACH,iBAAiB,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACjF;;OAEG;IACH,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;OAEG;IACH,uBAAuB,EAAE,CACvB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,EAC3C,aAAa,EAAE,aAAa,KACzB,IAAI,CAAC;IACV;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,uGAO1B,qBAAqB,uBAiFvB,CAAC"}

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

@@ -29,7 +29,7 @@ var Autocomplete = styled('ul')({
     padding: space.xxs + " 0",
 });
 var AccessibleHide = styled('span')(accessibleHide);
-var AutocompleteList = function (_a) {
+export var AutocompleteList = function (_a) {
     var autocompleteItems = _a.autocompleteItems, comboboxId = _a.comboboxId, selectedIndex = _a.selectedIndex, handleAutocompleteClick = _a.handleAutocompleteClick, labelId = _a.labelId, showGroupText = _a.showGroupText;
     var randomComponentId = useState(generateUniqueId)[0]; // https://codesandbox.io/s/p2ndq
     var componentId = comboboxId || randomComponentId;
@@ -88,4 +88,3 @@ var AutocompleteList = function (_a) {
         })));
     }
 };
-export default AutocompleteList;

package/dist/es6/combobox/lib/Combobox.d.ts

@@ -58,6 +58,5 @@ export interface ComboboxProps extends GrowthBehavior, React.HTMLAttributes<HTML
 export declare const listBoxIdPart = "listbox";
 export declare const getOptionId: (baseId?: string | undefined, index?: number | undefined) => string;
 export declare const getTextFromElement: (children?: React.ReactNode) => string;
-declare const Combobox: ({ autocompleteItems, children, grow, initialValue, onChange, onFocus, onBlur, showClearButton, clearButtonVariant, clearButtonAriaLabel, labelId, getStatusText, id, ...elemProps }: ComboboxProps) => JSX.Element;
-export default Combobox;
+export declare const Combobox: ({ autocompleteItems, children, grow, initialValue, onChange, onFocus, onBlur, showClearButton, clearButtonVariant, clearButtonAriaLabel, labelId, getStatusText, id, ...elemProps }: ComboboxProps) => JSX.Element;
 //# sourceMappingURL=Combobox.d.ts.map

package/dist/es6/combobox/lib/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EACL,cAAc,EAKf,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AAErE,OAAO,EAAiB,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAErF,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAKpE,MAAM,WAAW,qBAAqB;IAEpC,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAE1C,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;CAC5C;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACtF;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACpD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAClF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C;AA0DD,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC,eAAO,MAAM,WAAW,qEACc,CAAC;AAEvC,eAAO,MAAM,kBAAkB,cAAe,MAAM,SAAS,WAc5D,CAAC;AAYF,QAAA,MAAM,QAAQ,wLAeX,aAAa,gBA0Tf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EACL,cAAc,EAKf,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AAErE,OAAO,EAAiB,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAErF,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAKpE,MAAM,WAAW,qBAAqB;IAEpC,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAE1C,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;CAC5C;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACtF;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACpD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAClF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C;AA2DD,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC,eAAO,MAAM,WAAW,qEACc,CAAC;AAEvC,eAAO,MAAM,kBAAkB,cAAe,MAAM,SAAS,WAc5D,CAAC;AAYF,eAAO,MAAM,QAAQ,wLAelB,aAAa,gBA0Tf,CAAC"}

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

@@ -28,8 +28,8 @@ import { Card } from '@workday/canvas-kit-react/card';
 import { TertiaryButton } from '@workday/canvas-kit-react/button';
 import { xSmallIcon } from '@workday/canvas-system-icons-web';
 import flatten from 'lodash.flatten';
-import AutocompleteList from './AutocompleteList';
-import Status from './Status';
+import { AutocompleteList } from './AutocompleteList';
+import { Status } from './Status';
 var Container = styled('div')({
     display: 'inline-block',
 }, function (_a) {
@@ -64,6 +64,7 @@ var MenuContainer = styled(Card)({
     minWidth: 0,
     animation: fadeInKeyframes + " 200ms ease-out",
     maxHeight: 200,
+    overflow: 'hidden',
 });
 var ResetButton = styled(TertiaryButton)({
     position: 'absolute',
@@ -89,7 +90,7 @@ export var getOptionId = function (baseId, index) {
 export var getTextFromElement = function (children) {
     var text = '';
     React.Children.map(children, function (child) {
-        if (child == null || typeof child === 'boolean' || child === {}) {
+        if (child == null || typeof child === 'boolean') {
             text += '';
         }
         else if (typeof child === 'string' || typeof child === 'number') {
@@ -110,7 +111,7 @@ var buildStatusString = function (listCount) {
 var isValidSingleChild = function (child) {
     return React.isValidElement(child) && React.Children.only(child);
 };
-var Combobox = function (_a) {
+export var Combobox = function (_a) {
     var autocompleteItems = _a.autocompleteItems, children = _a.children, grow = _a.grow, initialValue = _a.initialValue, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, showClearButton = _a.showClearButton, _b = _a.clearButtonVariant, clearButtonVariant = _b === void 0 ? undefined : _b, _c = _a.clearButtonAriaLabel, clearButtonAriaLabel = _c === void 0 ? "Reset Search Input" : _c, labelId = _a.labelId, _d = _a.getStatusText, getStatusText = _d === void 0 ? buildStatusString : _d, id = _a.id, elemProps = __rest(_a, ["autocompleteItems", "children", "grow", "initialValue", "onChange", "onFocus", "onBlur", "showClearButton", "clearButtonVariant", "clearButtonAriaLabel", "labelId", "getStatusText", "id"]);
     var _e = useState(false), isOpened = _e[0], setIsOpened = _e[1];
     var _f = useState(''), value = _f[0], _setValue = _f[1]; // Don't call _setValue directly instead call setInputValue to make sure onChange fires correctly
@@ -342,4 +343,3 @@ var Combobox = function (_a) {
                     React.createElement(AutocompleteList, { comboboxId: componentId, autocompleteItems: autocompleteItems, selectedIndex: selectedAutocompleteIndex, handleAutocompleteClick: handleAutocompleteClick, labelId: formLabelId, showGroupText: showGroupText }))))),
         React.createElement(Status, { announcementText: announcementText })));
 };
-export default Combobox;

package/dist/es6/combobox/lib/Status.d.ts

@@ -6,6 +6,5 @@ export interface StatusProps {
     expireMilliseconds?: number;
     announcementText?: string;
 }
-declare const Status: ({ ariaLive, role, ariaAtomic, ariaRelevant, expireMilliseconds, announcementText, }: StatusProps) => JSX.Element;
-export default Status;
+export declare const Status: ({ ariaLive, role, ariaRelevant, expireMilliseconds, announcementText, ariaAtomic, }: StatusProps) => JSX.Element;
 //# sourceMappingURL=Status.d.ts.map

package/dist/es6/combobox/lib/Status.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Status.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAC;IAC1C,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,GAAG,OAAO,CAAC;IACxE,YAAY,CAAC,EAAE,WAAW,GAAG,gBAAgB,GAAG,KAAK,GAAG,UAAU,GAAG,MAAM,CAAC;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAID,QAAA,MAAM,MAAM,wFAOT,WAAW,gBAuBb,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Status.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAC;IAC1C,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,GAAG,OAAO,CAAC;IACxE,YAAY,CAAC,EAAE,WAAW,GAAG,gBAAgB,GAAG,KAAK,GAAG,UAAU,GAAG,MAAM,CAAC;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAID,eAAO,MAAM,MAAM,wFAOhB,WAAW,gBAuBb,CAAC"}

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

@@ -2,9 +2,9 @@ import React, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { accessibleHide } from '@workday/canvas-kit-react/common';
 var Container = styled('div')(accessibleHide);
-var Status = function (_a) {
-    var _b = _a.ariaLive, ariaLive = _b === void 0 ? 'polite' : _b, _c = _a.role, role = _c === void 0 ? 'log' : _c, _d = _a.ariaAtomic, ariaAtomic = _d === void 0 ? false : _d, _e = _a.ariaRelevant, ariaRelevant = _e === void 0 ? 'additions' : _e, _f = _a.expireMilliseconds, expireMilliseconds = _f === void 0 ? 500 : _f, _g = _a.announcementText, announcementText = _g === void 0 ? '' : _g;
-    var _h = useState(announcementText), displayText = _h[0], setDisplayText = _h[1];
+export var Status = function (_a) {
+    var _b = _a.ariaLive, ariaLive = _b === void 0 ? 'polite' : _b, _c = _a.role, role = _c === void 0 ? 'status' : _c, _d = _a.ariaRelevant, ariaRelevant = _d === void 0 ? 'additions' : _d, _e = _a.expireMilliseconds, expireMilliseconds = _e === void 0 ? 500 : _e, _f = _a.announcementText, announcementText = _f === void 0 ? '' : _f, ariaAtomic = _a.ariaAtomic;
+    var _g = useState(announcementText), displayText = _g[0], setDisplayText = _g[1];
     useEffect(function () {
         if (!announcementText) {
             return;
@@ -17,4 +17,3 @@ var Status = function (_a) {
     }, [announcementText, expireMilliseconds]);
     return (React.createElement(Container, { "aria-live": ariaLive, role: role, "aria-relevant": ariaRelevant, "aria-atomic": ariaAtomic }, displayText));
 };
-export default Status;

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

@@ -1,6 +1,3 @@
-import Drawer from './lib/Drawer';
-import DrawerHeader from './lib/DrawerHeader';
-export { Drawer, DrawerHeader };
-export default Drawer;
+export { DrawerHeader } from './lib/DrawerHeader';
 export * from './lib/Drawer';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAC,MAAM,EAAE,YAAY,EAAC,CAAC;AAC9B,eAAe,MAAM,CAAC;AACtB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,cAAc,cAAc,CAAC"}

package/dist/es6/drawer/index.js

@@ -1,5 +1,2 @@
-import Drawer from './lib/Drawer';
-import DrawerHeader from './lib/DrawerHeader';
-export { Drawer, DrawerHeader };
-export default Drawer;
+export { DrawerHeader } from './lib/DrawerHeader';
 export * from './lib/Drawer';

package/dist/es6/drawer/lib/Drawer.d.ts

@@ -42,7 +42,7 @@ export declare enum DrawerDirection {
     Left = 0,
     Right = 1
 }
-export default class Drawer extends React.Component<DrawerProps, {}> {
+export declare class Drawer extends React.Component<DrawerProps, {}> {
     static OpenDirection: typeof DrawerDirection;
     render(): JSX.Element;
 }

package/dist/es6/drawer/lib/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../drawer/lib/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAgB,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AAElF,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,eAAe;IACzB,IAAI,IAAA;IACJ,KAAK,IAAA;CACN;AA4CD,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC;IAClE,MAAM,CAAC,aAAa,yBAAmB;IAEhC,MAAM;CAyBd"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../drawer/lib/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAgB,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AAElF,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,eAAe;IACzB,IAAI,IAAA;IACJ,KAAK,IAAA;CACN;AA4CD,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC;IAC1D,MAAM,CAAC,aAAa,yBAAmB;IAEhC,MAAM;CAyBd"}

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

@@ -96,4 +96,4 @@ var Drawer = /** @class */ (function (_super) {
     Drawer.OpenDirection = DrawerDirection;
     return Drawer;
 }(React.Component));
-export default Drawer;
+export { Drawer };

package/dist/es6/drawer/lib/DrawerHeader.d.ts

@@ -32,7 +32,7 @@ export interface DrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement>
      */
     id?: string;
 }
-export default class DrawerHeader extends React.Component<DrawerHeaderProps, {}> {
+export declare class DrawerHeader extends React.Component<DrawerHeaderProps, {}> {
     render(): JSX.Element;
 }
 //# sourceMappingURL=DrawerHeader.d.ts.map

package/dist/es6/drawer/lib/DrawerHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerHeader.d.ts","sourceRoot":"","sources":["../../../../drawer/lib/DrawerHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAsB,WAAW,EAAa,MAAM,kCAAkC,CAAC;AAI9F,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAsCD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,EAAE,CAAC;IACvE,MAAM;CA4Bd"}
+{"version":3,"file":"DrawerHeader.d.ts","sourceRoot":"","sources":["../../../../drawer/lib/DrawerHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAsB,WAAW,EAAa,MAAM,kCAAkC,CAAC;AAI9F,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAsCD,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAC/D,MAAM;CA4Bd"}

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

@@ -78,4 +78,4 @@ var DrawerHeader = /** @class */ (function (_super) {
     };
     return DrawerHeader;
 }(React.Component));
-export default DrawerHeader;
+export { DrawerHeader };

package/drawer/index.ts

@@ -1,5 +1,2 @@
-import Drawer from './lib/Drawer';
-import DrawerHeader from './lib/DrawerHeader';
-export {Drawer, DrawerHeader};
-export default Drawer;
+export {DrawerHeader} from './lib/DrawerHeader';
 export * from './lib/Drawer';

package/drawer/lib/Drawer.tsx

@@ -88,7 +88,7 @@ const ChildrenContainer = styled('div')<Pick<DrawerProps, 'padding'>>(
   })
 );
 
-export default class Drawer extends React.Component<DrawerProps, {}> {
+export class Drawer extends React.Component<DrawerProps, {}> {
   static OpenDirection = DrawerDirection;
 
   public render() {

package/drawer/lib/DrawerHeader.tsx

@@ -73,7 +73,7 @@ const CloseButton = styled(TertiaryButton)({
   margin: '-8px', // for inverse and plain button, we always want this margin
 });
 
-export default class DrawerHeader extends React.Component<DrawerHeaderProps, {}> {
+export class DrawerHeader extends React.Component<DrawerHeaderProps, {}> {
   public render() {
     const {
       closeIconAriaLabel = 'Close',

package/drawer/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/drawer",
   "module": "../dist/es6/drawer",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/drawer"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-labs-react",
-  "version": "7.0.0-alpha.104-next.29+f9871420",
+  "version": "7.0.0-alpha.140-next.6+cfee9f63",
   "description": "Canvas Kit Labs is an incubator for new and experimental components. Since we have a rather rigorous process for getting components in at a production level, it can be valuable to make them available earlier while we continuously iterate on the API/functionality. The Labs modules allow us to do that as needed.",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -10,7 +10,8 @@
   "types": "dist/es6/index.d.ts",
   "repository": {
     "type": "git",
-    "url": "http://github.com/Workday/canvas-kit/tree/master/modules/canvas-kit-labs-react"
+    "url": "https://github.com/workday/canvas-kit.git",
+    "directory": "modules/labs-react"
   },
   "files": [
     "*/package.json",
@@ -40,13 +41,13 @@
     "workday"
   ],
   "peerDependencies": {
-    "react": "^16.8 || ^17.0"
+    "react": "^17.0 || ^18.0"
   },
   "dependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
-    "@workday/canvas-kit-preview-react": "^7.0.0-alpha.104-next.29+f9871420",
-    "@workday/canvas-kit-react": "^7.0.0-alpha.104-next.29+f9871420",
+    "@workday/canvas-kit-preview-react": "^7.0.0-alpha.140-next.6+cfee9f63",
+    "@workday/canvas-kit-react": "^7.0.0-alpha.140-next.6+cfee9f63",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "chroma-js": "^2.1.0",
     "lodash.flatten": "^4.4.0",
@@ -55,5 +56,5 @@
   "devDependencies": {
     "@types/lodash.flatten": "^4.4.6"
   },
-  "gitHead": "f9871420b8957a893c9985bc5e6349fc937301fc"
+  "gitHead": "cfee9f635a8aa8ebde527bda5c527aa780d439f9"
 }

package/search-form/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/search-form",
   "module": "../dist/es6/search-form",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/search-form"
 }