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

package/dist/commonjs/switch/lib/Switch.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,59 +29,59 @@ const common_1 = require("@workday/canvas-kit-react/common");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const layout_1 = require("../../layout");
-const switchContainerStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "aeab09", styles: "box-sizing:border-box;position:relative;height:var(--cnvs-sys-space-x6);width:var(--cnvs-sys-space-x8);" }
+const switchContainerStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk55", styles: "box-sizing:border-box;position:relative;height:var(--cnvs-sys-space-x6);width:var(--cnvs-sys-space-x8);" }
 }, "switch-container-e9661f");
-const SwitchContainer = common_1.createComponent('div')({
+const SwitchContainer = (0, common_1.createComponent)('div')({
     displayName: 'SwitchContainer',
     Component: ({ children, ...elemProps }, ref, Element) => {
-        return (React.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, switchContainerStencil())), children));
+        return (React.createElement(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, switchContainerStencil()) }, children));
     },
 });
-const switchInputStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "1c1c2b", styles: "box-sizing:border-box;display:flex;position:absolute;height:var(--cnvs-sys-space-x6);width:var(--cnvs-sys-space-x8);margin:var(--cnvs-sys-space-zero);margin-left:var(--cnvs-sys-space-x1);border-radius:var(--cnvs-sys-shape-round);opacity:0;cursor:pointer;&:checked, &.checked{& ~ div:first-of-type{background-color:var(--cnvs-brand-primary-base);}&:disabled, &.disabled{& ~ div:first-of-type{opacity:var(--cnvs-sys-opacity-disabled);}}}&:disabled, &.disabled{cursor:not-allowed;& ~ div:first-of-type{opacity:var(--cnvs-sys-opacity-disabled);}}&:focus-visible, &:focus, &.focus{outline:none;& ~ div:first-of-type{box-shadow:0 0 0 2px var(--cnvs-base-palette-french-vanilla-100, rgba(255,255,255,1)), 0 0 0 4px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));}}" },
+const switchInputStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk56", styles: "box-sizing:border-box;display:flex;position:absolute;height:var(--cnvs-sys-space-x6);width:var(--cnvs-sys-space-x8);margin:var(--cnvs-sys-space-zero);margin-left:var(--cnvs-sys-space-x1);border-radius:var(--cnvs-sys-shape-round);opacity:0;cursor:pointer;&:checked, &.checked{& ~ div:first-of-type{background-color:var(--cnvs-brand-primary-base);}&:disabled, &.disabled{& ~ div:first-of-type{opacity:var(--cnvs-sys-opacity-disabled);}}}&:disabled, &.disabled{cursor:not-allowed;& ~ div:first-of-type{opacity:var(--cnvs-sys-opacity-disabled);}}&:focus-visible, &:focus, &.focus{outline:none;& ~ div:first-of-type{box-shadow:0 0 0 2px var(--cnvs-base-palette-french-vanilla-100, rgba(255,255,255,1)), 0 0 0 4px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));}}" },
     modifiers: {
         error: {
-            error: { name: "786eb0", styles: "& ~ div:first-of-type{box-shadow:\n              0 0 0 0.125rem var(--cnvs-sys-color-border-inverse),\n              0 0 0 var(--cnvs-sys-space-x1) var(--cnvs-brand-error-base),\n              0 0 0 0.3125rem transparent;}" },
-            alert: { name: "a877d0", styles: "& ~ div:first-of-type{box-shadow:\n          0 0 0 0.125rem var(--cnvs-sys-color-border-inverse),\n          0 0 0 var(--cnvs-sys-space-x1) var(--cnvs-brand-alert-base),\n          0 0 0 0.3125rem var(--cnvs-brand-alert-darkest);}" }
+            error: { name: "ksnk57", styles: "& ~ div:first-of-type{box-shadow:\n              0 0 0 0.125rem var(--cnvs-sys-color-border-inverse),\n              0 0 0 var(--cnvs-sys-space-x1) var(--cnvs-brand-error-base),\n              0 0 0 0.3125rem transparent;}" },
+            alert: { name: "ksnk58", styles: "& ~ div:first-of-type{box-shadow:\n          0 0 0 0.125rem var(--cnvs-sys-color-border-inverse),\n          0 0 0 var(--cnvs-sys-space-x1) var(--cnvs-brand-alert-base),\n          0 0 0 0.3125rem var(--cnvs-brand-alert-darkest);}" }
         }
     }
 }, "switch-input-001dec");
