@workday/canvas-kit-react 7.0.0-alpha.106-next.2 → 7.0.0-alpha.129-next.3

package/dist/es6/text-input/index.d.ts

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

package/dist/es6/text-input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../text-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,0BAA0B,CAAC;AAC1D,OAAO,SAAS,MAAM,iBAAiB,CAAC;AAExC,eAAe,SAAS,CAAC;AACzB,OAAO,EAAC,kBAAkB,EAAE,SAAS,EAAC,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../text-input/index.ts"],"names":[],"mappings":"AACA,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC"}

package/dist/es6/text-input/index.js

@@ -1,6 +1,2 @@
-import InputIconContainer from './lib/InputIconContainer';
-import TextInput from './lib/TextInput';
-export default TextInput;
-export { InputIconContainer, TextInput };
 export * from './lib/InputIconContainer';
 export * from './lib/TextInput';

package/dist/es6/text-input/lib/InputIconContainer.d.ts

@@ -4,6 +4,5 @@ import { SystemIcon } from '@workday/canvas-kit-react/icon';
 export interface InputIconContainerProps extends GrowthBehavior {
     icon?: React.ReactElement<typeof SystemIcon>;
 }
-declare const InputIconContainer: React.FunctionComponent<InputIconContainerProps>;
-export default InputIconContainer;
+export declare const InputIconContainer: React.FunctionComponent<React.PropsWithChildren<InputIconContainerProps>>;
 //# sourceMappingURL=InputIconContainer.d.ts.map

package/dist/es6/text-input/lib/InputIconContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputIconContainer.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/InputIconContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAEhE,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAC;AAE1D,MAAM,WAAW,uBAAwB,SAAQ,cAAc;IAC7D,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;CAC9C;AAaD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CASxE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"InputIconContainer.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/InputIconContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAEhE,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAC;AAE1D,MAAM,WAAW,uBAAwB,SAAQ,cAAc;IAC7D,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;CAC9C;AAaD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAC9E,uBAAuB,CACxB,CAKA,CAAC"}

package/dist/es6/text-input/lib/InputIconContainer.js

@@ -13,10 +13,9 @@ var IconContainer = styled('div')({
     top: space.xxs,
     right: space.xxs,
 });
