@workday/canvas-kit-react 12.0.0-alpha.862-next.0 → 12.0.0-alpha.898-next.0

package/dist/commonjs/select/lib/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../select/lib/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAE9D,OAAO,EAAC,QAAQ,EAAC,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAA8B,OAAO,EAAS,MAAM,6BAA6B,CAAC;AACzF,OAAO,EAAa,SAAS,EAAC,MAAM,sCAAsC,CAAC;AAM3E,OAAO,EAEL,YAAY,EAEZ,SAAS,EAEV,MAAM,kCAAkC,CAAC;AAG1C,MAAM,WAAW,gBAAiB,SAAQ,YAAY,CAAC,OAAO,SAAS,CAAC,EAAE,OAAO;IAC/E;;;;OAIG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC;CACnC;AAgCD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8EvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWrB,CAAC;AAMH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASrB,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,YAAY,CAAC,OAAO,QAAQ,CAAC;CAAG;AAChF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIf;;;;;;;;;;;;OAYG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;OAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;;;;;OAiBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;;;;;OAiBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;;;;;OAiBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASL,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../select/lib/Select.tsx"],"names":[],"mappings":"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H;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA3BH;;;;;;;;;;;;OAYG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAEH;;;;;;;;;;;;;eAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAbH;;;;;;;;;;;;;OAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAbH;;;;;;;;;;;;;eAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;;;;;OAiBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAhCH;;;;;;;;;;;;;eAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAbH;;;;;;;;;;;;;eAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqBH;;;;;;;;;;;;;;;;;OAiBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAnDH;;;;;;;;;;;;;eAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwCH;;;;;;;;;;;;;;;;;OAiBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAtEH;;;;;;;;;;;;;eAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAbH;;;;;;;;;;;;;eAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAbH;;;;;;;;;;;;;mBAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEL,CAAC"}

package/dist/commonjs/select/lib/Select.js

@@ -16,55 +16,41 @@ const useSelectInput_1 = require("./hooks/useSelectInput");
 const useSelectModel_1 = require("./hooks/useSelectModel");
 const common_1 = require("@workday/canvas-kit-react/common");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-const selectInputStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "10220f", styles: "box-sizing:border-box;caret-color:transparent;cursor:default;&::selection{background-color:transparent;}" }
