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

package/dist/es6/text-area/lib/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,cAAc,EACd,SAAS,EAGT,SAAS,EACV,MAAM,kCAAkC,CAAC;AAG1C,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,cAAc;IAC9D;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC/D;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED,oBAAY,uBAAuB;IACjC,IAAI,SAAS;IACb,IAAI,SAAS;IACb,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AA8CD,eAAO,MAAM,QAAQ;;;CAWnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,cAAc,EACd,SAAS,EAGT,SAAS,EACV,MAAM,kCAAkC,CAAC;AAG1C,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,cAAc;IAC9D;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC/D;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED,oBAAY,uBAAuB;IACjC,IAAI,SAAS;IACb,IAAI,SAAS;IACb,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AA8CD,eAAO,MAAM,QAAQ;;;CAWnB,CAAC"}

package/dist/es6/text-area/lib/TextArea.js

@@ -68,4 +68,3 @@ export var TextArea = createComponent('textarea')({
         ResizeDirection: TextAreaResizeDirection,
     },
 });
-export default TextArea;

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<React.PropsWithChildren<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,KAAK,CAAC,iBAAiB,CACvE,uBAAuB,CACxB,CAKA,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/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
@@ -238,4 +238,4 @@ class FormField extends React.Component<React.PropsWithChildren<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

@@ -125,4 +125,4 @@ class Label extends React.Component<React.PropsWithChildren<LabelProps>> {
 
 Label.Position = FormFieldLabelPosition;
 
-export default Label;
+export {Label};

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/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;
 };

package/layout/lib/utils/position.ts

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

package/loading-animation/index.ts

@@ -1,5 +1,3 @@
-import LoadingDots from './lib/LoadingDots';
+import {LoadingDots} from './lib/LoadingDots';
 
-export {LoadingDots as LoadingAnimation, LoadingDots};
-export default LoadingDots;
-export * from './lib/LoadingDots';
+export {LoadingDots as LoadingAnimation};

package/loading-animation/lib/LoadingDots.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import {keyframes} from '@emotion/react';
-import canvas, {borderRadius} from '@workday/canvas-kit-react/tokens';
+import {canvas, borderRadius} from '@workday/canvas-kit-react/tokens';
 import {styled} from '@workday/canvas-kit-react/common';
 
 /**
@@ -60,7 +60,7 @@ const Container = styled('div')({
 /**
  * A simple component that displays three horizontal dots, to be used when some data is loading.
  */
-export default function LoadingDots(props: React.HTMLAttributes<HTMLDivElement>) {
+export function LoadingDots(props: React.HTMLAttributes<HTMLDivElement>) {
   const {...elemProps} = props;
 
   return (