-var InputIconContainer = function (_a) {
+export var InputIconContainer = function (_a) {
     var grow = _a.grow, children = _a.children, icon = _a.icon;
     return (React.createElement(Container, { grow: grow },
         children,
         icon && React.createElement(IconContainer, null, icon)));
 };
-export default InputIconContainer;

package/dist/es6/text-input/lib/TextInput.d.ts

@@ -12,5 +12,4 @@ export interface TextInputProps extends Themeable, GrowthBehavior {
 export declare const TextInput: import("../../common").ElementComponent<"input", TextInputProps> & {
     ErrorType: typeof ErrorType;
 };
-export default TextInput;
 //# sourceMappingURL=TextInput.d.ts.map

package/dist/es6/text-input/lib/TextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,cAAc,EACd,SAAS,EAGT,SAAS,EACV,MAAM,kCAAkC,CAAC;AAG1C,MAAM,WAAW,cAAe,SAAQ,SAAS,EAAE,cAAc;IAC/D;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AA2DD,eAAO,MAAM,SAAS;;CAgBpB,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,cAAc,EACd,SAAS,EAGT,SAAS,EACV,MAAM,kCAAkC,CAAC;AAG1C,MAAM,WAAW,cAAe,SAAQ,SAAS,EAAE,cAAc;IAC/D;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AA2DD,eAAO,MAAM,SAAS;;CAgBpB,CAAC"}

package/dist/es6/text-input/lib/TextInput.js

@@ -69,4 +69,3 @@ export var TextInput = createComponent('input')({
         ErrorType: ErrorType,
     },
 });
-export default TextInput;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,aAAa,CAAC;AAElC,eAAe,KAAK,CAAC;AACrB,OAAO,EAAC,KAAK,EAAC,CAAC;AACf,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../toast/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/es6/toast/index.js

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

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

@@ -5,7 +5,7 @@ import { depth, CanvasDepth, CanvasDepthValues } from './lib/depth';
 import { space, CanvasSpace, CanvasSpaceKeys, CanvasSpaceValues, CanvasSpaceNumberValues, CanvasSpaceNumbers, spaceNumbers } from './lib/space';
 import { type, fontFamily, monoFontFamily, CanvasType, CanvasTypeProperties, CanvasTypeVariants, CanvasTypeHierarchy } from './lib/type';
 import { CSSProperties } from './lib/types';
-declare const canvas: {
+export declare const canvas: {
     buttonColors: {
         delete: {
             background: string;
@@ -411,6 +411,5 @@ declare const canvas: {
 };
 export * from '@workday/canvas-colors-web';
 export { borderRadius, colors, gradients, depth, space, spaceNumbers, type, fontFamily, monoFontFamily, BrandingColor, CanvasDepth, CanvasDepthValues, CSSProperties, };
-export default canvas;
 export type { CanvasBorderRadius, CanvasBorderRadiusKeys, CanvasBorderRadiusValues, CanvasColor, CanvasSpace, CanvasSpaceKeys, CanvasSpaceValues, CanvasSpaceNumberValues, CanvasSpaceNumbers, CanvasType, CanvasTypeProperties, CanvasTypeVariants, CanvasTypeHierarchy, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../tokens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,MAAM,EAEN,SAAS,EAKV,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAC,YAAY,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,wBAAwB,EAAC,MAAM,cAAc,CAAC;AAChH,OAAO,EAAC,aAAa,EAAE,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAC,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAC,MAAM,aAAa,CAAC;AAClE,OAAO,EACL,KAAK,EACL,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,YAAY,EACb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAC,IAAI,EACV,UAAU,EACV,cAAc,EACd,UAAU,EACV,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAE1C,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBX,CAAC;AAEF,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EACL,YAAY,EACZ,MAAM,EACN,SAAS,EACT,KAAK,EACL,KAAK,EACL,YAAY,EACZ,IAAI,EACJ,UAAU,EACV,cAAc,EACd,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,aAAa,GACd,CAAC;AACF,eAAe,MAAM,CAAC;AAEtB,YAAY,EACV,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,WAAW,EACX,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,UAAU,EACV,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,GACpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../tokens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,MAAM,EAEN,SAAS,EAKV,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAC,YAAY,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,wBAAwB,EAAC,MAAM,cAAc,CAAC;AAChH,OAAO,EAAC,aAAa,EAAE,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAC,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAC,MAAM,aAAa,CAAC;AAClE,OAAO,EACL,KAAK,EACL,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,YAAY,EACb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAC,IAAI,EACV,UAAU,EACV,cAAc,EACd,UAAU,EACV,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAE1C,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBlB,CAAC;AAEF,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EACL,YAAY,EACZ,MAAM,EACN,SAAS,EACT,KAAK,EACL,KAAK,EACL,YAAY,EACZ,IAAI,EACJ,UAAU,EACV,cAAc,EACd,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,aAAa,GACd,CAAC;AAEF,YAAY,EACV,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,WAAW,EACX,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,UAAU,EACV,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,GACpB,CAAA"}

package/dist/es6/tokens/index.js

@@ -4,7 +4,7 @@ import { BrandingColor } from './lib/colors.types';
 import { depth } from './lib/depth';
 import { space, spaceNumbers, } from './lib/space';
 import { type, fontFamily, monoFontFamily, } from './lib/type';
-var canvas = {
+export var canvas = {
     buttonColors: buttonColors,
     chartingColorOffsets: chartingColorOffsets,
     chartingColors: chartingColors,
@@ -23,4 +23,3 @@ var canvas = {
 };
 export * from '@workday/canvas-colors-web';
 export { borderRadius, colors, gradients, depth, space, spaceNumbers, type, fontFamily, monoFontFamily, BrandingColor, };
-export default canvas;

package/dist/es6/tokens/lib/radius.d.ts

@@ -13,5 +13,5 @@ export declare type CanvasBorderRadiusKeys = keyof CanvasBorderRadius;
 export declare type CanvasBorderRadiusValues = ValueOf<CanvasBorderRadius>;
 /** An object of border-radius keys and px values (strings and numbers) */
 export declare const borderRadius: CanvasBorderRadius;
-export default borderRadius;
+export {};
 //# sourceMappingURL=radius.d.ts.map

package/dist/es6/tokens/lib/radius.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../../../tokens/lib/radius.ts"],"names":[],"mappings":"AAAA,aAAK,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAO7B,uFAAuF;AACvF,oBAAY,kBAAkB,GAAG;IAC/B,IAAI,EAAE,KAAK,CAAC;IACZ,CAAC,EAAE,KAAK,CAAC;IACT,CAAC,EAAE,KAAK,CAAC;IACT,CAAC,EAAE,KAAK,CAAC;IACT,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,+CAA+C;AAC/C,oBAAY,sBAAsB,GAAG,MAAM,kBAAkB,CAAC;AAE9D,8DAA8D;AAC9D,oBAAY,wBAAwB,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;AAEnE,0EAA0E;AAC1E,eAAO,MAAM,YAAY,EAAE,kBAM1B,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../../../tokens/lib/radius.ts"],"names":[],"mappings":"AAAA,aAAK,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAO7B,uFAAuF;AACvF,oBAAY,kBAAkB,GAAG;IAC/B,IAAI,EAAE,KAAK,CAAC;IACZ,CAAC,EAAE,KAAK,CAAC;IACT,CAAC,EAAE,KAAK,CAAC;IACT,CAAC,EAAE,KAAK,CAAC;IACT,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,+CAA+C;AAC/C,oBAAY,sBAAsB,GAAG,MAAM,kBAAkB,CAAC;AAE9D,8DAA8D;AAC9D,oBAAY,wBAAwB,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;AAEnE,0EAA0E;AAC1E,eAAO,MAAM,YAAY,EAAE,kBAM1B,CAAC"}

package/dist/es6/tokens/lib/radius.js

@@ -6,4 +6,3 @@ export var borderRadius = {
     l: '8px',
     circle: '999px',
 };
-export default borderRadius;

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

@@ -1,5 +1,3 @@
-import { Tooltip } from './lib/Tooltip';
-export default Tooltip;
 export * from './lib/Tooltip';
 export * from './lib/OverflowTooltip';
 export * from './lib/TooltipContainer';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAC;AAEtC,eAAe,OAAO,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC"}

package/dist/es6/tooltip/index.js

@@ -1,5 +1,3 @@
-import { Tooltip } from './lib/Tooltip';
-export default Tooltip;
 export * from './lib/Tooltip';
 export * from './lib/OverflowTooltip';
 export * from './lib/TooltipContainer';

package/dist/es6/tooltip/lib/TooltipContainer.d.ts

@@ -21,6 +21,6 @@ export interface TooltipContainerProps extends React.HTMLAttributes<HTMLDivEleme
 }
 export declare const TooltipContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: "symbol" | "object" | "button" | "meter" | "textarea" | "style" | "progress" | "text" | "ruby" | "table" | "small" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "clipPath" | "filter" | "mask" | "marker" | "big" | "link" | "sup" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "map" | "mark" | "meta" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "template" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
+    as?: "symbol" | "object" | "s" | "big" | "link" | "small" | "sub" | "sup" | "circle" | "stop" | "path" | "style" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
 } & TooltipContainerProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=TooltipContainer.d.ts.map

package/form-field/index.ts

@@ -1,9 +1,4 @@
-import FormField from './lib/FormField';
-import Hint from './lib/Hint';
-import Label from './lib/Label';
 
-export default FormField;
-export {FormField, Hint, Label};
 export * from './lib/types';
 export * from './lib/FormField';
 export * from './lib/Hint';

package/form-field/lib/FormField.tsx

@@ -7,8 +7,8 @@ import {
   Themeable,
   generateUniqueId,
 } from '@workday/canvas-kit-react/common';
-import Hint from './Hint';
-import Label from './Label';
+import {Hint} from './Hint';
+import {Label} from './Label';
 import {FormFieldLabelPosition, FormFieldLabelPositionBehavior} from './types';
 
 export interface FormFieldProps
@@ -136,7 +136,7 @@ const FormFieldInputContainer = styled('div')<GrowthBehavior & FormFieldLabelPos
   }
 );
 
-class FormField extends React.Component<FormFieldProps> {
+class FormField extends React.Component<React.PropsWithChildren<FormFieldProps>> {
   static LabelPosition = FormFieldLabelPosition;
   static ErrorType = ErrorType;
 
@@ -238,4 +238,4 @@ class FormField extends React.Component<FormFieldProps> {
 FormField.LabelPosition = FormFieldLabelPosition;
 FormField.ErrorType = ErrorType;
 
-export default FormField;
+export {FormField};

package/form-field/lib/Hint.tsx

@@ -64,4 +64,4 @@ class Hint extends React.Component<HintProps> {
 
 Hint.ErrorType = ErrorType;
 
-export default Hint;
+export {Hint};

package/form-field/lib/Label.tsx

@@ -1,7 +1,6 @@
 import * as React from 'react';
-import styled from '@emotion/styled';
 import {colors, space, type} from '@workday/canvas-kit-react/tokens';
-import {accessibleHide as accessibleHideCSS} from '@workday/canvas-kit-react/common';
+import {accessibleHide as accessibleHideCSS, styled} from '@workday/canvas-kit-react/common';
 import {FormFieldLabelPosition, FormFieldLabelPositionBehavior} from './types';
 
 export interface LabelProps extends FormFieldLabelPositionBehavior {
@@ -89,7 +88,7 @@ const LegendComponent = styled('legend')<LabelProps>(...labelStyles, ({labelPosi
 });
 const LabelComponent = styled('label')<LabelProps>(...labelStyles);
 
-class Label extends React.Component<LabelProps> {
+class Label extends React.Component<React.PropsWithChildren<LabelProps>> {
   static Position = FormFieldLabelPosition;
 
   public render() {
@@ -126,4 +125,4 @@ class Label extends React.Component<LabelProps> {
 
 Label.Position = FormFieldLabelPosition;
 
-export default Label;
+export {Label};

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/icon/index.ts

@@ -1,12 +1,3 @@
-import AccentIcon from './lib/AccentIcon';
-import AppletIcon from './lib/AppletIcon';
-import SystemIcon from './lib/SystemIcon';
-import SystemIconCircle from './lib/SystemIconCircle';
-import Graphic from './lib/Graphic';
-import Svg from './lib/Svg';
-
-export {AccentIcon, AppletIcon, SystemIcon, SystemIconCircle, Graphic, Svg};
-
 export * from './lib/AccentIcon';
 export * from './lib/AppletIcon';
 export * from './lib/SystemIcon';

package/icon/lib/AccentIcon.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import {colors} from '@workday/canvas-kit-react/tokens';
 import {CanvasAccentIcon, CanvasIconTypes} from '@workday/design-assets-types';
 import {CSSObject} from '@emotion/styled';
-import Icon, {IconProps} from './Icon';
+import {Icon, IconProps} from './Icon';
 import {createComponent} from '@workday/canvas-kit-react/common';
 
 export interface AccentIconStyles {
@@ -44,7 +44,7 @@ export const accentIconStyles = ({
   },
 });
 
-const AccentIcon = createComponent('span')({
+export const AccentIcon = createComponent('span')({
   displayName: 'AccentIcon',
   Component: (
     {transparent = false, size = 56, icon, color, shouldMirror, ...elemProps}: AccentIconProps,
@@ -65,5 +65,3 @@ const AccentIcon = createComponent('span')({
     );
   },
 });
-
-export default AccentIcon;

package/icon/lib/AppletIcon.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import {colors, BrandingColor, CanvasColor} from '@workday/canvas-kit-react/tokens';
 import {CanvasAppletIcon, CanvasIconTypes} from '@workday/design-assets-types';
 import {CSSObject} from '@emotion/styled';
-import Icon, {IconProps} from './Icon';
+import {Icon, IconProps} from './Icon';
 import {createComponent} from '@workday/canvas-kit-react/common';
 
 export interface AppletIconStyles {
@@ -91,5 +91,3 @@ export const AppletIcon = createComponent('span')({
     Colors: BrandingColor,
   },
 });
-
-export default AppletIcon;

package/icon/lib/Graphic.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import {CanvasGraphic, CanvasIconTypes} from '@workday/design-assets-types';
 import {CSSObject} from '@emotion/styled';
-import Svg, {SvgProps} from './Svg';
+import {Svg, SvgProps} from './Svg';
 import {createComponent} from '@workday/canvas-kit-react/common';
 
 export interface GraphicStyles {
@@ -59,7 +59,7 @@ export const graphicStyles = ({width, height, grow}: GraphicStyles): CSSObject =
   return {};
 };
 
-const Graphic = createComponent('span')({
+export const Graphic = createComponent('span')({
   displayName: 'Graphic',
   Component: (
     {grow = false, src, width, height, shouldMirror, ...elemProps}: GraphicProps,
@@ -79,5 +79,3 @@ const Graphic = createComponent('span')({
     );
   },
 });
-
-export default Graphic;

package/icon/lib/Icon.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import {CSSObject} from '@emotion/styled';
 import {CanvasIcon, CanvasIconTypes} from '@workday/design-assets-types';
-import Svg, {SvgProps} from './Svg';
+import {Svg, SvgProps} from './Svg';
 import {createComponent} from '@workday/canvas-kit-react/common';
 
 export interface IconProps extends SvgProps {
@@ -36,5 +36,3 @@ export const Icon = createComponent('span')({
     );
   },
 });
-
-export default Icon;

package/icon/lib/Svg.tsx

@@ -49,5 +49,3 @@ export const Svg = createComponent('span')({
     );
   },
 });
-
-export default Svg;

package/icon/lib/SystemIcon.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import {iconColors} from '@workday/canvas-kit-react/tokens';
 import {CanvasSystemIcon, CanvasIconTypes} from '@workday/design-assets-types';
 import {CSSObject} from '@emotion/styled';
-import Icon, {IconProps} from './Icon';
+import {Icon, IconProps} from './Icon';
 import {createComponent} from '@workday/canvas-kit-react/common';
 
 export interface SystemIconStyles {
@@ -88,7 +88,7 @@ export const systemIconStyles = ({
   },
 });
 
-const SystemIcon = createComponent('span')({
+export const SystemIcon = createComponent('span')({
   displayName: 'SystemIcon',
   Component: (
     {
@@ -133,5 +133,3 @@ const SystemIcon = createComponent('span')({
     );
   },
 });
-
-export default SystemIcon;

package/icon/lib/SystemIconCircle.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import styled from '@emotion/styled';
 import isPropValid from '@emotion/is-prop-valid';
 import {colors, borderRadius} from '@workday/canvas-kit-react/tokens';
-import SystemIcon, {SystemIconProps} from './SystemIcon';
+import {SystemIcon, SystemIconProps} from './SystemIcon';
 import {CanvasSystemIcon} from '@workday/design-assets-types';
 import {createComponent, pickForegroundColor} from '@workday/canvas-kit-react/common';
 
@@ -58,7 +58,7 @@ const Container = styled('div', {
   })
 );
 
-const SystemIconCircle = createComponent('span')({
+export const SystemIconCircle = createComponent('span')({
   displayName: 'SystemIconCircle',
   Component: (
     {
@@ -89,5 +89,3 @@ const SystemIconCircle = createComponent('span')({
     );
   },
 });
-
-export default SystemIconCircle;

package/icon/package.json

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

package/layout/index.ts

@@ -1,5 +1,5 @@
-import Layout from './lib/Layout';
-import Column from './lib/Column';
+import {Layout} from './lib/Layout';
+import {Column} from './lib/Column';
 
 export { Layout, Column};
 export * from './lib/Box';

package/layout/lib/Column.tsx

@@ -58,7 +58,7 @@ const ColumnContainer = styled('div', {
   }
 );
 
-export default class Column extends React.Component<ColumnProps> {
+export class Column extends React.Component<ColumnProps> {
   public render() {
     const {children, spacing, columns, width, ...elemProps} = this.props;
 

package/layout/lib/Layout.tsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import styled from '@emotion/styled';
 import {GenericStyle} from '@workday/canvas-kit-react/common';
-import Column, {ColumnProps} from './Column';
-import canvas, {spaceNumbers} from '@workday/canvas-kit-react/tokens';
+import {Column, ColumnProps} from './Column';
+import {canvas, spaceNumbers} from '@workday/canvas-kit-react/tokens';
 import isPropValid from '@emotion/is-prop-valid';
 
 export interface LayoutProps {
@@ -58,7 +58,7 @@ const LayoutContainer = styled('div', {
   }
 );
 
-class Layout extends React.Component<LayoutProps> {
+export class Layout extends React.Component<LayoutProps> {
   public static Column = Column;
 
   private renderChild = (child: React.ReactNode, spacing: number): React.ReactNode => {
@@ -97,5 +97,3 @@ class Layout extends React.Component<LayoutProps> {
 }
 
 Layout.Column = Column;
-
-export default Layout;

package/layout/lib/utils/border.ts

@@ -10,7 +10,7 @@ import {
   useTheme,
 } from '@workday/canvas-kit-react/common';
 
-import {PropertyBorder} from './types';
+import {Property} from 'csstype';
 
 /** style props to set the border properties */
 export type BorderShorthandStyleProps = {
@@ -57,15 +57,15 @@ export type BorderRadiusStyleProps = {
 /** style props to set the border style properties */
 export type BorderLineStyleProps = {
   /** sets `border-style` property */
-  borderStyle?: PropertyBorder;
+  borderStyle?: Property.Border;
   /** sets `border-top-style` property */
-  borderTopStyle?: PropertyBorder;
+  borderTopStyle?: Property.Border;
   /** sets `border-right-style` property (no bidirectional support) */
-  borderRightStyle?: PropertyBorder;
+  borderRightStyle?: Property.Border;
   /** sets `border-bottom-style` property */
-  borderBottomStyle?: PropertyBorder;
+  borderBottomStyle?: Property.Border;
   /** sets `border-left-style` property (no bidirectional support) */
-  borderLeftStyle?: PropertyBorder;
+  borderLeftStyle?: Property.Border;
 };
 
 /** style props to set the border width properties */
@@ -88,7 +88,7 @@ export type BorderLogicalStyleProps = {
   /** sets `border-left-color` property (bidirectional support) */
   borderInlineStartColor?: CanvasColor | (string & {});
   /** sets `border-left-style` property (bidirectional support) */
-  borderInlineStartStyle?: PropertyBorder;
+  borderInlineStartStyle?: Property.Border;
   /** sets `border-left-width` property (bidirectional support) */
   borderInlineStartWidth?: string | number;
   /** sets `border-right` property (bidirectional support) */
@@ -96,7 +96,7 @@ export type BorderLogicalStyleProps = {
   /** sets `border-right-color` property (bidirectional support) */
   borderInlineEndColor?: CanvasColor | (string & {});
   /** sets `border-right-style` property (bidirectional support) */
-  borderInlineEndStyle?: PropertyBorder;
+  borderInlineEndStyle?: Property.Border;
   /** sets `border-right-width` property (bidirectional support) */
   borderInlineEndWidth?: string | number;
 };

package/layout/lib/utils/flex.ts

@@ -1,31 +1,24 @@
-import {
-  PropertyAlignItems,
-  PropertyAlignContent,
-  PropertyJustifyItems,
-  PropertyJustifyContent,
-  PropertyFlexWrap,
-  PropertyFlexDirection,
-} from './types';
+import {Property} from 'csstype';
 
 /** style props to for flexbox container properties */
 export type FlexStyleProps = {
   /** sets `align-items` property */
-  alignItems?: PropertyAlignItems;
+  alignItems?: Property.AlignItems;
   /** sets `align-content` property */
-  alignContent?: PropertyAlignContent;
+  alignContent?: Property.AlignContent;
   /**
    * sets `display` property
    * @default 'flex'
    * */
   display?: 'flex' | 'inline-flex';
   /** sets `justify-items` property */
-  justifyItems?: PropertyJustifyItems;
+  justifyItems?: Property.JustifyItems;
   /** sets `justify-content` property */
-  justifyContent?: PropertyJustifyContent;
+  justifyContent?: Property.JustifyContent;
   /** sets `flex-wrap` property */
-  flexWrap?: PropertyFlexWrap;
+  flexWrap?: Property.FlexWrap;
   /** sets `flex-direction` property */
-  flexDirection?: PropertyFlexDirection;
+  flexDirection?: Property.FlexDirection;
 };
 
 const flexProps = {

package/layout/lib/utils/flexItem.ts

@@ -1,4 +1,4 @@
-import {PropertyJustifySelf, PropertyAlignSelf, PropertyOrder} from './types';
+import {Property} from 'csstype';
 
 /** style props to for flexbox item properties */
 export type FlexItemStyleProps = {
@@ -11,11 +11,11 @@ export type FlexItemStyleProps = {
   /** sets `flex-basis` property */
   flexBasis?: number | string;
   /** sets `justify-self` property */
-  justifySelf?: PropertyJustifySelf;
+  justifySelf?: Property.JustifySelf;
   /** sets `align-self` property */
-  alignSelf?: PropertyAlignSelf;
+  alignSelf?: Property.AlignSelf;
   /** sets `order` property */
-  order?: PropertyOrder;
+  order?: Property.Order;
 };
 
 /** style props to for flexbox item properties */

package/layout/lib/utils/layout.ts

@@ -1,20 +1,13 @@
-import {
-  PropertyDisplay,
-  PropertyListStyle,
-  PropertyOverflow,
-  PropertyOverflowX,
-  PropertyOverflowY,
-  PropertyVerticalAlign,
-} from './types';
+import {Property} from 'csstype';
 
 /** style props to for layout properties */
 export type LayoutStyleProps = {
   /** sets `display` property */
-  display?: PropertyDisplay;
+  display?: Property.Display;
   /** sets `height` property */
   height?: number | string;
   /** sets `list-style property */
-  listStyle?: PropertyListStyle;
+  listStyle?: Property.ListStyle;
   /** sets `max-height` property */
   maxHeight?: number | string;
   /** sets `max-width` property */
@@ -24,13 +17,13 @@ export type LayoutStyleProps = {
   /** sets `min-width` property */
   minWidth?: number | string;
   /** sets `overflow` property */
-  overflow?: PropertyOverflow;
+  overflow?: Property.Overflow;
   /** sets `overflow-x` property */
-  overflowX?: PropertyOverflowX;
+  overflowX?: Property.OverflowX;
   /** sets `overflow-y` property */
-  overflowY?: PropertyOverflowY;
+  overflowY?: Property.OverflowY;
   /** sets `vertical-align` property */
-  verticalAlign?: PropertyVerticalAlign;
+  verticalAlign?: Property.VerticalAlign;
   /** sets `width` property */
   width?: number | string;
 };