@workday/canvas-kit-react 8.0.0-alpha.125-next.4 → 8.0.0

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

@@ -13,9 +13,10 @@ var IconContainer = styled('div')({
     top: space.xxs,
     right: space.xxs,
 });
-export var InputIconContainer = function (_a) {
+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,4 +12,5 @@ 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"}
+{"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"}

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

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

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

@@ -1,2 +1,5 @@
+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,cAAc,aAAa,CAAC"}
+{"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"}

package/dist/es6/toast/index.js

@@ -1 +1,4 @@
+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';
-export declare const canvas: {
+declare const canvas: {
     buttonColors: {
         delete: {
             background: string;
@@ -411,5 +411,6 @@ export 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,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"}
+{"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"}

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';
-export var canvas = {
+var canvas = {
     buttonColors: buttonColors,
     chartingColorOffsets: chartingColorOffsets,
     chartingColors: chartingColors,
@@ -23,3 +23,4 @@ export 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 {};
+export default borderRadius;
 //# 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"}
+{"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"}

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

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

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

@@ -1,3 +1,5 @@
+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,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,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"}

package/dist/es6/tooltip/index.js

@@ -1,3 +1,5 @@
+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" | "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;
+    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;
 } & TooltipContainerProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=TooltipContainer.d.ts.map

package/form-field/index.ts

@@ -1,4 +1,9 @@
+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<React.PropsWithChildren<FormFieldProps>> {
+class FormField extends React.Component<FormFieldProps> {
   static LabelPosition = FormFieldLabelPosition;
   static ErrorType = ErrorType;
 
@@ -238,4 +238,4 @@ class FormField extends React.Component<React.PropsWithChildren<FormFieldProps>>
 FormField.LabelPosition = FormFieldLabelPosition;
 FormField.ErrorType = ErrorType;
 
-export {FormField};
+export default FormField;

package/form-field/lib/Hint.tsx

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

package/form-field/lib/Label.tsx

@@ -88,7 +88,7 @@ const LegendComponent = styled('legend')<LabelProps>(...labelStyles, ({labelPosi
 });
 const LabelComponent = styled('label')<LabelProps>(...labelStyles);
 
-class Label extends React.Component<React.PropsWithChildren<LabelProps>> {
+class Label extends React.Component<LabelProps> {
   static Position = FormFieldLabelPosition;
 
   public render() {
@@ -125,4 +125,4 @@ class Label extends React.Component<React.PropsWithChildren<LabelProps>> {
 
 Label.Position = FormFieldLabelPosition;
 
-export {Label};
+export default 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,3 +1,12 @@
+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 = ({
   },
 });
 
-export const AccentIcon = createComponent('span')({
+const AccentIcon = createComponent('span')({
   displayName: 'AccentIcon',
   Component: (
     {transparent = false, size = 56, icon, color, shouldMirror, ...elemProps}: AccentIconProps,
@@ -65,3 +65,5 @@ export 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,3 +91,5 @@ 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 {};
 };
 
-export const Graphic = createComponent('span')({
+const Graphic = createComponent('span')({
   displayName: 'Graphic',
   Component: (
     {grow = false, src, width, height, shouldMirror, ...elemProps}: GraphicProps,
@@ -79,3 +79,5 @@ export 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,3 +36,5 @@ export const Icon = createComponent('span')({
     );
   },
 });
+
+export default Icon;

package/icon/lib/Svg.tsx

@@ -49,3 +49,5 @@ 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 = ({
   },
 });
 
-export const SystemIcon = createComponent('span')({
+const SystemIcon = createComponent('span')({
   displayName: 'SystemIcon',
   Component: (
     {
@@ -133,3 +133,5 @@ export 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', {
   })
 );
 
-export const SystemIconCircle = createComponent('span')({
+const SystemIconCircle = createComponent('span')({
   displayName: 'SystemIconCircle',
   Component: (
     {
@@ -89,3 +89,5 @@ export 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 class Column extends React.Component<ColumnProps> {
+export default 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', {
   }
 );
 
-export class Layout extends React.Component<LayoutProps> {
+class Layout extends React.Component<LayoutProps> {
   public static Column = Column;
 
   private renderChild = (child: React.ReactNode, spacing: number): React.ReactNode => {
@@ -97,3 +97,5 @@ export 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 {Property} from 'csstype';
+import {PropertyBorder} from './types';
 
 /** 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?: Property.Border;
+  borderStyle?: PropertyBorder;
   /** sets `border-top-style` property */
-  borderTopStyle?: Property.Border;
+  borderTopStyle?: PropertyBorder;
   /** sets `border-right-style` property (no bidirectional support) */
-  borderRightStyle?: Property.Border;
+  borderRightStyle?: PropertyBorder;
   /** sets `border-bottom-style` property */
-  borderBottomStyle?: Property.Border;
+  borderBottomStyle?: PropertyBorder;
   /** sets `border-left-style` property (no bidirectional support) */
-  borderLeftStyle?: Property.Border;
+  borderLeftStyle?: PropertyBorder;
 };
 
 /** 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?: Property.Border;
+  borderInlineStartStyle?: PropertyBorder;
   /** 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?: Property.Border;
+  borderInlineEndStyle?: PropertyBorder;
   /** sets `border-right-width` property (bidirectional support) */
   borderInlineEndWidth?: string | number;
 };

package/layout/lib/utils/flex.ts

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

package/layout/lib/utils/flexItem.ts

@@ -1,4 +1,4 @@
-import {Property} from 'csstype';
+import {PropertyJustifySelf, PropertyAlignSelf, PropertyOrder} from './types';
 
 /** 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?: Property.JustifySelf;
+  justifySelf?: PropertyJustifySelf;
   /** sets `align-self` property */
-  alignSelf?: Property.AlignSelf;
+  alignSelf?: PropertyAlignSelf;
   /** sets `order` property */
-  order?: Property.Order;
+  order?: PropertyOrder;
 };
 
 /** style props to for flexbox item properties */

package/layout/lib/utils/layout.ts

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

package/layout/lib/utils/position.ts

@@ -3,14 +3,14 @@ import {
   PartialEmotionCanvasTheme,
   useTheme,
 } from '@workday/canvas-kit-react/common';
-import {Property} from 'csstype';
+import {PropertyPosition, PropertyZIndex} from './types';
 
 /** style props to for standard position properties */
 export type PositionStandardProps = {
   /** sets `position` property  */
-  position?: Property.Position;
+  position?: PropertyPosition;
   /** sets `zIndex` property  */
-  zIndex?: Property.ZIndex;
+  zIndex?: PropertyZIndex;
   /** sets `top` property  */
   top?: number | string;
   /** sets `right` property (no bidirectional support) */