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

package/dist/commonjs/collection/lib/useOverflowListMeasure.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,13 +31,13 @@ const useOverflowListModel_1 = require("./useOverflowListModel");
  * This elemProps hook measures a list and reports it to an `OverflowListModel`. This is used in
  * overflow detection.
  */
-exports.useOverflowListMeasure = common_1.createElemPropsHook(useOverflowListModel_1.useOverflowListModel)((model, ref) => {
+exports.useOverflowListMeasure = (0, common_1.createElemPropsHook)(useOverflowListModel_1.useOverflowListModel)((model, ref) => {
     const localRef = React.useRef(null);
-    const { ref: resizeRef } = common_1.useResizeObserver({
+    const { ref: resizeRef } = (0, common_1.useResizeObserver)({
         ref: localRef,
         onResize: model.events.setContainerWidth,
     });
-    const elementRef = common_1.useForkRef(ref, resizeRef);
+    const elementRef = (0, common_1.useForkRef)(ref, resizeRef);
     return {
         ref: elementRef,
     };

package/dist/commonjs/collection/lib/useOverflowListModel.js

@@ -52,7 +52,7 @@ function getHiddenIds(containerWidth, overflowTargetWidth, itemWidthCache, selec
     return hiddenIds;
 }
 exports.getHiddenIds = getHiddenIds;
-exports.useOverflowListModel = common_1.createModelHook({
+exports.useOverflowListModel = (0, common_1.createModelHook)({
     defaultConfig: {
         ...useSelectionListModel_1.useSelectionListModel.defaultConfig,
         initialHiddenIds: [],
@@ -78,7 +78,7 @@ exports.useOverflowListModel = common_1.createModelHook({
     // Cursors skip over disabled ids, but know nothing of hidden ids. We'll go ahead and disable
     // hidden ids as well
     const nonInteractiveIds = (config.nonInteractiveIds || []).concat(internalHiddenIds);
-    const model = useSelectionListModel_1.useSelectionListModel({
+    const model = (0, useSelectionListModel_1.useSelectionListModel)({
         ...config,
         nonInteractiveIds,
     });

package/dist/commonjs/collection/lib/useOverflowListTarget.js

@@ -16,11 +16,11 @@ const hiddenStyle = {
  * This elemProps hook measures an overflow list target and reports it to an `OverflowListModel`.
  * This is used in overflow detection.
  */
-exports.useOverflowListTarget = common_1.createElemPropsHook(useOverflowListModel_1.useOverflowListModel)((model, ref) => {
-    const { elementRef, localRef } = common_1.useLocalRef(ref);
+exports.useOverflowListTarget = (0, common_1.createElemPropsHook)(useOverflowListModel_1.useOverflowListModel)((model, ref) => {
+    const { elementRef, localRef } = (0, common_1.useLocalRef)(ref);
     // track first render to force correct size calculations
     const firstRender = react_1.default.useRef(true);
-    common_1.useMountLayout(() => {
+    (0, common_1.useMountLayout)(() => {
         firstRender.current = false;
         if (localRef.current) {
             const styles = getComputedStyle(localRef.current);

package/dist/commonjs/collection/lib/useSelectionListModel.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-export declare type SelectedIds = 'all' | string[];
-export declare type Selection = {
+export type SelectedIds = 'all' | string[];
+export type Selection = {
     selectedIds: SelectedIds;
     unselectedIds: string[];
 };

package/dist/commonjs/collection/lib/useSelectionListModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectionListModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useSelectionListModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,oBAAY,WAAW,GAAG,KAAK,GAAG,MAAM,EAAE,CAAC;AAE3C,oBAAY,SAAS,GAAG;IACtB,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAG,SAAS,CAAC;CACrD;AAED,eAAO,MAAM,UAAU,OAAQ,MAAM,kCAAgC,SAAS,YAK7E,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,gBAIpC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,gBAmBnC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;YAqBZ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QADxB,gDAAgD;qBACnC;YAAC,EAAE,EAAE,MAAM,CAAA;SAAC;QAKzB;;;WAGG;;QAIH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAfH,gDAAgD;iBACnC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC;IAKzB;;;OAGG;;IAIH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAfH,gDAAgD;qBACnC;YAAC,EAAE,EAAE,MAAM,CAAA;SAAC;QAKzB;;;WAGG;;QAIH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOL,CAAC"}
+{"version":3,"file":"useSelectionListModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useSelectionListModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,MAAM,EAAE,CAAC;AAE3C,MAAM,MAAM,SAAS,GAAG;IACtB,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAG,SAAS,CAAC;CACrD;AAED,eAAO,MAAM,UAAU,OAAQ,MAAM,kCAAgC,SAAS,YAK7E,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,gBAIpC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,gBAmBnC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;YAqBZ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QADxB,gDAAgD;qBACnC;YAAC,EAAE,EAAE,MAAM,CAAA;SAAC;QAKzB;;;WAGG;;QAIH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAfH,gDAAgD;iBACnC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC;IAKzB;;;OAGG;;IAIH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAfH,gDAAgD;qBACnC;YAAC,EAAE,EAAE,MAAM,CAAA;SAAC;QAKzB;;;WAGG;;QAIH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOL,CAAC"}

package/dist/commonjs/collection/lib/useSelectionListModel.js

@@ -40,7 +40,7 @@ exports.multiSelectionManager = {
         }
     },
 };
-exports.useSelectionListModel = common_1.createModelHook({
+exports.useSelectionListModel = (0, common_1.createModelHook)({
     defaultConfig: {
         ...useCursorListModel_1.useCursorListModel.defaultConfig,
         initialSelectedIds: [],
@@ -50,7 +50,7 @@ exports.useSelectionListModel = common_1.createModelHook({
     requiredConfig: useCursorListModel_1.useCursorListModel.requiredConfig,
     contextOverride: useCursorListModel_1.useCursorListModel.Context,
 })(config => {
-    const cursor = useCursorListModel_1.useCursorListModel(config);
+    const cursor = (0, useCursorListModel_1.useCursorListModel)(config);
     const [selectedIds, setSelectedIds] = react_1.default.useState(config.initialSelectedIds);
     const [unselectedIds, setUnselectedIds] = react_1.default.useState(config.initialUnselectedIds);
     const selection = config.selection;

package/dist/commonjs/color-picker/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/color-picker/lib/ColorInput.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];
@@ -26,7 +30,7 @@ const tokens_1 = require("@workday/canvas-kit-react/tokens");
 const text_input_1 = require("@workday/canvas-kit-react/text-input");
 const ColorSwatch_1 = require("./parts/ColorSwatch");
 const colorInputWidth = 116;
-const CustomHexInput = common_1.styled(text_input_1.TextInput)({
+const CustomHexInput = (0, common_1.styled)(text_input_1.TextInput)({
     boxSizing: 'border-box',
     minWidth: colorInputWidth,
     width: colorInputWidth,
@@ -43,14 +47,14 @@ const CustomHexInput = common_1.styled(text_input_1.TextInput)({
     paddingLeft: theme.canvas.direction === common_1.ContentDirection.LTR ? '46px' : 'calc(100% - 86px) /* @noflip */',
     // We're using @noflip because ColorInput should stay LTR, therefore, we need to adjust the padding using ContentDirection, not using rtl-css-js.
 }));
-const ColorInputContainer = common_1.styled('div')({
+const ColorInputContainer = (0, common_1.styled)('div')({
     position: 'relative',
     width: colorInputWidth,
 }, ({ grow }) => grow && {
     minWidth: '100%',
     width: '100%',
 });
-const PoundSignPrefix = common_1.styled('span')({
+const PoundSignPrefix = (0, common_1.styled)('span')({
     position: 'absolute',
     top: 10,
     ...tokens_1.type.levels.subtext.large,
@@ -65,7 +69,7 @@ const PoundSignPrefix = common_1.styled('span')({
     // It's because we're changing the value of this attribute based on ContentDirection but the attribute itself is getting flipped by rtl-css-js.
     // We're doing this to adjust the spacing of the # sign as it should always stay on the left of the input in both LTR and RTL.
 }));
-const SwatchTile = common_1.styled(ColorSwatch_1.ColorSwatch)({
+const SwatchTile = (0, common_1.styled)(ColorSwatch_1.ColorSwatch)({
     position: 'absolute',
     top: '10px',
     left: tokens_1.space.xxs,
@@ -78,7 +82,7 @@ const isValidHex = (value) => {
 const formatValue = (value) => {
     return value.replace(/#/g, '').substring(0, 6);
 };
-exports.ColorInput = common_1.createComponent('input')({
+exports.ColorInput = (0, common_1.createComponent)('input')({
     displayName: 'ColorInput',
     Component: ({ placeholder = 'FFFFFF', value = '', showCheck, onChange, onValidColorChange, disabled, error, grow, ...elemProps }, ref, Element) => {
         const formattedValue = formatValue(value);
@@ -88,11 +92,11 @@ exports.ColorInput = common_1.createComponent('input')({
                 onChange(e);
             }
             if (isValidHex(value) && onValidColorChange) {
-                onValidColorChange(`#${common_1.expandHex(value)}`);
+                onValidColorChange(`#${(0, common_1.expandHex)(value)}`);
             }
         };
         return (React.createElement(ColorInputContainer, { grow: grow },
-            React.createElement(CustomHexInput, Object.assign({ dir: "ltr", ref: ref, as: Element, onChange: handleChange, type: "text", placeholder: value ? undefined : placeholder, value: formattedValue, error: error, spellCheck: false, disabled: disabled, grow: grow, maxLength: 7 }, elemProps)),
+            React.createElement(CustomHexInput, { dir: "ltr", ref: ref, as: Element, onChange: handleChange, type: "text", placeholder: value ? undefined : placeholder, value: formattedValue, error: error, spellCheck: false, disabled: disabled, grow: grow, maxLength: 7, ...elemProps }),
             React.createElement(SwatchTile, { showCheck: showCheck, color: isValidHex(formattedValue) ? `#${formattedValue}` : '' }),
             React.createElement(PoundSignPrefix, { "aria-hidden": true, disabled: disabled }, "#")));
     },

package/dist/commonjs/color-picker/lib/ColorPreview.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];
@@ -28,12 +32,12 @@ const ColorInput_1 = require("./ColorInput");
 const common_1 = require("@workday/canvas-kit-react/common");
 const styled_1 = __importDefault(require("@emotion/styled"));
 const tokens_1 = require("@workday/canvas-kit-react/tokens");
-const StyledColorPreview = styled_1.default(ColorInput_1.ColorInput)({
+const StyledColorPreview = (0, styled_1.default)(ColorInput_1.ColorInput)({
     backgroundColor: tokens_1.colors.frenchVanilla100,
     borderColor: tokens_1.colors.frenchVanilla100,
     pointerEvents: 'none',
 });
-exports.ColorPreview = common_1.createComponent('input')({
+exports.ColorPreview = (0, common_1.createComponent)('input')({
     displayName: 'ColorPreview',
-    Component: ({ id, value, ...elemProps }, ref, Element) => (React.createElement(StyledColorPreview, Object.assign({ ref: ref, as: Element, id: id, value: value, readOnly: true, placeholder: "" }, elemProps))),
+    Component: ({ id, value, ...elemProps }, ref, Element) => (React.createElement(StyledColorPreview, { ref: ref, as: Element, id: id, value: value, readOnly: true, placeholder: "", ...elemProps })),
 });

package/dist/commonjs/color-picker/lib/parts/ColorSwatch.d.ts

@@ -3,5 +3,5 @@ export interface ColorSwatchProps extends React.HTMLAttributes<HTMLDivElement> {
     color: string;
     showCheck?: boolean;
 }
-export declare const ColorSwatch: ({ color, showCheck, ...elemProps }: ColorSwatchProps) => JSX.Element;
+export declare const ColorSwatch: ({ color, showCheck, ...elemProps }: ColorSwatchProps) => React.JSX.Element;
 //# sourceMappingURL=ColorSwatch.d.ts.map

package/dist/commonjs/color-picker/lib/parts/ColorSwatch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSwatch.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/ColorSwatch.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAiCD,eAAO,MAAM,WAAW,uCAA8C,gBAAgB,gBAWrF,CAAC"}
+{"version":3,"file":"ColorSwatch.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/ColorSwatch.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAiCD,eAAO,MAAM,WAAW,uCAA8C,gBAAgB,sBAWrF,CAAC"}

package/dist/commonjs/color-picker/lib/parts/ColorSwatch.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];
@@ -35,9 +39,9 @@ function compareColors(color1, color2) {
     if (!chroma_js_1.default.valid(color1) || !chroma_js_1.default.valid(color2)) {
         return false;
     }
-    return chroma_js_1.default(color1).hex() === chroma_js_1.default(color2).hex();
+    return (0, chroma_js_1.default)(color1).hex() === (0, chroma_js_1.default)(color2).hex();
 }
-const Container = styled_1.default('div')({
+const Container = (0, styled_1.default)('div')({
     width: 20,
     height: 20,
     borderRadius: tokens_1.borderRadius.s,
@@ -54,5 +58,5 @@ const Container = styled_1.default('div')({
         ? 'inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25)'
         : undefined,
 }));
-const ColorSwatch = ({ color, showCheck = false, ...elemProps }) => (React.createElement(Container, Object.assign({ color: color, showCheck: showCheck }, elemProps), showCheck && (React.createElement(icon_1.SystemIcon, { fill: common_1.pickForegroundColor(color), fillHover: common_1.pickForegroundColor(color), icon: canvas_system_icons_web_1.checkSmallIcon, color: color }))));
+const ColorSwatch = ({ color, showCheck = false, ...elemProps }) => (React.createElement(Container, { color: color, showCheck: showCheck, ...elemProps }, showCheck && (React.createElement(icon_1.SystemIcon, { fill: (0, common_1.pickForegroundColor)(color), fillHover: (0, common_1.pickForegroundColor)(color), icon: canvas_system_icons_web_1.checkSmallIcon, color: color }))));
 exports.ColorSwatch = ColorSwatch;

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

@@ -9,7 +9,7 @@ const common_1 = require("@workday/canvas-kit-react/common");
 const useComboboxModel_1 = require("./hooks/useComboboxModel");
 const ComboboxInput_1 = require("./ComboboxInput");
 const ComboboxMenu_1 = require("./ComboboxMenu");
-exports.Combobox = common_1.createContainer()({
+exports.Combobox = (0, common_1.createContainer)()({
     displayName: 'Combobox',
     modelHook: useComboboxModel_1.useComboboxModel,
     subComponents: {

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

@@ -12,14 +12,14 @@ const useComboboxModel_1 = require("./hooks/useComboboxModel");
  * This hook sets the `minWidth` style attribute to match the width of the
  * {@link ComboboxInput Combobox.Input} component.
  */
-exports.useComboboxCard = common_1.createElemPropsHook(useComboboxModel_1.useComboboxModel)(model => {
+exports.useComboboxCard = (0, common_1.createElemPropsHook)(useComboboxModel_1.useComboboxModel)(model => {
     return {
         minWidth: model.state.width,
     };
 });
-exports.ComboboxCard = common_1.createSubcomponent('div')({
+exports.ComboboxCard = (0, common_1.createSubcomponent)('div')({
     modelHook: useComboboxModel_1.useComboboxModel,
     elemPropsHook: exports.useComboboxCard,
 })(({ children, ...elemProps }, Element) => {
-    return (react_1.default.createElement(menu_1.Menu.Card, Object.assign({ as: Element }, elemProps), children));
+    return (react_1.default.createElement(menu_1.Menu.Card, { as: Element, ...elemProps }, children));
 });

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

@@ -9,9 +9,9 @@ const common_1 = require("@workday/canvas-kit-react/common");
 const text_input_1 = require("@workday/canvas-kit-react/text-input");
 const useComboboxModel_1 = require("./hooks/useComboboxModel");
 const useComboboxInput_1 = require("./hooks/useComboboxInput");
-exports.ComboboxInput = common_1.createSubcomponent(text_input_1.TextInput)({
+exports.ComboboxInput = (0, common_1.createSubcomponent)(text_input_1.TextInput)({
     modelHook: useComboboxModel_1.useComboboxModel,
     elemPropsHook: useComboboxInput_1.useComboboxInput,
 })(({ children, ...elemProps }, Element) => {
-    return react_1.default.createElement(Element, Object.assign({}, elemProps), children);
+    return react_1.default.createElement(Element, { ...elemProps }, children);
 });

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

@@ -12,7 +12,7 @@ const ComboboxMenuList_1 = require("./ComboboxMenuList");
 const ComboboxMenuItem_1 = require("./ComboboxMenuItem");
 const ComboboxCard_1 = require("./ComboboxCard");
 const ComboboxPopper_1 = require("./ComboboxPopper");
-exports.ComboboxMenu = common_1.createSubcomponent()({
+exports.ComboboxMenu = (0, common_1.createSubcomponent)()({
     modelHook: useComboboxModel_1.useComboboxModel,
     subComponents: {
         /**

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxMenuItem.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/ComboboxMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAIL,YAAY,EACb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,cAAc,EAAe,MAAM,gCAAgC,CAAC;AAa5E,MAAM,WAAW,qBAAsB,SAAQ,YAAY,CAAC,OAAO,cAAc,EAAE,KAAK,CAAC;CAAG;AAE5F;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAIA,gBAAgB,CAAC,WAAW,CAAC;;;;;;;;;;;;;;EAyB5D,CAAC;AAOF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAI/B,CAAC;AAQH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAc3B,CAAC"}
+{"version":3,"file":"ComboboxMenuItem.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/ComboboxMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAIL,YAAY,EACb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,cAAc,EAAe,MAAM,gCAAgC,CAAC;AAc5E,MAAM,WAAW,qBAAsB,SAAQ,YAAY,CAAC,OAAO,cAAc,EAAE,KAAK,CAAC;CAAG;AAE5F;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAIA,gBAAgB,CAAC,WAAW,CAAC;;;;;;;;;;;;;;EAyB5D,CAAC;AAOF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAI/B,CAAC;AAQH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAc3B,CAAC"}

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

@@ -21,7 +21,7 @@ const layout_1 = require("@workday/canvas-kit-react/layout");
  * also prevents items with an `aria-disabled` attribute from being selected. A `focus` CSS class is
  * added when the item has "focus" (when the cursor is on the item).
  */
-exports.useComboboxMenuItem = common_1.composeHooks(common_1.createElemPropsHook(menu_1.useMenuModel)((model, ref, elemProps = {}) => {
+exports.useComboboxMenuItem = (0, common_1.composeHooks)((0, common_1.createElemPropsHook)(menu_1.useMenuModel)((model, ref, elemProps = {}) => {
     const id = elemProps['data-id'] || '';
     const onMouseDown = (event) => {
         if (event.currentTarget.getAttribute('aria-disabled') !== 'true') {
@@ -33,7 +33,7 @@ exports.useComboboxMenuItem = common_1.composeHooks(common_1.createElemPropsHook
         // prevent focus changes
         event.preventDefault();
     };
-    const selected = model.state.cursorId === id;
+    const selected = (0, collection_1.isSelected)(id, model.state);
     return {
         role: 'option',
         'aria-selected': selected || undefined,
@@ -41,18 +41,18 @@ exports.useComboboxMenuItem = common_1.composeHooks(common_1.createElemPropsHook
         className: model.state.cursorId && model.state.cursorId === elemProps['data-id'] ? 'focus' : '',
     };
 }), collection_1.useListItemRegister, collection_1.useListItemAllowChildStrings);
-const comboboxMenuItemIconStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "0631bc", styles: "box-sizing:border-box;align-self:start;" }
-}, "combobox-menu-item-icon-41d821");
-exports.ComboboxMenuItemIcon = common_1.createSubcomponent('span')({
+const comboboxMenuItemIconStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk40", styles: "box-sizing:border-box;align-self:start;" }
+}, "combobox-menu-item-icon-1886be");
+exports.ComboboxMenuItemIcon = (0, common_1.createSubcomponent)('span')({
     modelHook: useComboboxModel_1.useComboboxModel,
 })((elemProps, Element) => {
-    return react_1.default.createElement(icon_1.SystemIcon, Object.assign({ as: Element }, layout_1.mergeStyles(elemProps, comboboxMenuItemIconStencil())));
+    return react_1.default.createElement(icon_1.SystemIcon, { as: Element, ...(0, layout_1.mergeStyles)(elemProps, comboboxMenuItemIconStencil()) });
 });
-const comboboxMenuItemStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "1963d4", styles: "box-sizing:border-box;min-height:var(--cnvs-sys-space-x10);" }
-}, "combobox-menu-item-6144c2");
-exports.ComboboxMenuItem = common_1.createSubcomponent('li')({
+const comboboxMenuItemStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk41", styles: "box-sizing:border-box;min-height:var(--cnvs-sys-space-x10);" }
+}, "combobox-menu-item-f6da1d");
+exports.ComboboxMenuItem = (0, common_1.createSubcomponent)('li')({
     modelHook: useComboboxModel_1.useComboboxModel,
     elemPropsHook: exports.useComboboxMenuItem,
     subComponents: {
@@ -60,5 +60,5 @@ exports.ComboboxMenuItem = common_1.createSubcomponent('li')({
     },
 })(({ children, ...elemProps }, Element) => {
     return (react_1.default.createElement(tooltip_1.OverflowTooltip, { placement: "left" },
-        react_1.default.createElement(menu_1.StyledMenuItem, Object.assign({ as: Element }, layout_1.mergeStyles(elemProps, comboboxMenuItemStencil())), children)));
+        react_1.default.createElement(menu_1.StyledMenuItem, { as: Element, ...(0, layout_1.mergeStyles)(elemProps, comboboxMenuItemStencil()) }, children)));
 });

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

@@ -16,20 +16,20 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
  * input should be labelled by a form field label for proper accessibility. Use {@link FormField} to
  * ensure proper accessibility.
  */
-exports.useComboboxMenuList = common_1.createElemPropsHook(menu_1.useMenuModel)(model => {
+exports.useComboboxMenuList = (0, common_1.createElemPropsHook)(menu_1.useMenuModel)(model => {
     return {
         role: 'listbox',
         'aria-labelledby': model.state.id,
         id: `${model.state.id}-list`,
     };
 });
-const comboboxMenuListStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "030ac8", styles: "box-sizing:border-box;" },
+const comboboxMenuListStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk3z", styles: "box-sizing:border-box;" },
     extends: menu_1.menuListStencil
 }, "combobox-menu-list-04543a");
-exports.ComboboxMenuList = common_1.createSubcomponent('ul')({
+exports.ComboboxMenuList = (0, common_1.createSubcomponent)('ul')({
     modelHook: useComboboxModel_1.useComboboxModel,
     elemPropsHook: exports.useComboboxMenuList,
 })(({ children, ...elemProps }, Element, model) => {
-    return (react_1.default.createElement(collection_1.ListBox, Object.assign({ as: Element, model: model, marginY: canvas_kit_styling_1.cssVar(canvas_tokens_web_1.system.space.x2) }, canvas_kit_styling_1.handleCsProp(elemProps, comboboxMenuListStencil({ orientation: model.state.orientation }))), children));
+    return (react_1.default.createElement(collection_1.ListBox, { as: Element, model: model, marginY: (0, canvas_kit_styling_1.cssVar)(canvas_tokens_web_1.system.space.x2), ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, comboboxMenuListStencil({ orientation: model.state.orientation })) }, children));
 });

package/dist/commonjs/combobox/lib/ComboboxPopper.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];
@@ -25,10 +29,10 @@ const common_1 = require("@workday/canvas-kit-react/common");
 const popup_1 = require("@workday/canvas-kit-react/popup");
 const menu_1 = require("@workday/canvas-kit-react/menu");
 exports.useMenuPopper = popup_1.usePopupPopper;
-exports.ComboboxMenuPopper = common_1.createSubcomponent('div')({
+exports.ComboboxMenuPopper = (0, common_1.createSubcomponent)('div')({
     displayName: 'Combobox.Menu.Popper',
     modelHook: menu_1.useMenuModel,
     elemPropsHook: exports.useMenuPopper,
 })(({ children, ...elemProps }) => {
-    return (React.createElement(menu_1.Menu.Popper, Object.assign({ fallbackPlacements: ['top', 'bottom'] }, elemProps), children));
+    return (React.createElement(menu_1.Menu.Popper, { fallbackPlacements: ['top', 'bottom'], ...elemProps }, children));
 });

package/dist/commonjs/combobox/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/combobox/lib/hooks/useComboboxInput.d.ts

@@ -88,7 +88,7 @@ export declare const useComboboxInput: import("@workday/canvas-kit-react/common"
     readonly onClick: (event: React.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`;

package/dist/commonjs/combobox/lib/hooks/useComboboxInput.js

@@ -18,8 +18,8 @@ const useComboboxListKeyboardHandler_1 = require("./useComboboxListKeyboardHandl
  * navigate items of the menu. You may also compose this hook to add more specific behaviors for
  * your {@link ComboboxInput Combobox.Input}.
  */
-exports.useComboboxInput = common_1.composeHooks(common_1.createElemPropsHook(useComboboxModel_1.useComboboxModel)((model, ref) => {
-    const elementRef = common_1.useForkRef(ref, model.state.inputRef);
+exports.useComboboxInput = (0, common_1.composeHooks)((0, common_1.createElemPropsHook)(useComboboxModel_1.useComboboxModel)((model, ref) => {
+    const elementRef = (0, common_1.useForkRef)(ref, model.state.inputRef);
     react_1.default.useEffect(() => {
         var _a;
         if (model.state.cursorId && model.state.visibility === 'visible') {

package/dist/commonjs/combobox/lib/hooks/useComboboxInputOpenWithArrowKeys.js

@@ -7,7 +7,7 @@ const useComboboxModel_1 = require("./useComboboxModel");
  * Opens a `Combobox` with the up/down arrow keys. This should be used only on a
  * {@link ComboboxInput Combobox.Input}. It adds a keydown listener for the up/down arrow keys.
  */
-exports.useComboboxInputOpenWithArrowKeys = common_1.createElemPropsHook(useComboboxModel_1.useComboboxModel)(model => {
+exports.useComboboxInputOpenWithArrowKeys = (0, common_1.createElemPropsHook)(useComboboxModel_1.useComboboxModel)(model => {
     return {
         onKeyDown(event) {
             if (event.key === 'ArrowDown' ||

package/dist/commonjs/combobox/lib/hooks/useComboboxKeyboardTypeAhead.js

@@ -26,7 +26,7 @@ const useComboboxModel_1 = require("./useComboboxModel");
  * );
  * ```
  */
-exports.useComboboxKeyboardTypeAhead = common_1.createElemPropsHook(useComboboxModel_1.useComboboxModel)(model => {
+exports.useComboboxKeyboardTypeAhead = (0, common_1.createElemPropsHook)(useComboboxModel_1.useComboboxModel)(model => {
     const keySofar = react_1.default.useRef('');
     const timer = react_1.default.useRef();
     const [keyTypedSofar, setKeyTypedSofar] = react_1.default.useState(keySofar.current);

package/dist/commonjs/combobox/lib/hooks/useComboboxListKeyboardHandler.js

@@ -7,12 +7,12 @@ const useComboboxModel_1 = require("./useComboboxModel");
 /**
  * `useComboboxListKeyboardHandler` handle calling keyboard events like ArrowUp and ArrowDown only when the menu is visible.
  */
-exports.useComboboxListKeyboardHandler = common_1.createElemPropsHook(useComboboxModel_1.useComboboxModel)(model => {
-    const isRTL = common_1.useIsRTL();
+exports.useComboboxListKeyboardHandler = (0, common_1.createElemPropsHook)(useComboboxModel_1.useComboboxModel)(model => {
+    const isRTL = (0, common_1.useIsRTL)();
     return {
         onKeyDown(event) {
             if (model.state.visibility === 'visible') {
-                const handled = collection_1.keyboardEventToCursorEvents(event, model, isRTL);
+                const handled = (0, collection_1.keyboardEventToCursorEvents)(event, model, isRTL);
                 if (handled) {
                     event.preventDefault();
                 }

package/dist/commonjs/combobox/lib/hooks/useComboboxLoader.js

@@ -48,7 +48,7 @@ const useDebounce = () => {
  */
 const useComboboxLoader = (config, modelHook) => {
     const debounce = useDebounce();
-    const list = collection_1.useListLoader({
+    const list = (0, collection_1.useListLoader)({
         shouldLoad(params, state) {
             return ((config.shouldLoad ? config.shouldLoad(params, state) : true) &&
                 state.visibility !== 'hidden');

package/dist/commonjs/combobox/lib/hooks/useComboboxModel.js

@@ -14,7 +14,7 @@ const menu_1 = require("@workday/canvas-kit-react/menu");
  * property. We need to normalize these use cases so subcomponents can have correct data and all
  * use-cases are supported.
  */
-exports.useInputModel = common_1.createModelHook({
+exports.useInputModel = (0, common_1.createModelHook)({
     defaultConfig: {
         value: undefined,
         onChange(event) {
@@ -41,7 +41,7 @@ exports.useInputModel = common_1.createModelHook({
  * <Combobox model={model}>{Combobox child components}</Combobox>
  * ```
  */
-exports.useComboboxModel = common_1.createModelHook({
+exports.useComboboxModel = (0, common_1.createModelHook)({
     defaultConfig: {
         ...exports.useInputModel.defaultConfig,
         ...menu_1.useMenuModel.defaultConfig,
@@ -52,10 +52,10 @@ exports.useComboboxModel = common_1.createModelHook({
         ...menu_1.useMenuModel.requiredConfig,
     },
 })(config => {
-    const input = exports.useInputModel(config);
-    const menu = menu_1.useMenuModel(menu_1.useMenuModel.mergeConfig(config, {
+    const input = (0, exports.useInputModel)(config);
+    const menu = (0, menu_1.useMenuModel)(menu_1.useMenuModel.mergeConfig(config, {
         onSelect({ id }) {
-            common_1.dispatchInputEvent(menu.state.targetRef.current, id);
+            (0, common_1.dispatchInputEvent)(menu.state.targetRef.current, id);
         },
     }));
     const [width, setWidth] = react_1.default.useState(0);

package/dist/commonjs/combobox/lib/hooks/useComboboxMoveCursorToSelected.js

@@ -10,7 +10,7 @@ const useComboboxModel_1 = require("./useComboboxModel");
 /**
  * If there is nothing selected, move cursor to the first item, otherwise, move the cursor to the selected item
  */
-exports.useComboboxMoveCursorToSelected = common_1.createElemPropsHook(useComboboxModel_1.useComboboxModel)(model => {
+exports.useComboboxMoveCursorToSelected = (0, common_1.createElemPropsHook)(useComboboxModel_1.useComboboxModel)(model => {
     react_1.default.useLayoutEffect(() => {
         var _a;
         const cursorItemId = (_a = model.state.items.find(item => item.id === model.state.cursorId)) === null || _a === void 0 ? void 0 : _a.id;

package/dist/commonjs/combobox/lib/hooks/useComboboxResetCursorToSelected.js

@@ -10,7 +10,7 @@ const useComboboxModel_1 = require("./useComboboxModel");
 /**
  * Reset the cursor to the selected item when the Menu is closed
  */
-exports.useComboboxResetCursorToSelected = common_1.createElemPropsHook(useComboboxModel_1.useComboboxModel)(model => {
+exports.useComboboxResetCursorToSelected = (0, common_1.createElemPropsHook)(useComboboxModel_1.useComboboxModel)(model => {
     const visible = model.state.visibility !== 'hidden';
     react_1.default.useEffect(() => {
         // when closed, the cursor should reset to the selected item if something is selected

package/dist/commonjs/combobox/lib/hooks/useSetPopupWidth.js

@@ -10,7 +10,7 @@ const useComboboxModel_1 = require("./useComboboxModel");
 /**
  * Sets the width of the Menu to the target element when the menu is visible
  */
-exports.useSetPopupWidth = common_1.createElemPropsHook(useComboboxModel_1.useComboboxModel)(model => {
+exports.useSetPopupWidth = (0, common_1.createElemPropsHook)(useComboboxModel_1.useComboboxModel)(model => {
     const visible = model.state.visibility !== 'hidden';
     react_1.default.useLayoutEffect(() => {
         var _a;

package/dist/commonjs/common/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/common/lib/AccessibleHide.d.ts

@@ -15,6 +15,7 @@ export declare const accessibleHide: {
     readonly padding: 0;
     readonly border: 0;
 };
+export declare const accessibleHideStyles: string;
 /**
  * A convenient component wrapper to visually hide content, while still making it accessible to screen readers
  */

package/dist/commonjs/common/lib/AccessibleHide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccessibleHide.d.ts","sourceRoot":"","sources":["../../../../common/lib/AccessibleHide.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,OAAO,EAAe,MAAM,6BAA6B,CAAC;AAGhF;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;CAWjB,CAAC;AAIX;;GAEG;AACH,eAAO,MAAM,cAAc,+DAKzB,CAAC"}
+{"version":3,"file":"AccessibleHide.d.ts","sourceRoot":"","sources":["../../../../common/lib/AccessibleHide.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,OAAO,EAAe,MAAM,6BAA6B,CAAC;AAGhF;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;CAWjB,CAAC;AAEX,eAAO,MAAM,oBAAoB,QAA+B,CAAC;AAEjE;;GAEG;AACH,eAAO,MAAM,cAAc,+DAKzB,CAAC"}