-const SwitchInput = common_1.createComponent('input')({
+const SwitchInput = (0, common_1.createComponent)('input')({
     displayName: 'SwitchInput',
     Component: ({ error, ...elemProps }, ref, Element) => {
-        return React.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, switchInputStencil({ error }))));
+        return React.createElement(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, switchInputStencil({ error })) });
     },
 });
-const switchBackgroundStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "f185ac", styles: "box-sizing:border-box;position:absolute;display:flex;align-items:center;pointer-events:none;margin-top:var(--cnvs-sys-space-x1);width:var(--cnvs-sys-space-x8);height:var(--cnvs-sys-space-x4);border-radius:var(--cnvs-sys-shape-round);padding:var(--cnvs-sys-space-zero) 0.125rem;transition:background-color 200ms ease;background-color:var(--cnvs-sys-color-bg-muted-soft);" }
+const switchBackgroundStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk59", styles: "box-sizing:border-box;position:absolute;display:flex;align-items:center;pointer-events:none;margin-top:var(--cnvs-sys-space-x1);width:var(--cnvs-sys-space-x8);height:var(--cnvs-sys-space-x4);border-radius:var(--cnvs-sys-shape-round);padding:var(--cnvs-sys-space-zero) 0.125rem;transition:background-color 200ms ease;background-color:var(--cnvs-sys-color-bg-muted-soft);" }
 }, "switch-background-17579c");
-const SwitchBackground = common_1.createComponent('div')({
+const SwitchBackground = (0, common_1.createComponent)('div')({
     displayName: 'SwitchBackground',
     Component: ({ children, ...elemProps }, ref, Element) => {
-        return (React.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, switchBackgroundStencil())), children));
+        return (React.createElement(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, switchBackgroundStencil()) }, children));
     },
 });
-const switchCircleStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "7a2c97", styles: "box-sizing:border-box;width:var(--cnvs-sys-space-x3);height:var(--cnvs-sys-space-x3);border-radius:var(--cnvs-sys-shape-round);box-shadow:var(--cnvs-sys-depth-1);transition:transform 150ms ease;pointer-events:none;background-color:var(--cnvs-brand-primary-accent);transform:translateX(var(--cnvs-sys-space-zero));" },
+const switchCircleStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk5a", styles: "box-sizing:border-box;width:var(--cnvs-sys-space-x3);height:var(--cnvs-sys-space-x3);border-radius:var(--cnvs-sys-shape-round);box-shadow:var(--cnvs-sys-depth-1);transition:transform 150ms ease;pointer-events:none;background-color:var(--cnvs-brand-primary-accent);transform:translateX(var(--cnvs-sys-space-zero));" },
     modifiers: {
         checked: {
-            true: { name: "06e4c0", styles: "transform:translateX(var(--cnvs-sys-space-x4));" }
+            true: { name: "ksnk5b", styles: "transform:translateX(var(--cnvs-sys-space-x4));" }
         }
     }
 }, "switch-circle-2d1f0c");
-const SwitchCircle = common_1.createComponent('div')({
+const SwitchCircle = (0, common_1.createComponent)('div')({
     displayName: 'SwitchCircle',
     Component: ({ checked, ...elemProps }, ref, Element) => {
-        return React.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, switchCircleStencil({ checked }))));
+        return React.createElement(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, switchCircleStencil({ checked })) });
     },
 });