-}, "select-input-52ab4b");
-const selectIconsStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "def785", styles: "box-sizing:border-box;position:absolute;pointer-events:none;" }
-}, "select-icons-3130c0");
-const hiddenSelectInputStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "cf34d9", styles: "box-sizing:border-box;position:absolute;top:var(--cnvs-sys-space-zero);bottom:var(--cnvs-sys-space-zero);left:var(--cnvs-sys-space-zero);right:var(--cnvs-sys-space-zero);opacity:var(--cnvs-sys-opacity-zero);cursor:default;pointer-events:none;" }
-}, "hidden-select-input-926b2b");
-exports.SelectInput = common_1.createSubcomponent(text_input_1.TextInput)({
+const selectInputStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk51", styles: "box-sizing:border-box;caret-color:transparent;cursor:default;&::selection{background-color:transparent;}" }
+}, "select-input-ef8a40");
+const selectIconsStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk52", styles: "box-sizing:border-box;position:absolute;pointer-events:none;" }
+}, "select-icons-20326d");
+const hiddenSelectInputStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk53", styles: "box-sizing:border-box;position:absolute;top:var(--cnvs-sys-space-zero);bottom:var(--cnvs-sys-space-zero);left:var(--cnvs-sys-space-zero);right:var(--cnvs-sys-space-zero);opacity:var(--cnvs-sys-opacity-zero);cursor:default;pointer-events:none;" }
+}, "hidden-select-input-209e09");
+exports.SelectInput = (0, common_1.createSubcomponent)(text_input_1.TextInput)({
     modelHook: useSelectModel_1.useSelectModel,
     elemPropsHook: useSelectInput_1.useSelectInput,
 })(({ placeholder = 'Choose an option', inputStartIcon, error, textInputProps, disabled, width, ref, onChange, onInput, value, name, ...elemProps }, Element, model) => {
-    const { localRef, elementRef } = common_1.useLocalRef(ref);
-    // We need to create a proxy between the multiple inputs. We need to redirect a few methods to
-    // the visible input
-    react_1.default.useImperativeHandle(elementRef, () => {
-        if (localRef.current) {
-            localRef.current.focus = (options) => {
-                textInputProps.ref.current.focus(options);
-            };
-            localRef.current.blur = () => {
-                textInputProps.ref.current.blur();
-            };
-        }
-        return localRef.current;
-    }, [textInputProps.ref, localRef]);
     return (react_1.default.createElement(text_input_1.InputGroup, { "data-width": "ck-formfield-width" },
-        inputStartIcon && model.state.selectedIds.length > 0 && (react_1.default.createElement(text_input_1.InputGroup.InnerStart, Object.assign({}, selectIconsStencil()),
-            react_1.default.createElement(icon_1.SystemIcon, { icon: inputStartIcon }))),
-        react_1.default.createElement(text_input_1.InputGroup.Input, Object.assign({ error: error, disabled: disabled, tabIndex: -1, "aria-hidden": true, onChange: onChange, onInput: onInput, value: value, name: name, ref: elementRef }, hiddenSelectInputStencil())),
-        react_1.default.createElement(text_input_1.InputGroup.Input, Object.assign({ as: Element, disabled: disabled, placeholder: placeholder, error: error }, textInputProps, layout_1.mergeStyles(elemProps, selectInputStencil()))),
-        react_1.default.createElement(text_input_1.InputGroup.InnerEnd, Object.assign({}, selectIconsStencil()),
-            react_1.default.createElement(icon_1.SystemIcon, { icon: canvas_system_icons_web_1.caretDownSmallIcon }))));
+        inputStartIcon && model.state.selectedIds.length > 0 && (react_1.default.createElement(text_input_1.InputGroup.InnerStart, { "data-part": "select-start-icon-container", ...selectIconsStencil() },
+            react_1.default.createElement(icon_1.SystemIcon, { "data-part": "select-start-icon", icon: inputStartIcon }))),
+        react_1.default.createElement(text_input_1.InputGroup.Input, { error: error, disabled: disabled, tabIndex: -1, "aria-hidden": true, onChange: onChange, onInput: onInput, value: value, name: name, ref: ref, "data-part": "select-hidden-input", ...hiddenSelectInputStencil() }),
+        react_1.default.createElement(text_input_1.InputGroup.Input, { as: Element, disabled: disabled, placeholder: placeholder, error: error, "data-part": "select-visual-input", ...textInputProps, ...(0, layout_1.mergeStyles)(elemProps, selectInputStencil()) }),
+        react_1.default.createElement(text_input_1.InputGroup.InnerEnd, { "data-part": "select-caret-container" },
+            react_1.default.createElement(icon_1.SystemIcon, { "data-part": "select-caret-icon", icon: canvas_system_icons_web_1.caretDownSmallIcon }))));
 });
