@workday/canvas-kit-preview-react 8.0.0-alpha.121-next.2 → 8.0.0

package/breadcrumbs/lib/Breadcrumbs/List/index.tsx

@@ -6,10 +6,9 @@ export type BreadcrumbsListProps = React.HTMLAttributes<HTMLUListElement>;
 
 export const BreadcrumbsList = createComponent('ul')({
   displayName: 'BreadcrumbsList',
-  Component: (elemProps: BreadcrumbsListProps, ref, Element) => {
+  Component: ({children, ...elemProps}: BreadcrumbsListProps, ref) => {
     return (
       <Flex
-        as={Element}
         padding="zero"
         margin="zero"
         display="inline-flex"
@@ -17,10 +16,13 @@ export const BreadcrumbsList = createComponent('ul')({
         minHeight={40}
         listStyle="none"
         style={{boxSizing: 'border-box'}}
+        as="ul"
         role="list"
         ref={ref}
         {...elemProps}
-      />
+      >
+        {children}
+      </Flex>
     );
   },
 });

package/breadcrumbs/package.json

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

package/color-picker/package.json

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

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,oBAAY,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAE1E,eAAO,MAAM,eAAe,yFAmB1B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,oBAAY,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAE1E,eAAO,MAAM,eAAe,yFAqB1B,CAAC"}

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.js

@@ -10,6 +10,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -20,7 +31,8 @@ var common_1 = require("@workday/canvas-kit-react/common");
 var layout_1 = require("@workday/canvas-kit-react/layout");
 exports.BreadcrumbsList = common_1.createComponent('ul')({
     displayName: 'BreadcrumbsList',
-    Component: function (elemProps, ref, Element) {
-        return (react_1.default.createElement(layout_1.Flex, __assign({ as: Element, padding: "zero", margin: "zero", display: "inline-flex", alignItems: "center", minHeight: 40, listStyle: "none", style: { boxSizing: 'border-box' }, role: "list", ref: ref }, elemProps)));
+    Component: function (_a, ref) {
+        var children = _a.children, elemProps = __rest(_a, ["children"]);
+        return (react_1.default.createElement(layout_1.Flex, __assign({ padding: "zero", margin: "zero", display: "inline-flex", alignItems: "center", minHeight: 40, listStyle: "none", style: { boxSizing: 'border-box' }, as: "ul", role: "list", ref: ref }, elemProps), children));
     },
 });

package/dist/commonjs/menu/lib/Menu.js

@@ -184,7 +184,7 @@ var Menu = /** @class */ (function (_super) {
         _this.setFirstCharacters = function () {
             var getFirstCharacter = function (child) {
                 var character = '';
-                if (!child || typeof child === 'boolean') {
+                if (!child || typeof child === 'boolean' || child === {}) {
                     character = '';
                 }
                 else if (typeof child === 'string' || typeof child === 'number') {

package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,oBAAY,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAE1E,eAAO,MAAM,eAAe,yFAmB1B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,oBAAY,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAE1E,eAAO,MAAM,eAAe,yFAqB1B,CAAC"}

package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/index.js

@@ -9,12 +9,24 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import React from 'react';
 import { createComponent } from '@workday/canvas-kit-react/common';
 import { Flex } from '@workday/canvas-kit-react/layout';
 export var BreadcrumbsList = createComponent('ul')({
     displayName: 'BreadcrumbsList',
-    Component: function (elemProps, ref, Element) {
-        return (React.createElement(Flex, __assign({ as: Element, padding: "zero", margin: "zero", display: "inline-flex", alignItems: "center", minHeight: 40, listStyle: "none", style: { boxSizing: 'border-box' }, role: "list", ref: ref }, elemProps)));
+    Component: function (_a, ref) {
+        var children = _a.children, elemProps = __rest(_a, ["children"]);
+        return (React.createElement(Flex, __assign({ padding: "zero", margin: "zero", display: "inline-flex", alignItems: "center", minHeight: 40, listStyle: "none", style: { boxSizing: 'border-box' }, as: "ul", role: "list", ref: ref }, elemProps), children));
     },
 });

package/dist/es6/menu/lib/Menu.js

@@ -160,7 +160,7 @@ var Menu = /** @class */ (function (_super) {
         _this.setFirstCharacters = function () {
             var getFirstCharacter = function (child) {
                 var character = '';
-                if (!child || typeof child === 'boolean') {
+                if (!child || typeof child === 'boolean' || child === {}) {
                     character = '';
                 }
                 else if (typeof child === 'string' || typeof child === 'number') {

package/dist/es6/pill/lib/Pill.d.ts

@@ -8,13 +8,13 @@ export interface PillProps extends BoxProps {
     variant?: 'default' | 'readOnly' | 'removable';
 }
 export declare const Pill: import("@workday/canvas-kit-react/common").ElementComponentM<"button", PillProps & Partial<{
-    maxWidth: string | number;
+    maxWidth: React.ReactText;
     disabled: boolean;
     id: string;
 }> & {} & {}, {
     state: {
         id: string;
-        maxWidth: string | number;
+        maxWidth: React.ReactText;
         disabled: boolean;
     };
     events: {};
@@ -22,7 +22,7 @@ export declare const Pill: import("@workday/canvas-kit-react/common").ElementCom
     Context: React.Context<{
         state: {
             id: string;
-            maxWidth: string | number;
+            maxWidth: React.ReactText;
             disabled: boolean;
         };
         events: {};
@@ -31,7 +31,7 @@ export declare const Pill: import("@workday/canvas-kit-react/common").ElementCom
     Icon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", import("./PillIcon").PillIconProps, {
         state: {
             id: string;
-            maxWidth: string | number;
+            maxWidth: React.ReactText;
             disabled: boolean;
         };
         events: {};
@@ -39,7 +39,7 @@ export declare const Pill: import("@workday/canvas-kit-react/common").ElementCom
     Avatar: import("@workday/canvas-kit-react/common").ElementComponentM<"button", import("./PillAvatar").PillAvatarProps, {
         state: {
             id: string;
-            maxWidth: string | number;
+            maxWidth: React.ReactText;
             disabled: boolean;
         };
         events: {};
@@ -48,7 +48,7 @@ export declare const Pill: import("@workday/canvas-kit-react/common").ElementCom
     Label: import("@workday/canvas-kit-react/common").ElementComponentM<"span", import("./PillLabel").PillLabelProps, {
         state: {
             id: string;
-            maxWidth: string | number;
+            maxWidth: React.ReactText;
             disabled: boolean;
         };
         events: {};
@@ -56,7 +56,7 @@ export declare const Pill: import("@workday/canvas-kit-react/common").ElementCom
     IconButton: import("@workday/canvas-kit-react/common").ElementComponentM<"button", import("./PillIconButton").PillIconButtonProps, {
         state: {
             id: string;
-            maxWidth: string | number;
+            maxWidth: React.ReactText;
             disabled: boolean;
         };
         events: {};

package/dist/es6/pill/lib/PillAvatar.d.ts

@@ -1,10 +1,11 @@
+import React from 'react';
 import { AvatarProps } from '@workday/canvas-kit-react/avatar';
 export interface PillAvatarProps extends AvatarProps {
 }
 export declare const PillAvatar: import("@workday/canvas-kit-react/common").ElementComponentM<"button", PillAvatarProps, {
     state: {
         id: string;
-        maxWidth: string | number;
+        maxWidth: React.ReactText;
         disabled: boolean;
     };
     events: {};

package/dist/es6/pill/lib/PillAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PillAvatar.d.ts","sourceRoot":"","sources":["../../../../pill/lib/PillAvatar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAGrE,MAAM,WAAW,eAAgB,SAAQ,WAAW;CAAG;AAKvD,eAAO,MAAM,UAAU;;;;;;;EAerB,CAAC"}
+{"version":3,"file":"PillAvatar.d.ts","sourceRoot":"","sources":["../../../../pill/lib/PillAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAS,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAGrE,MAAM,WAAW,eAAgB,SAAQ,WAAW;CAAG;AAKvD,eAAO,MAAM,UAAU;;;;;;;EAerB,CAAC"}

package/dist/es6/pill/lib/PillIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { SystemIconProps } from '@workday/canvas-kit-react/icon';
 import { CanvasSystemIcon } from '@workday/design-assets-types';
 export interface PillIconProps extends Omit<SystemIconProps, 'icon'> {
@@ -10,7 +11,7 @@ export interface PillIconProps extends Omit<SystemIconProps, 'icon'> {
 export declare const PillIcon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", PillIconProps, {
     state: {
         id: string;
-        maxWidth: string | number;
+        maxWidth: React.ReactText;
         disabled: boolean;
     };
     events: {};

package/dist/es6/pill/lib/PillIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PillIcon.d.ts","sourceRoot":"","sources":["../../../../pill/lib/PillIcon.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAG3E,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAG9D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC;IAClE;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ;;;;;;;EAenB,CAAC"}
+{"version":3,"file":"PillIcon.d.ts","sourceRoot":"","sources":["../../../../pill/lib/PillIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAa,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAG3E,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAG9D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC;IAClE;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ;;;;;;;EAenB,CAAC"}

package/dist/es6/pill/lib/PillIconButton.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { SystemIconProps } from '@workday/canvas-kit-react/icon';
 import { CanvasSystemIcon } from '@workday/design-assets-types';
 export interface PillIconButtonProps extends Omit<SystemIconProps, 'icon'> {
@@ -15,7 +16,7 @@ export interface PillIconButtonProps extends Omit<SystemIconProps, 'icon'> {
 export declare const PillIconButton: import("@workday/canvas-kit-react/common").ElementComponentM<"button", PillIconButtonProps, {
     state: {
         id: string;
-        maxWidth: string | number;
+        maxWidth: React.ReactText;
         disabled: boolean;
     };
     events: {};

package/dist/es6/pill/lib/PillIconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PillIconButton.d.ts","sourceRoot":"","sources":["../../../../pill/lib/PillIconButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAG3E,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAI9D,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC;IACxE;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA6CD,eAAO,MAAM,cAAc;;;;;;;EAgC1B,CAAC"}
+{"version":3,"file":"PillIconButton.d.ts","sourceRoot":"","sources":["../../../../pill/lib/PillIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAa,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAG3E,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAI9D,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC;IACxE;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA6CD,eAAO,MAAM,cAAc;;;;;;;EAgC1B,CAAC"}

package/dist/es6/pill/lib/PillLabel.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { BoxProps } from '@workday/canvas-kit-react/layout';
 import { OverflowTooltipProps } from '@workday/canvas-kit-react/tooltip';
 export interface PillLabelProps extends BoxProps {
@@ -6,7 +7,7 @@ export interface PillLabelProps extends BoxProps {
 export declare const PillLabel: import("@workday/canvas-kit-react/common").ElementComponentM<"span", PillLabelProps, {
     state: {
         id: string;
-        maxWidth: string | number;
+        maxWidth: React.ReactText;
         disabled: boolean;
     };
     events: {};

package/dist/es6/pill/lib/PillLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PillLabel.d.ts","sourceRoot":"","sources":["../../../../pill/lib/PillLabel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAkB,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAKxF,MAAM,WAAW,cAAe,SAAQ,QAAQ;IAC9C,YAAY,CAAC,EAAE,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC;CACvD;AAQD,eAAO,MAAM,SAAS;;;;;;;EAgBpB,CAAC"}
+{"version":3,"file":"PillLabel.d.ts","sourceRoot":"","sources":["../../../../pill/lib/PillLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAM,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAkB,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAKxF,MAAM,WAAW,cAAe,SAAQ,QAAQ;IAC9C,YAAY,CAAC,EAAE,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC;CACvD;AAQD,eAAO,MAAM,SAAS;;;;;;;EAgBpB,CAAC"}

package/dist/es6/pill/lib/usePillModel.d.ts

@@ -3,7 +3,7 @@ export declare const usePillModel: (<TT_Special_Generic>(config?: (Partial<{
      * Determines the max width of the pill. If the pill text is longer than the max width,
      * text will be truncated and a tooltip will show the rest of the content when hovered over
      */
-    maxWidth: string | number;
+    maxWidth: import("react").ReactText;
     /**
      * Use to disable a pill.
      */
@@ -20,7 +20,7 @@ export declare const usePillModel: (<TT_Special_Generic>(config?: (Partial<{
          * Determines the max width of the pill. If the pill text is longer than the max width,
          * text will be truncated and a tooltip will show the rest of the content when hovered over
          */
-        maxWidth: string | number;
+        maxWidth: import("react").ReactText;
         /**
          * Use to disable a pill.
          */
@@ -32,7 +32,7 @@ export declare const usePillModel: (<TT_Special_Generic>(config?: (Partial<{
      * Determines the max width of the pill. If the pill text is longer than the max width,
      * text will be truncated and a tooltip will show the rest of the content when hovered over
      */
-    maxWidth: string | number;
+    maxWidth: import("react").ReactText;
     /**
      * Use to disable a pill.
      */
@@ -48,7 +48,7 @@ export declare const usePillModel: (<TT_Special_Generic>(config?: (Partial<{
      * Determines the max width of the pill. If the pill text is longer than the max width,
      * text will be truncated and a tooltip will show the rest of the content when hovered over
      */
-    maxWidth: string | number;
+    maxWidth: import("react").ReactText;
     /**
      * Use to disable a pill.
      */
@@ -60,7 +60,7 @@ export declare const usePillModel: (<TT_Special_Generic>(config?: (Partial<{
          * Determines the max width of the pill. If the pill text is longer than the max width,
          * text will be truncated and a tooltip will show the rest of the content when hovered over
          */
-        maxWidth: string | number;
+        maxWidth: import("react").ReactText;
         /**
          * Use to disable a pill.
          */

package/form-field/package.json

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

package/menu/lib/Menu.tsx

@@ -284,7 +284,7 @@ export default class Menu extends React.Component<MenuProps, MenuState> {
   private setFirstCharacters = (): void => {
     const getFirstCharacter = (child: React.ReactNode): string => {
       let character = '';
-      if (!child || typeof child === 'boolean') {
+      if (!child || typeof child === 'boolean' || child === {}) {
         character = '';
       } else if (typeof child === 'string' || typeof child === 'number') {
         character = child

package/menu/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-preview-react",
-  "version": "8.0.0-alpha.121-next.2+83e3394d",
+  "version": "8.0.0",
   "description": "Canvas Kit Preview is made up of components that have the full design and a11y review, are part of the DS ecosystem and are approved for use in product. The API's could be subject to change, but not without strong communication and migration strategies.",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -41,20 +41,20 @@
     "workday"
   ],
   "peerDependencies": {
-    "react": "^17.0 || ^18.0"
+    "react": "^16.8 || ^17.0"
   },
   "dependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
-    "@workday/canvas-kit-react": "^8.0.0-alpha.121-next.2+83e3394d",
+    "@workday/canvas-kit-react": "^8.0.0",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/design-assets-types": "^0.2.8"
   },
   "devDependencies": {
     "@workday/canvas-accent-icons-web": "^3.0.0",
-    "@workday/canvas-kit-labs-react": "^8.0.0-alpha.121-next.2+83e3394d",
+    "@workday/canvas-kit-labs-react": "^8.0.0",
     "formik": "^2.2.9",
     "yup": "^0.31.1"
   },
-  "gitHead": "83e3394d370efc56362ddb4bcc49c65a12a2bc8f"
+  "gitHead": "433a9d272804ceed26191ac1ef629d61fab4dcb4"
 }

package/pill/package.json

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

package/select/package.json

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

package/side-panel/package.json

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

package/text-area/package.json

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

package/text-input/package.json

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