-exports.Switch = common_1.createComponent('input')({
+exports.Switch = (0, common_1.createComponent)('input')({
     displayName: 'Switch',
     Component: ({ checked = false, id, disabled = false, onChange, value, ...elemProps }, ref, Element) => {
-        const inputId = common_1.useUniqueId(id);
+        const inputId = (0, common_1.useUniqueId)(id);
         return (React.createElement(SwitchContainer, null,
-            React.createElement(SwitchInput, Object.assign({ as: Element, checked: checked, disabled: disabled, id: inputId, ref: ref, onChange: onChange, role: "switch", type: "checkbox", value: value }, elemProps)),
+            React.createElement(SwitchInput, { as: Element, checked: checked, disabled: disabled, id: inputId, ref: ref, onChange: onChange, role: "switch", type: "checkbox", value: value, ...elemProps }),
             React.createElement(SwitchBackground, null,
                 React.createElement(SwitchCircle, { checked: checked }))));
     },

package/dist/commonjs/table/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/table/lib/Table.js

@@ -16,8 +16,8 @@ const TableFooter_1 = require("./TableFooter");
 const TableCaption_1 = require("./TableCaption");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-const tableStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "2ced58", styles: "box-sizing:border-box;font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-400);line-height:var(--cnvs-base-line-height-100);font-size:var(--cnvs-base-font-size-75);letter-spacing:var(--cnvs-base-letter-spacing-150);display:grid;border:0.0625rem solid var(--cnvs-sys-color-border-container);border-radius:var(--cnvs-sys-shape-x2);overflow:auto;color:var(--cnvs-sys-color-text-default);" }
+const tableStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk5j", styles: "box-sizing:border-box;font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-400);line-height:var(--cnvs-base-line-height-100);font-size:var(--cnvs-base-font-size-75);letter-spacing:var(--cnvs-base-letter-spacing-150);display:grid;border:0.0625rem solid var(--cnvs-sys-color-border-container);border-radius:var(--cnvs-sys-shape-x2);overflow:auto;color:var(--cnvs-sys-color-text-default);" }
 }, "table-773355");
 /**
  * `Table` is a simple styled compound component that renders a [table](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table) element. It is used to present information in a two-dimensional table comprised of rows and columns of cells containing data.
@@ -61,10 +61,10 @@ export default function App() {
 }
 ```
  */