-exports.SelectItem = common_1.createSubcomponent('li')({
+exports.SelectItem = (0, common_1.createSubcomponent)('li')({
     modelHook: useSelectModel_1.useSelectModel,
     subComponents: {
         Icon: combobox_1.Combobox.Menu.Item.Icon,
     },
 })(({ children, ...elemProps }, Element, _model) => {
-    return (react_1.default.createElement(combobox_1.Combobox.Menu.Item, Object.assign({ role: "option", as: Element }, elemProps), children));
+    return (react_1.default.createElement(combobox_1.Combobox.Menu.Item, { role: "option", as: Element, ...elemProps }, children));
 });
-const selectCardStyles = canvas_kit_styling_1.createStyles({ name: "555ee5", styles: "max-height:18.75rem;" });
-exports.SelectCard = common_1.createSubcomponent('div')({
+const selectCardStyles = (0, canvas_kit_styling_1.createStyles)({ name: "ksnk54", styles: "max-height:18.75rem;" });
+exports.SelectCard = (0, common_1.createSubcomponent)('div')({
     modelHook: useSelectModel_1.useSelectModel,
     elemPropsHook: useSelectCard_1.useSelectCard,
 })(({ children, ...elemProps }, Element) => {
-    return (react_1.default.createElement(combobox_1.Combobox.Menu.Card, Object.assign({ as: Element }, layout_1.mergeStyles(elemProps, selectCardStyles)), children));
+    return (react_1.default.createElement(combobox_1.Combobox.Menu.Card, { as: Element, ...(0, layout_1.mergeStyles)(elemProps, selectCardStyles) }, children));
 });
 /**
  * Use `Select` to allow users to choose an option from a list or type characters to select a matching option.
@@ -86,7 +72,7 @@ exports.SelectCard = common_1.createSubcomponent('div')({
  * </Select>
  * ```
  */
-exports.Select = common_1.createContainer()({
+exports.Select = (0, common_1.createContainer)()({
     displayName: 'Select',
     modelHook: useSelectModel_1.useSelectModel,
     subComponents: {
@@ -178,5 +164,5 @@ exports.Select = common_1.createContainer()({
         Item: exports.SelectItem,
     },
 })(({ children, ...elemProps }, _, model) => {
-    return (react_1.default.createElement(combobox_1.Combobox, Object.assign({ model: model }, elemProps), children));
+    return (react_1.default.createElement(combobox_1.Combobox, { model: model, ...elemProps }, children));
 });

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

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/commonjs/select/lib/hooks/useSelectCard.js

@@ -6,7 +6,7 @@ const useSelectModel_1 = require("./useSelectModel");
 /**
  * Sets the width of the ` SelectCard` to the `Select.Input` width.
  */
-exports.useSelectCard = common_1.createElemPropsHook(useSelectModel_1.useSelectModel)(model => {
+exports.useSelectCard = (0, common_1.createElemPropsHook)(useSelectModel_1.useSelectModel)(model => {
     return {
         width: model.state.width,
     };

package/dist/commonjs/select/lib/hooks/useSelectInput.d.ts

@@ -86,7 +86,7 @@ export declare const useSelectInput: import("@workday/canvas-kit-react/common").
     readonly onClick: (event: React.MouseEvent<Element, MouseEvent>) => void;
     readonly value: string | undefined;
     readonly role: "combobox";
-    readonly 'aria-haspopup': boolean | "grid" | "true" | "listbox" | "menu" | "false" | "dialog" | "tree" | undefined;
+    readonly 'aria-haspopup': boolean | "grid" | "true" | "false" | "listbox" | "menu" | "dialog" | "tree" | undefined;
     readonly 'aria-expanded': boolean;
     readonly 'aria-autocomplete': "list";
     readonly 'aria-controls': `${string}-list`;
@@ -109,14 +109,15 @@ export declare const useSelectInput: import("@workday/canvas-kit-react/common").
     readonly onKeyDown: (event: React.KeyboardEvent) => void;
     readonly onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     readonly autoComplete: "off";
+    readonly ref: (instance: HTMLInputElement | null) => void;
     readonly onFocus: () => void;
     readonly textInputProps: {
-        readonly ref: React.RefObject<HTMLInputElement>;
+        readonly ref: (instance: HTMLInputElement | null) => void;
         readonly onChange: typeof noop;
         readonly value: string;
     };
-    readonly ref: (instance: HTMLInputElement | null) => void;
     readonly 'aria-haspopup': "menu";
+    readonly keySoFar: null;
 }>;
 export {};
 //# sourceMappingURL=useSelectInput.d.ts.map

package/dist/commonjs/select/lib/hooks/useSelectInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectInput.d.ts","sourceRoot":"","sources":["../../../../../select/lib/hooks/useSelectInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,iBAAS,IAAI,SAEZ;AAED;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAgGF,mBAAmB;+BArFP,MAAM,WAAW,CAAC,gBAAgB,CAAC;;;;;;;;;;EAmIvE,CAAC"}
+{"version":3,"file":"useSelectInput.d.ts","sourceRoot":"","sources":["../../../../../select/lib/hooks/useSelectInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,iBAAS,IAAI,SAEZ;AAED;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA4HF,mBAAmB;+BAtFP,MAAM,WAAW,CAAC,gBAAgB,CAAC;;;;;;;;;;;EAqIvE,CAAC"}

package/dist/commonjs/select/lib/hooks/useSelectInput.js

@@ -14,9 +14,25 @@ function noop() {
 /**
  * `useSelectInput` extends {@link useComboboxInput useComboboxInput}  and {@link useComboboxKeyboardTypeAhead useComboboxKeyboardTypeAhead} and adds type ahead functionality and Select-specific [keyboard support](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/).
  */
-exports.useSelectInput = common_1.composeHooks(combobox_1.useComboboxInput, combobox_1.useComboboxKeyboardTypeAhead, combobox_1.useComboboxResetCursorToSelected, combobox_1.useComboboxMoveCursorToSelected, common_1.createElemPropsHook(useSelectModel_1.useSelectModel)((model, ref, elemProps = {}) => {
-    const { elementRef } = common_1.useLocalRef(ref);
-    const textInputRef = react_1.default.useRef(null);
+exports.useSelectInput = (0, common_1.composeHooks)(combobox_1.useComboboxInput, combobox_1.useComboboxKeyboardTypeAhead, combobox_1.useComboboxResetCursorToSelected, combobox_1.useComboboxMoveCursorToSelected, (0, common_1.createElemPropsHook)(useSelectModel_1.useSelectModel)((model, ref, elemProps = {}) => {
+    const { elementRef: textInputElementRef, localRef: textInputRef } = (0, common_1.useLocalRef)(
+    // PopupModel says the targetRef is a `HTMLButtonElement`, but it is a `HTMLInputElement`
+    model.state.targetRef);
+    const { localRef: hiddenLocalRef, elementRef: hiddenElementRef } = (0, common_1.useLocalRef)(ref);
+    // We need to create a proxy between the multiple inputs. We need to redirect a few methods to
+    // the visible input
+    react_1.default.useImperativeHandle(hiddenElementRef, () => {
+        if (hiddenLocalRef.current) {
+            hiddenLocalRef.current.focus = (options) => {
+                textInputRef.current.focus(options);
+            };
+            hiddenLocalRef.current.blur = () => {
+                textInputRef.current.blur();
+            };
+        }
+        return hiddenLocalRef.current;
+    }, [textInputRef, hiddenLocalRef]);
+    // Remap the Popup model's targetRef to be the visible ref. `ref` and `model.state.targetRef` are already linked. We have to override that.
     // Update the text value of the input
     const handleOnChange = (event) => {
         var _a;
@@ -26,7 +42,7 @@ exports.useSelectInput = common_1.composeHooks(combobox_1.useComboboxInput, comb
             nativeInputValue.set.call(textInputRef.current, value);
         }
     };
-    common_1.useResizeObserver({
+    (0, common_1.useResizeObserver)({
         ref: textInputRef,
         onResize: data => {
             if (model.state.visibility === 'visible') {
@@ -44,6 +60,7 @@ exports.useSelectInput = common_1.composeHooks(combobox_1.useComboboxInput, comb
             model.state.items.length > 0 &&
             model.state.selectedIds[0]) {
             const value = model.navigation.getItem(model.state.selectedIds[0], model).id;
+            const oldValue = model.state.inputRef.current.value;
             // force the hidden input to have the correct value
             if (model.state.inputRef.current.value !== value) {
                 const nativeInputValue = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(model.state.inputRef.current), 'value');
@@ -51,14 +68,14 @@ exports.useSelectInput = common_1.composeHooks(combobox_1.useComboboxInput, comb
                     nativeInputValue.set.call(model.state.inputRef.current, value);
                 }
             }
-            if (model.state.selectedIds[0] !== value &&
-                model.state.inputRef.current.value !== value) {
+            if (model.state.selectedIds[0] !== oldValue &&
+                model.state.inputRef.current.value !== oldValue) {
                 // Programmatically dispatch an onChange once items are loaded. This account for when a consumer wants an initial selected item and they're loading them from a server.
-                common_1.dispatchInputEvent(model.state.inputRef.current, value);
+                (0, common_1.dispatchInputEvent)(model.state.inputRef.current, value);
             }
         }
         if (!model.state.selectedIds[0] && ((_a = textInputRef.current) === null || _a === void 0 ? void 0 : _a.value)) {
-            common_1.dispatchInputEvent(textInputRef.current, '');
+            (0, common_1.dispatchInputEvent)(textInputRef.current, '');
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [model.state.inputRef, model.state.items.length]);
@@ -111,19 +128,20 @@ exports.useSelectInput = common_1.composeHooks(combobox_1.useComboboxInput, comb
         },
         onChange: handleOnChange,
         autoComplete: 'off',
+        ref: hiddenElementRef,
         // When the hidden input is focused, we want to show the focus/hover states of the input that sits below it.
         onFocus() {
             var _a;
             (_a = textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         },
         textInputProps: {
-            ref: textInputRef,
+            ref: textInputElementRef,
             onChange: noop,
             value: model.state.selectedIds.length > 0 && model.state.items.length > 0
                 ? model.navigation.getItem(model.state.selectedIds[0], model).textValue
                 : '',
         },
-        ref: elementRef,
         'aria-haspopup': 'menu',
+        keySoFar: null,
     };
 }));

package/dist/commonjs/select/lib/hooks/useSelectModel.js

@@ -17,7 +17,7 @@ const combobox_1 = require("@workday/canvas-kit-react/combobox");
  * </Select>
  * ```
  */
-exports.useSelectModel = common_1.createModelHook({
+exports.useSelectModel = (0, common_1.createModelHook)({
     defaultConfig: {
         ...combobox_1.useComboboxModel.defaultConfig,
         shouldVirtualize: false,
@@ -27,5 +27,5 @@ exports.useSelectModel = common_1.createModelHook({
     },
     contextOverride: combobox_1.useComboboxModel.Context,
 })(config => {
-    return combobox_1.useComboboxModel(config);
+    return (0, combobox_1.useComboboxModel)(config);
 });

package/dist/commonjs/side-panel/index.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/commonjs/side-panel/lib/SidePanel.d.ts

@@ -74,7 +74,7 @@ export declare class SidePanel extends React.Component<SidePanelProps, SidePanel
     };
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     private handleResize;
     private onToggleClick;
     private toggleButtonDirection;

package/dist/commonjs/side-panel/lib/SidePanel.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -41,7 +45,7 @@ var SidePanelBackgroundColor;
     SidePanelBackgroundColor[SidePanelBackgroundColor["Gray"] = 2] = "Gray";
 })(SidePanelBackgroundColor = exports.SidePanelBackgroundColor || (exports.SidePanelBackgroundColor = {}));
 const closedWidth = tokens_1.space.xxl;
-const SidePanelContainer = styled_1.default('div')({
+const SidePanelContainer = (0, styled_1.default)('div')({
     overflow: 'hidden',
     height: '100%',
     boxSizing: 'border-box',
@@ -77,20 +81,20 @@ const SidePanelContainer = styled_1.default('div')({
     right: openDirection === SidePanelOpenDirection.Right ? tokens_1.space.zero : undefined,
     left: openDirection === SidePanelOpenDirection.Left ? tokens_1.space.zero : undefined,
 }));
-const ChildrenContainer = styled_1.default('div')({
+const ChildrenContainer = (0, styled_1.default)('div')({
     transition: 'none',
     zIndex: 1, // show above SidePanelFooter when screen is small vertically
 }, ({ open, openWidth }) => ({
     width: open ? openWidth : closedWidth,
 }));
-const ToggleButton = styled_1.default(button_1.TertiaryButton)({
+const ToggleButton = (0, styled_1.default)(button_1.TertiaryButton)({
     position: 'absolute',
     bottom: tokens_1.space.s,
 }, ({ openDirection }) => ({
     right: openDirection === SidePanelOpenDirection.Left ? tokens_1.space.s : '',
     left: openDirection === SidePanelOpenDirection.Right ? tokens_1.space.s : '',
 }));
-const SidePanelFooter = styled_1.default('div')({
+const SidePanelFooter = (0, styled_1.default)('div')({
     position: 'absolute',
     bottom: '0',
     height: 120,
@@ -139,7 +143,7 @@ class SidePanel extends React.Component {
     }
     render() {
         const { backgroundColor = SidePanelBackgroundColor.White, openNavigationAriaLabel = 'open navigation', closeNavigationAriaLabel = 'close navigation', openDirection = SidePanelOpenDirection.Left, breakpoint = 768, openWidth = 300, header, onToggleClick, open, padding, onBreakpointChange, ...elemProps } = this.props;
-        return (React.createElement(SidePanelContainer, Object.assign({ role: "region", padding: padding, openDirection: openDirection, openWidth: openWidth, backgroundColor: backgroundColor, open: open }, elemProps),
+        return (React.createElement(SidePanelContainer, { role: "region", padding: padding, openDirection: openDirection, openWidth: openWidth, backgroundColor: backgroundColor, open: open, ...elemProps },
             React.createElement(ChildrenContainer, { open: open, openWidth: openWidth },
                 header && open ? (React.createElement(text_1.Heading, { as: "h2", size: "small", marginTop: "zero" }, header)) : null,
                 this.props.children),

package/dist/commonjs/skeleton/lib/parts/skeletonHeader.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -24,7 +28,7 @@ const React = __importStar(require("react"));
 const common_1 = require("@workday/canvas-kit-react/common");
 const tokens_1 = require("@workday/canvas-kit-react/tokens");
 const skeletonShape_1 = require("./skeletonShape");
-exports.SkeletonHeader = common_1.createComponent('div')({
+exports.SkeletonHeader = (0, common_1.createComponent)('div')({
     displayName: 'Skeleton.Header',
-    Component: ({ backgroundColor = tokens_1.colors.soap200, height = '28px', width = '100%', ...elemProps }, ref, Element) => (React.createElement(skeletonShape_1.SkeletonShape, Object.assign({ ref: ref, as: Element, backgroundColor: backgroundColor, borderRadius: tokens_1.borderRadius.s, height: height, width: width }, elemProps))),
+    Component: ({ backgroundColor = tokens_1.colors.soap200, height = '28px', width = '100%', ...elemProps }, ref, Element) => (React.createElement(skeletonShape_1.SkeletonShape, { ref: ref, as: Element, backgroundColor: backgroundColor, borderRadius: tokens_1.borderRadius.s, height: height, width: width, ...elemProps })),
 });

package/dist/commonjs/skeleton/lib/parts/skeletonShape.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -27,14 +31,14 @@ const React = __importStar(require("react"));
 const styled_1 = __importDefault(require("@emotion/styled"));
 const common_1 = require("@workday/canvas-kit-react/common");
 const tokens_1 = require("@workday/canvas-kit-react/tokens");
-const Shape = styled_1.default('div')(({ backgroundColor, borderRadius, height, width }) => ({
+const Shape = (0, styled_1.default)('div')(({ backgroundColor, borderRadius, height, width }) => ({
     backgroundColor,
     borderRadius,
     height,
     width,
     marginBottom: tokens_1.space.s,
 }));
-exports.SkeletonShape = common_1.createComponent('div')({
+exports.SkeletonShape = (0, common_1.createComponent)('div')({
     displayName: 'Skeleton.Shape',
-    Component: ({ backgroundColor = tokens_1.colors.soap200, borderRadius = 0, height = '100%', width = '100%', ...elemProps }, ref, Element) => (React.createElement(Shape, Object.assign({ ref: ref, as: Element, backgroundColor: backgroundColor, borderRadius: borderRadius, height: height, width: width }, elemProps))),
+    Component: ({ backgroundColor = tokens_1.colors.soap200, borderRadius = 0, height = '100%', width = '100%', ...elemProps }, ref, Element) => (React.createElement(Shape, { ref: ref, as: Element, backgroundColor: backgroundColor, borderRadius: borderRadius, height: height, width: width, ...elemProps })),
 });

package/dist/commonjs/skeleton/lib/parts/skeletonText.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -27,11 +31,11 @@ const React = __importStar(require("react"));
 const styled_1 = __importDefault(require("@emotion/styled"));
 const common_1 = require("@workday/canvas-kit-react/common");
 const tokens_1 = require("@workday/canvas-kit-react/tokens");
-const TextContainer = styled_1.default('div')({
+const TextContainer = (0, styled_1.default)('div')({
     marginBottom: tokens_1.space.m,
 });
-const Line = styled_1.default('div', {
-    shouldForwardProp: common_1.filterOutProps(['backgroundColor', 'width']),
+const Line = (0, styled_1.default)('div', {
+    shouldForwardProp: (0, common_1.filterOutProps)(['backgroundColor', 'width']),
 })(({ backgroundColor, width }) => {
     return {
         backgroundColor,
@@ -45,7 +49,7 @@ const createTextLines = (lineCount, backgroundColor) => {
     const lines = new Array(lineCount).fill(null);
     return lines.map((_value, index) => (React.createElement(Line, { key: index, backgroundColor: backgroundColor, width: index < lineCount - 1 || lineCount === 1 ? '100%' : '60%' })));
 };
-exports.SkeletonText = common_1.createComponent('div')({
+exports.SkeletonText = (0, common_1.createComponent)('div')({
     displayName: 'Skeleton.Text',
-    Component: ({ backgroundColor = tokens_1.colors.soap200, lineCount = 2, ...elemProps }, ref, Element) => lineCount <= 0 ? null : (React.createElement(TextContainer, Object.assign({ ref: ref, as: Element }, elemProps), createTextLines(lineCount, backgroundColor))),
+    Component: ({ backgroundColor = tokens_1.colors.soap200, lineCount = 2, ...elemProps }, ref, Element) => lineCount <= 0 ? null : (React.createElement(TextContainer, { ref: ref, as: Element, ...elemProps }, createTextLines(lineCount, backgroundColor))),
 });

package/dist/commonjs/skeleton/lib/skeleton.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -30,13 +34,13 @@ const common_1 = require("@workday/canvas-kit-react/common");
 const skeletonHeader_1 = require("./parts/skeletonHeader");
 const skeletonShape_1 = require("./parts/skeletonShape");
 const skeletonText_1 = require("./parts/skeletonText");
-const AccessibleHide = styled_1.default('div')(common_1.accessibleHide);
-const fade = react_1.keyframes({
+const AccessibleHide = (0, styled_1.default)('div')(common_1.accessibleHide);
+const fade = (0, react_1.keyframes)({
     from: { opacity: 0.4 },
     to: { opacity: 1 },
 });
 const animation = `${fade} 0.8s linear infinite alternate`;
-const SkeletonAnimator = styled_1.default('div')({
+const SkeletonAnimator = (0, styled_1.default)('div')({
     animation,
     overflow: 'hidden',
     width: '100%',
@@ -56,9 +60,9 @@ const SkeletonAnimator = styled_1.default('div')({
  * `Skeleton` places its children in a container element with `aria-hidden` set to `true` and
  * announces itself using a visually hidden element.
  */
-exports.Skeleton = common_1.createComponent('div')({
+exports.Skeleton = (0, common_1.createComponent)('div')({
     displayName: 'Skeleton',
-    Component: ({ children, 'aria-label': loadingAriaLabel = 'Loading', ...elemProps }, ref, Element) => (React.createElement(SkeletonAnimator, Object.assign({ ref: ref, as: Element }, elemProps),
+    Component: ({ children, 'aria-label': loadingAriaLabel = 'Loading', ...elemProps }, ref, Element) => (React.createElement(SkeletonAnimator, { ref: ref, as: Element, ...elemProps },
         React.createElement(AccessibleHide, null, loadingAriaLabel),
         React.createElement("div", { "aria-hidden": true }, children))),
     subComponents: {

package/dist/commonjs/status-indicator/index.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts

@@ -68,6 +68,6 @@ export interface StatusIndicatorProps extends React.HTMLAttributes<HTMLSpanEleme
 export declare class StatusIndicator extends React.Component<StatusIndicatorProps> {
     static Type: typeof StatusIndicatorType;
     static Emphasis: typeof StatusIndicatorEmphasis;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 //# sourceMappingURL=StatusIndicator.d.ts.map

package/dist/commonjs/status-indicator/lib/StatusIndicator.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -126,11 +130,11 @@ exports.statusIndicatorStyles = {
         },
     },
 };
-const Container = styled_1.default('span')(exports.statusIndicatorStyles.styles, ({ type, emphasis, maxWidth }) => ({
+const Container = (0, styled_1.default)('span')(exports.statusIndicatorStyles.styles, ({ type, emphasis, maxWidth }) => ({
     ...exports.statusIndicatorStyles.variants[type][emphasis],
     maxWidth: maxWidth,
 }));
-const StatusLabel = styled_1.default('span')({
+const StatusLabel = (0, styled_1.default)('span')({
     fontWeight: 'bold',
     WebkitFontSmoothing: 'antialiased',
     textTransform: 'uppercase',
@@ -145,7 +149,7 @@ class StatusIndicator extends React.Component {
     render() {
         const { emphasis = StatusIndicatorEmphasis.High, maxWidth = 200, type, icon, label, ...elemProps } = this.props;
         const variant = exports.statusIndicatorStyles.variants[type][emphasis];
-        return (React.createElement(Container, Object.assign({ type: type, emphasis: emphasis, maxWidth: maxWidth }, elemProps),
+        return (React.createElement(Container, { type: type, emphasis: emphasis, maxWidth: maxWidth, ...elemProps },
             icon && (React.createElement(icon_1.SystemIcon, { colorHover: variant.color, color: variant.color, icon: icon, size: 14, style: { paddingRight: tokens_1.space.xxxs } })),
             React.createElement(StatusLabel, null, label)));
     }

package/dist/commonjs/switch/index.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];