-exports.Table = common_1.createComponent('table')({
+exports.Table = (0, common_1.createComponent)('table')({
     displayName: 'Table',
     Component: ({ children, ...elemProps }, ref, Element) => {
-        return (react_1.default.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, tableStencil())), children));
+        return (react_1.default.createElement(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, tableStencil()) }, children));
     },
     subComponents: {
         /**

package/dist/commonjs/table/lib/TableBody.js

@@ -8,12 +8,12 @@ const react_1 = __importDefault(require("react"));
 const layout_1 = require("@workday/canvas-kit-react/layout");
 const common_1 = require("@workday/canvas-kit-react/common");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
-const tableBodyStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "afe05d", styles: "box-sizing:border-box;display:grid;tr {&:last-of-type{td, th{border-bottom:none;}}&:first-of-type{td, th{border-top:none;}}}td {&:last-of-type{border-inline-end:none;}&:first-of-type{border-inline-start:none;}}" }
+const tableBodyStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk5d", styles: "box-sizing:border-box;display:grid;tr {&:last-of-type{td, th{border-bottom:none;}}&:first-of-type{td, th{border-top:none;}}}td {&:last-of-type{border-inline-end:none;}&:first-of-type{border-inline-start:none;}}" }
 }, "table-body-dbe12a");
-exports.TableBody = common_1.createComponent('tbody')({
+exports.TableBody = (0, common_1.createComponent)('tbody')({
     displayName: 'Table.Body',
     Component: ({ children, ...elemProps }, ref, Element) => {
-        return (react_1.default.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, tableBodyStencil())), children));
+        return (react_1.default.createElement(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, tableBodyStencil()) }, children));
     },
 });

package/dist/commonjs/table/lib/TableCaption.js

@@ -9,12 +9,12 @@ const layout_1 = require("@workday/canvas-kit-react/layout");
 const common_1 = require("@workday/canvas-kit-react/common");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-const tableCaptionStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "78005d", styles: "box-sizing:border-box;display:flex;border-bottom:0.0625rem solid var(--cnvs-sys-color-border-container);padding:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x4);" }
+const tableCaptionStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk5i", styles: "box-sizing:border-box;display:flex;border-bottom:0.0625rem solid var(--cnvs-sys-color-border-container);padding:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x4);" }
 }, "table-caption-106f16");
-exports.TableCaption = common_1.createComponent('caption')({
+exports.TableCaption = (0, common_1.createComponent)('caption')({
     displayName: 'Table.Caption',
     Component: ({ children, ...elemProps }, ref, Element) => {
-        return (react_1.default.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, tableCaptionStencil())), children));
+        return (react_1.default.createElement(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, tableCaptionStencil()) }, children));
     },
 });

package/dist/commonjs/table/lib/TableCell.js

@@ -9,12 +9,12 @@ const layout_1 = require("@workday/canvas-kit-react/layout");
 const common_1 = require("@workday/canvas-kit-react/common");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-const tableCellStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "02da1e", styles: "box-sizing:border-box;display:grid;align-items:center;background-color:var(--cnvs-sys-color-bg-default);border-bottom:0.0625rem solid var(--cnvs-sys-color-border-divider);grid-template-columns:1fr;justify-content:start;min-height:3.5rem;padding:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x4);word-break:break-word;" }
+const tableCellStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk5g", styles: "box-sizing:border-box;display:grid;align-items:center;background-color:var(--cnvs-sys-color-bg-default);border-bottom:0.0625rem solid var(--cnvs-sys-color-border-divider);grid-template-columns:1fr;justify-content:start;min-height:3.5rem;padding:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x4);word-break:break-word;" }
 }, "table-cell-c39aaf");
-exports.TableCell = common_1.createComponent('td')({
+exports.TableCell = (0, common_1.createComponent)('td')({
     displayName: 'Table.Cell',
     Component: ({ children, ...elemProps }, ref, Element) => {
-        return (react_1.default.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, tableCellStencil())), children));
+        return (react_1.default.createElement(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, tableCellStencil()) }, children));
     },
 });

package/dist/commonjs/table/lib/TableFooter.js

@@ -8,12 +8,12 @@ const react_1 = __importDefault(require("react"));
 const layout_1 = require("@workday/canvas-kit-react/layout");
 const common_1 = require("@workday/canvas-kit-react/common");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
-const tableFooterStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "1b51ed", styles: "box-sizing:border-box;display:grid;" }
+const tableFooterStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk5h", styles: "box-sizing:border-box;display:grid;" }
 }, "table-footer-9bbb07");
-exports.TableFooter = common_1.createComponent('tfoot')({
+exports.TableFooter = (0, common_1.createComponent)('tfoot')({
     displayName: 'Table.Footer',
     Component: ({ children, ...elemProps }, ref, Element) => {
-        return (react_1.default.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, tableFooterStencil())), children));
+        return (react_1.default.createElement(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, tableFooterStencil()) }, children));
     },
 });

package/dist/commonjs/table/lib/TableHead.js

@@ -9,12 +9,12 @@ const layout_1 = require("@workday/canvas-kit-react/layout");
 const common_1 = require("@workday/canvas-kit-react/common");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-const tableHeadStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "6f3bdd", styles: "box-sizing:border-box;display:grid;background-color:var(--cnvs-sys-color-bg-alt-softer);min-height:calc(var(--cnvs-sys-space-x16) - var(--cnvs-sys-space-x4));th {&:first-of-type{border-inline-start:none;}&:last-of-type{border-inline-end:none;}}" }
+const tableHeadStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk5c", styles: "box-sizing:border-box;display:grid;background-color:var(--cnvs-sys-color-bg-alt-softer);min-height:calc(var(--cnvs-sys-space-x16) - var(--cnvs-sys-space-x4));th {&:first-of-type{border-inline-start:none;}&:last-of-type{border-inline-end:none;}}" }
 }, "table-head-c91e37");
-exports.TableHead = common_1.createComponent('thead')({
+exports.TableHead = (0, common_1.createComponent)('thead')({
     displayName: 'Table.Head',
     Component: ({ children, ...elemProps }, ref, Element) => {
-        return (react_1.default.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, tableHeadStencil())), children));
+        return (react_1.default.createElement(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, tableHeadStencil()) }, children));
     },
 });

package/dist/commonjs/table/lib/TableHeader.js

@@ -9,12 +9,12 @@ const layout_1 = require("@workday/canvas-kit-react/layout");
 const common_1 = require("@workday/canvas-kit-react/common");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-const tableHeaderStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "ead3aa", styles: "box-sizing:border-box;display:grid;align-items:center;background-color:var(--cnvs-sys-color-bg-default);border-bottom:0.0625rem solid var(--cnvs-sys-color-border-divider);justify-content:start;min-height:calc(var(--cnvs-sys-space-x16) - var(--cnvs-sys-space-x2));padding:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x4);word-break:break-word;font-weight:var(--cnvs-sys-font-weight-medium);" }
+const tableHeaderStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk5f", styles: "box-sizing:border-box;display:grid;align-items:center;background-color:var(--cnvs-sys-color-bg-default);border-bottom:0.0625rem solid var(--cnvs-sys-color-border-divider);justify-content:start;min-height:calc(var(--cnvs-sys-space-x16) - var(--cnvs-sys-space-x2));padding:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x4);word-break:break-word;font-weight:var(--cnvs-sys-font-weight-medium);" }
 }, "table-header-8f0b37");
-exports.TableHeader = common_1.createComponent('th')({
+exports.TableHeader = (0, common_1.createComponent)('th')({
     displayName: 'Table.Header',
     Component: ({ children, ...elemProps }, ref, Element) => {
-        return (react_1.default.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, tableHeaderStencil())), children));
+        return (react_1.default.createElement(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, tableHeaderStencil()) }, children));
     },
 });

package/dist/commonjs/table/lib/TableRow.js

@@ -8,12 +8,12 @@ const react_1 = __importDefault(require("react"));
 const layout_1 = require("@workday/canvas-kit-react/layout");
 const common_1 = require("@workday/canvas-kit-react/common");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
-const childrenVars = canvas_kit_styling_1.createVars({ id: "4d9bf5", args: ["cellNumber"] });
+const childrenVars = (0, canvas_kit_styling_1.createVars)({ id: "4d9bf5", args: ["cellNumber"] });
 // Styles for rows including dynamic sizing for amount of cells within a row
-const tableRowStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "3b5604", styles: "box-sizing:border-box;display:grid;grid-auto-flow:column;grid-template-columns:repeat(var(--cellNumber-4d9bf5), minmax(10rem, 1fr));" }
+const tableRowStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk5e", styles: "box-sizing:border-box;display:grid;grid-auto-flow:column;grid-template-columns:repeat(var(--cellNumber-4d9bf5), minmax(10rem, 1fr));" }
 }, "table-row-a6e914");
-exports.TableRow = common_1.createComponent('tr')({
+exports.TableRow = (0, common_1.createComponent)('tr')({
     displayName: 'Table.Row',
     Component: ({ children, ...elemProps }, ref, Element) => {
         // This calculates the amount of valid React children cells within the row and will update the gridTemplateColumns style property with that amount of cells within the row
@@ -24,6 +24,6 @@ exports.TableRow = common_1.createComponent('tr')({
          * This is the calculated amount of valid React children
          */
         const childrenArray = validChildren(children).length;
-        return (react_1.default.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, [tableRowStencil(), { [childrenVars.cellNumber]: childrenArray }])), children));
+        return (react_1.default.createElement(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, [tableRowStencil(), { [childrenVars.cellNumber]: childrenArray }]) }, children));
     },
 });

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

@@ -5876,7 +5876,7 @@ export declare const Tabs: import("@workday/canvas-kit-react/common").ComponentM
             }, {}, {}>;
             Text: import("@emotion/styled").StyledComponent<{
                 theme?: import("@emotion/react").Theme | undefined;
-                as?: React.ElementType<any> | undefined;
+                as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
             }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
         };
         Divider: import("@workday/canvas-kit-react/common").ElementComponent<"hr", unknown>;

package/dist/commonjs/tabs/lib/Tabs.js

@@ -40,7 +40,7 @@ const TabsPanels_1 = require("./TabsPanels");
  * Model](/getting-started/for-developers/resources/compound-components/#configuring-a-model) for
  * more information on model configuration.
  */
-exports.Tabs = common_1.createContainer()({
+exports.Tabs = (0, common_1.createContainer)()({
     displayName: 'Tabs',
     modelHook: useTabsModel_1.useTabsModel,
     subComponents: {

package/dist/commonjs/tabs/lib/TabsItem.d.ts

@@ -233,6 +233,7 @@ export declare const useTabsItem: import("@workday/canvas-kit-react/common").Beh
     ref: (instance: HTMLElement | null) => void;
     'aria-hidden': true | undefined;
     style: {};
+    inert: string | undefined;
 } & {
     onKeyDown(event: React.KeyboardEvent<Element>): void;
     onClick(): void;

package/dist/commonjs/tabs/lib/TabsItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAIL,UAAU,EAIV,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAE,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAYhE,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC,EACrC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;;;;OAaG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa;;;;oDAwEzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBnB,CAAC"}
+{"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAIL,UAAU,EAIV,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAE,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAYhE,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC,EACrC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;;;;OAaG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa;;;;oDAwEzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBnB,CAAC"}

package/dist/commonjs/tabs/lib/TabsItem.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,7 +32,7 @@ const tooltip_1 = require("@workday/canvas-kit-react/tooltip");
 const icon_1 = require("@workday/canvas-kit-react/icon");
 const collection_1 = require("@workday/canvas-kit-react/collection");
 const useTabsModel_1 = require("./useTabsModel");
-exports.StyledTabItem = common_1.styled(layout_1.Box.as('button'))(({ theme }) => ({
+exports.StyledTabItem = (0, common_1.styled)(layout_1.Box.as('button'))(({ theme }) => ({
     ...tokens_1.type.levels.subtext.large,
     fontWeight: tokens_1.type.properties.fontWeights.medium,
     border: 'none',
@@ -51,7 +55,7 @@ exports.StyledTabItem = common_1.styled(layout_1.Box.as('button'))(({ theme }) =
     },
     '&:focus': {
         outline: `none`,
-        ...common_1.focusRing({ inset: 'outer', width: 0, separation: 2 }, theme),
+        ...(0, common_1.focusRing)({ inset: 'outer', width: 0, separation: 2 }, theme),
     },
     '&:disabled, &[aria-disabled]': {
         color: tokens_1.colors.licorice100,
@@ -93,17 +97,17 @@ exports.StyledTabItem = common_1.styled(layout_1.Box.as('button'))(({ theme }) =
         };
     }
 });
-exports.useTabsItem = common_1.composeHooks(common_1.createElemPropsHook(useTabsModel_1.useTabsModel)(({ state }, _, elemProps = {}) => {
+exports.useTabsItem = (0, common_1.composeHooks)((0, common_1.createElemPropsHook)(useTabsModel_1.useTabsModel)(({ state }, _, elemProps = {}) => {
     const name = elemProps['data-id'] || '';
-    const selected = !!elemProps['data-id'] && collection_1.isSelected(name, state);
+    const selected = !!elemProps['data-id'] && (0, collection_1.isSelected)(name, state);
     return {
         type: 'button',
         role: 'tab',
         'aria-selected': selected,
-        'aria-controls': common_1.slugify(`tabpanel-${state.id}-${name}`),
+        'aria-controls': (0, common_1.slugify)(`tabpanel-${state.id}-${name}`),
     };
 }), collection_1.useListItemSelect, collection_1.useOverflowListItemMeasure, collection_1.useListItemRovingFocus, collection_1.useListItemRegister);
-exports.TabsItem = common_1.createSubcomponent('button')({
+exports.TabsItem = (0, common_1.createSubcomponent)('button')({
     displayName: 'Tabs.Item',
     modelHook: useTabsModel_1.useTabsModel,
     elemPropsHook: exports.useTabsItem,
@@ -112,7 +116,7 @@ exports.TabsItem = common_1.createSubcomponent('button')({
         Text: common_1.EllipsisText,
     },
 })(({ children, ...elemProps }, Element) => {
-    const modality = common_1.useModalityType();
+    const modality = (0, common_1.useModalityType)();
     return (React.createElement(tooltip_1.OverflowTooltip, null,
-        React.createElement(exports.StyledTabItem, Object.assign({ as: Element, maxWidth: modality === 'touch' ? undefined : 280 }, elemProps), children)));
+        React.createElement(exports.StyledTabItem, { as: Element, maxWidth: modality === 'touch' ? undefined : 280, ...elemProps }, children)));
 });

package/dist/commonjs/tabs/lib/TabsList.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,29 +30,29 @@ const common_1 = require("@workday/canvas-kit-react/common");
 const layout_1 = require("@workday/canvas-kit-react/layout");
 const collection_1 = require("@workday/canvas-kit-react/collection");
 const useTabsModel_1 = require("./useTabsModel");
-exports.useTabsList = common_1.composeHooks(common_1.createElemPropsHook(useTabsModel_1.useTabsModel)(() => {
-    const modality = common_1.useModalityType();
+exports.useTabsList = (0, common_1.composeHooks)((0, common_1.createElemPropsHook)(useTabsModel_1.useTabsModel)(() => {
+    const modality = (0, common_1.useModalityType)();
     return {
         role: 'tablist',
         overflowX: modality === 'touch' ? 'auto' : undefined,
     };
 }), collection_1.useOverflowListMeasure, collection_1.useListResetCursorOnBlur);
-const StyledStack = common_1.styled(layout_1.Flex, {
-    shouldForwardProp: common_1.filterOutProps(['maskImage']),
+const StyledStack = (0, common_1.styled)(layout_1.Flex, {
+    shouldForwardProp: (0, common_1.filterOutProps)(['maskImage']),
 })(({ maskImage }) => ({
     maskImage: maskImage,
 }));
-exports.TabsList = common_1.createSubcomponent('div')({
+exports.TabsList = (0, common_1.createSubcomponent)('div')({
     displayName: 'Tabs.List',
     modelHook: useTabsModel_1.useTabsModel,
     elemPropsHook: exports.useTabsList,
 })(({ children, overflowButton, ...elemProps }, Element, model) => {
-    const modality = common_1.useModalityType();
-    const touchStates = exports.useTouchDirection();
-    return (React.createElement(StyledStack, Object.assign({ as: Element, position: "relative", borderBottom: `1px solid ${tokens_1.commonColors.divider}`, paddingX: modality === 'touch' ? 'zero' : 'm', gap: "xs", maskImage: modality === 'touch' && touchStates.isDragging
+    const modality = (0, common_1.useModalityType)();
+    const touchStates = (0, exports.useTouchDirection)();
+    return (React.createElement(StyledStack, { as: Element, position: "relative", borderBottom: `1px solid ${tokens_1.commonColors.divider}`, paddingX: modality === 'touch' ? 'zero' : 'm', gap: "xs", maskImage: modality === 'touch' && touchStates.isDragging
             ? `linear-gradient(${touchStates.direction === 'left' ? 'to left' : 'to right'}, white 80%, transparent)`
-            : undefined }, elemProps),
-        collection_1.useListRenderItems(model, children),
+            : undefined, ...elemProps },
+        (0, collection_1.useListRenderItems)(model, children),
         overflowButton));
 });
 const useTouchDirection = () => {

package/dist/commonjs/tabs/lib/TabsMenuPopper.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.useTabsMenuPopper = popup_1.usePopupPopper;
-exports.TabsMenuPopper = common_1.createSubcomponent('div')({
+exports.TabsMenuPopper = (0, common_1.createSubcomponent)('div')({
     displayName: 'Tabs.MenuPopper',
     modelHook: menu_1.useMenuModel,
     elemPropsHook: exports.useTabsMenuPopper,
 })(({ children, ...elemProps }) => {
-    return React.createElement(popup_1.Popper, Object.assign({}, elemProps), children);
+    return React.createElement(popup_1.Popper, { ...elemProps }, children);
 });

package/dist/commonjs/tabs/lib/TabsOverflowButton.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,17 +32,17 @@ const collection_1 = require("@workday/canvas-kit-react/collection");
 const menu_1 = require("@workday/canvas-kit-react/menu");
 const useTabsModel_1 = require("./useTabsModel");
 const TabsItem_1 = require("./TabsItem");
-exports.useTabsOverflowButton = common_1.composeHooks(common_1.createElemPropsHook(useTabsModel_1.useTabsModel)(() => {
+exports.useTabsOverflowButton = (0, common_1.composeHooks)((0, common_1.createElemPropsHook)(useTabsModel_1.useTabsModel)(() => {
     return {
         'aria-haspopup': true,
     };
-}), collection_1.useOverflowListTarget, common_1.createSubModelElemPropsHook(useTabsModel_1.useTabsModel)(m => m.menu, menu_1.useMenuTarget));
-exports.TabsOverflowButton = common_1.createSubcomponent('button')({
+}), collection_1.useOverflowListTarget, (0, common_1.createSubModelElemPropsHook)(useTabsModel_1.useTabsModel)(m => m.menu, menu_1.useMenuTarget));
+exports.TabsOverflowButton = (0, common_1.createSubcomponent)('button')({
     displayName: 'Tabs.OverflowButton',
     modelHook: useTabsModel_1.useTabsModel,
     elemPropsHook: exports.useTabsOverflowButton,
 })(({ children, ...elemProps }, Element) => {
-    return (React.createElement(TabsItem_1.StyledTabItem, Object.assign({ type: "button", gap: "xxxs", as: Element }, elemProps),
+    return (React.createElement(TabsItem_1.StyledTabItem, { type: "button", gap: "xxxs", as: Element, ...elemProps },
         React.createElement("span", null, children),
         React.createElement(icon_1.SystemIcon, { icon: canvas_system_icons_web_1.chevronDownSmallIcon })));
 });

package/dist/commonjs/tabs/lib/TabsPanel.js

@@ -9,11 +9,11 @@ const styled_1 = __importDefault(require("@emotion/styled"));
 const common_1 = require("@workday/canvas-kit-react/common");
 const layout_1 = require("@workday/canvas-kit-react/layout");
 const useTabsModel_1 = require("./useTabsModel");
-const StyledTabsPanel = styled_1.default(layout_1.Box)(common_1.hideMouseFocus);
-exports.useTabsPanel = common_1.createElemPropsHook(useTabsModel_1.useTabsModel)(({ state, events }, _, elemProps = {}) => {
+const StyledTabsPanel = (0, styled_1.default)(layout_1.Box)(common_1.hideMouseFocus);
+exports.useTabsPanel = (0, common_1.createElemPropsHook)(useTabsModel_1.useTabsModel)(({ state, events }, _, elemProps = {}) => {
     var _a;
     const [localId, setLocalId] = react_1.default.useState(elemProps['data-id'] || ((_a = elemProps.item) === null || _a === void 0 ? void 0 : _a.id) || '');
-    common_1.useMountLayout(() => {
+    (0, common_1.useMountLayout)(() => {
         const defaultId = state.panelIndexRef.current;
         const itemId = localId || String(defaultId);
         events.registerPanel({ item: { id: itemId }, textValue: '' });
@@ -24,16 +24,16 @@ exports.useTabsPanel = common_1.createElemPropsHook(useTabsModel_1.useTabsModel)
     });
     return {
         role: 'tabpanel',
-        'aria-labelledby': common_1.slugify(`${state.id}-${localId}`),
+        'aria-labelledby': (0, common_1.slugify)(`${state.id}-${localId}`),
         hidden: !!localId && localId !== state.selectedIds[0],
-        id: common_1.slugify(`tabpanel-${state.id}-${localId}`),
+        id: (0, common_1.slugify)(`tabpanel-${state.id}-${localId}`),
         tabIndex: 0,
     };
 });
-exports.TabsPanel = common_1.createSubcomponent('div')({
+exports.TabsPanel = (0, common_1.createSubcomponent)('div')({
     displayName: 'Tabs.Panel',
     modelHook: useTabsModel_1.useTabsModel,
     elemPropsHook: exports.useTabsPanel,
 })(({ children, ...elemProps }, Element) => {
-    return (react_1.default.createElement(StyledTabsPanel, Object.assign({ as: Element }, elemProps), children));
+    return (react_1.default.createElement(StyledTabsPanel, { as: Element, ...elemProps }, children));
 });

package/dist/commonjs/tabs/lib/TabsPanels.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,9 +28,9 @@ const React = __importStar(require("react"));
 const common_1 = require("@workday/canvas-kit-react/common");
 const collection_1 = require("@workday/canvas-kit-react/collection");
 const useTabsModel_1 = require("./useTabsModel");
-exports.TabsPanels = common_1.createSubcomponent()({
+exports.TabsPanels = (0, common_1.createSubcomponent)()({
     displayName: 'Tabs.Panels',
     modelHook: useTabsModel_1.useTabsModel,
 })(({ children }, _, model) => {
-    return React.createElement(React.Fragment, null, collection_1.useListRenderItems(model, children));
+    return React.createElement(React.Fragment, null, (0, collection_1.useListRenderItems)(model, children));
 });

package/dist/commonjs/tabs/lib/useTabsModel.js

@@ -24,7 +24,7 @@ const menu_1 = require("@workday/canvas-kit-react/menu");
  * <Tabs model={model}>{Tabs child components}</Tabs>
  * ```
  */
-exports.useTabsModel = common_1.createModelHook({
+exports.useTabsModel = (0, common_1.createModelHook)({
     defaultConfig: {
         ...collection_1.useOverflowListModel.defaultConfig,
         /**
@@ -53,8 +53,8 @@ exports.useTabsModel = common_1.createModelHook({
     var _a;
     const initialSelectedRef = react_1.default.useRef(config.initialTab);
     const getId = config.getId || collection_1.defaultGetId;
-    const modality = common_1.useModalityType();
-    const model = collection_1.useOverflowListModel(collection_1.useOverflowListModel.mergeConfig(config, {
+    const modality = (0, common_1.useModalityType)();
+    const model = (0, collection_1.useOverflowListModel)(collection_1.useOverflowListModel.mergeConfig(config, {
         shouldCalculateOverflow: modality !== 'touch',
         orientation: config.orientation || 'horizontal',
         onRegisterItem(data) {
@@ -70,7 +70,7 @@ exports.useTabsModel = common_1.createModelHook({
                 : [],
         shouldVirtualize: false,
     }));
-    const panels = collection_1.useListModel();
+    const panels = (0, collection_1.useListModel)();
     const state = {
         ...model.state,
         getId,
@@ -100,7 +100,7 @@ exports.useTabsModel = common_1.createModelHook({
          */
         unregisterPanel: panels.events.unregisterItem,
     };
-    const menu = menu_1.useMenuModel(menu_1.useMenuModel.mergeConfig(config.menuConfig, {
+    const menu = (0, menu_1.useMenuModel)(menu_1.useMenuModel.mergeConfig(config.menuConfig, {
         id: `menu-${model.state.id}`,
         items: overflowItems,
         nonInteractiveIds: state.nonInteractiveIds.filter(key => !state.hiddenIds.includes(key)),