@workday/canvas-kit-react 8.0.0 → 8.0.1

package/dist/es6/popup/lib/hooks/useReturnFocus.js

@@ -1,6 +1,29 @@
 import React from 'react';
-import { changeFocus, createElemPropsHook } from '@workday/canvas-kit-react/common';
+import { changeFocus, createElemPropsHook, isFocusable } from '@workday/canvas-kit-react/common';
 import { usePopupModel } from './usePopupModel';
+import { PopupStack } from '@workday/canvas-kit-popup-stack';
+function getScrollParent(element) {
+    if (element === document.body || !element.parentElement) {
+        return element;
+    }
+    var styles = getComputedStyle(element);
+    if (styles.overflowY === 'scroll' || styles.overflowY === 'auto') {
+        return element;
+    }
+    return getScrollParent(element.parentElement);
+}
+/**
+ * Get a focusable element in an element's tree
+ */
+function getFocusableElement(element) {
+    if (element === null || element === document.body || !element.parentElement) {
+        return null;
+    }
+    else if (isFocusable(element)) {
+        return element;
+    }
+    return getFocusableElement(element.parentElement);
+}
 /**
  * Returns focus to the target element when the popup is hidden. This works well with
  * `useInitialFocus`. This should be used with `useFocusRedirect` or `useFocusTrap` for a complete
@@ -10,15 +33,86 @@ import { usePopupModel } from './usePopupModel';
  */
 export var useReturnFocus = createElemPropsHook(usePopupModel)(function (model) {
     var visible = model.state.visibility !== 'hidden';
+    var elementRef = React.useRef(null);
+    // This boolean tracks keyboard-driven focus changes. This is required for `useFocusRedirect` as
+    // focus redirection needs synchronous focus management and everything else needs asynchronous
+    // focus management.
+    var requiresFocusChangeRef = React.useRef(false);
+    var onKeyDown = React.useCallback(function (event) {
+        // The tab key changes focus
+        if (event.key === 'Tab') {
+            requiresFocusChangeRef.current = true;
+        }
+    }, []);
+    // track mousedown events to determine if the mouse target is a focusable element. If it is, we
+    // should not return focus
+    var onMouseDown = React.useCallback(function (event) {
+        if (model.state.stackRef.current && event.target instanceof HTMLElement) {
+            if (!PopupStack.contains(model.state.stackRef.current, event.target)) {
+                elementRef.current = event.target;
+            }
+        }
+    }, [model.state.stackRef]);
+    // We use `useLayoutEffect` because the callback will be called _before_ the browser changes
+    // focus. This allows the browser to change focus as normal. For example, if the popup closes
+    // because the user hits the tab key when focused on the last focusable element,
+    // `useFocusRedirect` will cause the popup to close before the browser is finished processing the
+    // `keydown`. The browser's default action of a keydown of a tab key is to advance focus to the
+    // next focusable element. This means that the `useFocusRedirect` will change focus back to the
+    // target, then the tab key is processed by the browser to focus on the next item after the target
+    // without us having to use a focus manager to guess what the next focusable element is.
+    //
+    // But because we're using `useLayoutEffect` instead of `useEffect`, we cannot use
+    // `document.activeElement` (because the focus hasn't changed yet because the browser hasn't
+    // triggered a default action yet) to determine if a user clicked on something that can accept
+    // focus itself. If we don't short-circuit return focus, the user will intend to click on an
+    // `input` element only to get focus changed back. This is annoying to users and unintuitive. Instead,
+    // we'll use `mousedown` and `mouseup` to determine if we're closing because of a mouse click.
     React.useLayoutEffect(function () {
         if (!visible) {
             return;
         }
         // capture the element here. The refs will be null by the time the cleanup function is called
-        var element = (model.state.returnFocusRef || model.state.targetRef).current;
+        var element = (model.state.returnFocusRef || model.state.targetRef)
+            .current;
+        document.addEventListener('mousedown', onMouseDown, true);
+        document.addEventListener('keydown', onKeyDown, true);
         return function () {
-            changeFocus(element);
+            document.removeEventListener('mousedown', onMouseDown, true);
+            document.removeEventListener('keydown', onKeyDown, true);
+            if (!element) {
+                return;
+            }
+            var scrollParent = getScrollParent(element);
+            var scrollParentRect = scrollParent.getBoundingClientRect();
+            var elementRect = element.getBoundingClientRect();
+            // Don't change focus if user focused on a different element like a `input` or the target
+            // element isn't on at least halfway rendered on the screen.
+            if ((elementRef.current && getFocusableElement(elementRef.current)) || // did the user click on a focusable element?
+                elementRect.top + elementRect.height / 2 < scrollParentRect.top || // is the top half of the target element visible?
+                elementRect.bottom - elementRect.height / 2 > scrollParentRect.bottom || // is the bottom half of the target element visible?
+                elementRect.left + elementRect.width / 2 < scrollParentRect.left || // is the left half of the target element visible?
+                elementRect.right - elementRect.width / 2 > scrollParentRect.right // is the right half of the target element visible?
+            ) {
+                // reset the focus element and bail early
+                elementRef.current = null;
+                return;
+            }
+            if (requiresFocusChangeRef.current) {
+                // We need to change focus _before_ the browser process the default action of picking a new
+                // focus target. Doing this immediately prevents the `focus` event from firing on `element`,
+                // but that's okay because the browser will change focus anyways.
+                changeFocus(element);
+            }
+            else {
+                // We wait a frame for the current event to process, allowing the browser to fire default
+                // actions. This delay allows the focus change to trigger a `focus` event on `element`.
+                requestAnimationFrame(function () {
+                    changeFocus(element);
+                });
+            }
+            elementRef.current = null;
         };
-    }, [model.state.returnFocusRef, model.state.targetRef, visible]);
+    }, [model.state.returnFocusRef, model.state.targetRef, visible, onMouseDown, onKeyDown]);
     return {};
 });

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,eAAe,KAAK,CAAC;AACrB,OAAO,EAAC,KAAK,EAAC,CAAC;AACf,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,kBAAkB,CAAC;AACvD,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../radio/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}

package/dist/es6/radio/index.js

@@ -1,6 +1,2 @@
-import Radio from './lib/Radio';
-export default Radio;
-export { Radio };
-export { default as RadioGroup } from './lib/RadioGroup';
 export * from './lib/Radio';
 export * from './lib/RadioGroup';

package/dist/es6/radio/lib/Radio.d.ts

@@ -36,5 +36,4 @@ export interface RadioProps extends Themeable {
     variant?: 'inverse' | undefined;
 }
 export declare const Radio: import("../../common").ElementComponent<"input", RadioProps>;
-export default Radio;
 //# sourceMappingURL=Radio.d.ts.map

package/dist/es6/radio/lib/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../radio/lib/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAML,SAAS,EAEV,MAAM,kCAAkC,CAAC;AAQ1C,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC;AAkPD,eAAO,MAAM,KAAK,8DAgDhB,CAAC;AAEH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../radio/lib/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAML,SAAS,EAEV,MAAM,kCAAkC,CAAC;AAI1C,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC;AAmOD,eAAO,MAAM,KAAK,8DAqDhB,CAAC"}

package/dist/es6/radio/lib/Radio.js

@@ -22,7 +22,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import * as React from 'react';
 import { createComponent, focusRing, mouseFocusBehavior, styled, useUniqueId, } from '@workday/canvas-kit-react/common';
-import canvas, { borderRadius, colors, inputColors, spaceNumbers, } from '@workday/canvas-kit-react/tokens';
+import { borderRadius, colors, inputColors, spaceNumbers } from '@workday/canvas-kit-react/tokens';
+import { LabelText } from '@workday/canvas-kit-react/text';
 var radioBorderRadius = 9;
 var radioDot = 8;
 var radioHeight = 18;
@@ -201,18 +202,6 @@ var RadioCheck = styled('div')({
         transform: checked ? 'scale(1)' : 'scale(0.5)',
     });
 });
-var RadioLabel = styled('label')(__assign(__assign({}, canvas.type.levels.subtext.large), { paddingLeft: radioLabelDistance }), function (_a) {
-    var variant = _a.variant;
-    return (variant === 'inverse' ? { color: colors.frenchVanilla100 } : undefined);
-}, function (_a) {
-    var disabled = _a.disabled, variant = _a.variant;
-    return disabled
-        ? {
-            color: variant === 'inverse' ? colors.frenchVanilla100 : inputColors.disabled.text,
-            opacity: variant === 'inverse' ? '.4' : '1',
-        }
-        : { cursor: 'pointer' };
-});
 export var Radio = createComponent('input')({
     displayName: 'Radio',
     Component: function (_a, ref, Element) {
@@ -224,7 +213,6 @@ export var Radio = createComponent('input')({
                 React.createElement(RadioRipple, { variant: variant }),
                 React.createElement(RadioBackground, { checked: checked, disabled: disabled, variant: variant },
                     React.createElement(RadioCheck, { checked: checked, variant: variant }))),
-            label && (React.createElement(RadioLabel, { htmlFor: inputId, disabled: disabled, variant: variant }, label))));
+            label && (React.createElement(LabelText, { paddingLeft: radioLabelDistance, htmlFor: inputId, disabled: disabled, variant: variant }, label))));
     },
 });
-export default Radio;

package/dist/es6/radio/lib/RadioGroup.d.ts

@@ -30,5 +30,5 @@ declare class RadioGroup extends React.Component<RadioGroupProps> {
     private renderChild;
     private onRadioChange;
 }
-export default RadioGroup;
+export { RadioGroup };
 //# sourceMappingURL=RadioGroup.d.ts.map

package/dist/es6/radio/lib/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../radio/lib/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAc,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EACL,SAAS,EACT,cAAc,EAGd,SAAS,EACV,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,cAAc;IAChE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;IAC3C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC7C;AAoCD,cAAM,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IACvD,MAAM,CAAC,SAAS,mBAAa;IAE7B,MAAM,IAAI,KAAK,CAAC,SAAS;IASzB,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,aAAa,CAiBnB;CACH;AAID,eAAe,UAAU,CAAC"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../radio/lib/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,UAAU,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EACL,SAAS,EACT,cAAc,EAGd,SAAS,EACV,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,cAAc;IAChE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;IAC3C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC7C;AAoCD,cAAM,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IACvD,MAAM,CAAC,SAAS,mBAAa;IAE7B,MAAM,IAAI,KAAK,CAAC,SAAS;IASzB,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,aAAa,CAiBnB;CACH;AAID,OAAO,EAAC,UAAU,EAAC,CAAC"}

package/dist/es6/radio/lib/RadioGroup.js

@@ -34,7 +34,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import * as React from 'react';
-import Radio from './Radio';
+import { Radio } from './Radio';
 import { borderRadius, space } from '@workday/canvas-kit-react/tokens';
 import { ErrorType, getErrorColors, styled, } from '@workday/canvas-kit-react/common';
 var Container = styled('div')({
@@ -111,4 +111,4 @@ var RadioGroup = /** @class */ (function (_super) {
     return RadioGroup;
 }(React.Component));
 RadioGroup.ErrorType = ErrorType;
-export default RadioGroup;
+export { RadioGroup };

package/dist/es6/segmented-control/index.d.ts

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

package/dist/es6/segmented-control/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../segmented-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AAEtD,eAAe,gBAAgB,CAAC;AAChC,OAAO,EAAC,gBAAgB,EAAC,CAAC;AAC1B,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../segmented-control/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/es6/segmented-control/index.js

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

package/dist/es6/segmented-control/lib/SegmentedControl.d.ts

@@ -23,5 +23,4 @@ export interface SegmentedControlProps {
 export declare const SegmentedControl: import("../../common").ElementComponent<"div", SegmentedControlProps> & {
     Button: import("../../common").ElementComponent<"button", SegmentedControlButtonProps>;
 };
-export default SegmentedControl;
 //# sourceMappingURL=SegmentedControl.d.ts.map

package/dist/es6/segmented-control/lib/SegmentedControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAyB,2BAA2B,EAAC,MAAM,0BAA0B,CAAC;AAE7F,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,2BAA2B,CAAC,EAAE,CAAC;IAE5D;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC7C;AAsBD,eAAO,MAAM,gBAAgB;;CA+B3B,CAAC;AAEH,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAyB,2BAA2B,EAAC,MAAM,0BAA0B,CAAC;AAE7F,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,2BAA2B,CAAC,EAAE,CAAC;IAE5D;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC7C;AAsBD,eAAO,MAAM,gBAAgB;;CA+B3B,CAAC"}

package/dist/es6/segmented-control/lib/SegmentedControl.js

@@ -55,4 +55,3 @@ export var SegmentedControl = createComponent('div')({
         Button: SegmentedControlButton,
     },
 });
-export default SegmentedControl;

package/dist/es6/segmented-control/lib/SegmentedControlButton.d.ts

@@ -1,8 +1,10 @@
+import { ButtonContainerProps } from '@workday/canvas-kit-react/button';
 import { CanvasSystemIcon } from '@workday/design-assets-types';
-export interface SegmentedControlButtonProps {
+export interface SegmentedControlButtonProps extends ButtonContainerProps {
     toggled?: boolean;
     icon: CanvasSystemIcon;
     value?: string | number;
+    size?: 'small' | 'medium' | 'large';
 }
 export declare const SegmentedControlButton: import("../../common").ElementComponent<"button", SegmentedControlButtonProps>;
 //# sourceMappingURL=SegmentedControlButton.d.ts.map

package/dist/es6/segmented-control/lib/SegmentedControlButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlButton.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlButton.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AA4E9D,MAAM,WAAW,2BAA2B;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,gBAAgB,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,sBAAsB,gFAiBjC,CAAC"}
+{"version":3,"file":"SegmentedControlButton.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,oBAAoB,EACrB,MAAM,kCAAkC,CAAC;AAO1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAyF9D,MAAM,WAAW,2BAA4B,SAAQ,oBAAoB;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,gBAAgB,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,sBAAsB,gFAiBjC,CAAC"}

package/dist/es6/segmented-control/lib/SegmentedControlButton.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { BaseButton } from '@workday/canvas-kit-react/button';
+import { BaseButton, } from '@workday/canvas-kit-react/button';
 import { createComponent, mouseFocusBehavior, styled, } from '@workday/canvas-kit-react/common';
 import { colors, borderRadius, space } from '@workday/canvas-kit-react/tokens';
 var getIconButtonColors = function (toggled) {
@@ -49,11 +49,17 @@ var getIconButtonColors = function (toggled) {
         },
     };
 };
+var getSizeStyles = function (size) {
+    var sizeValue = size === 'large' ? "calc(" + space.xl + " + " + space.xxs + ")" : size === 'small' ? space.l : space.xl;
+    return {
+        width: sizeValue,
+        height: sizeValue,
+    };
+};
 var StyledButton = styled(BaseButton)({
     borderRadius: borderRadius.zero,
     border: "1px solid " + colors.soap500,
     borderLeft: 'none',
-    minWidth: space.xl,
     '&:first-of-type': {
         borderRadius: borderRadius.m + " 0 0 " + borderRadius.m,
         borderLeft: "1px solid " + colors.soap500,
@@ -88,12 +94,15 @@ var StyledButton = styled(BaseButton)({
             },
         },
     });
+}, function (_a) {
+    var size = _a.size;
+    return (__assign({}, getSizeStyles(size)));
 });
 export var SegmentedControlButton = createComponent('button')({
     displayName: 'Button',
     Component: function (_a, ref, Element) {
         var value = _a.value, icon = _a.icon, toggled = _a.toggled, props = __rest(_a, ["value", "icon", "toggled"]);
         return (React.createElement(StyledButton, __assign({ as: Element, "aria-pressed": toggled, value: value, colors: getIconButtonColors(toggled), fillIcon: toggled, ref: ref }, props),
-            React.createElement(BaseButton.Icon, { size: "large", icon: icon })));
+            React.createElement(BaseButton.Icon, { size: props.size || 'large', icon: icon })));
     },
 });

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../select/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,eAAe,MAAM,CAAC;AACtB,OAAO,EAAC,MAAM,EAAC,CAAC;AAChB,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAC3D,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../select/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC"}

package/dist/es6/select/index.js

@@ -1,6 +1,2 @@
-import Select from './lib/Select';
-export default Select;
-export { Select };
-export { default as SelectOption } from './lib/SelectOption';
 export * from './lib/Select';
 export * from './lib/SelectOption';

package/dist/es6/select/lib/Select.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { GrowthBehavior, ErrorType, Themeable } from '@workday/canvas-kit-react/common';
-import SelectOption from './SelectOption';
+import { SelectOption } from './SelectOption';
 export interface SelectProps extends Themeable, GrowthBehavior {
     /**
      * The SelectOption children of the Select (must be at least two).
@@ -27,5 +27,4 @@ export interface SelectProps extends Themeable, GrowthBehavior {
 export declare const Select: import("../../common").ElementComponent<"select", SelectProps> & {
     ErrorType: typeof ErrorType;
 };
-export default Select;
 //# sourceMappingURL=Select.d.ts.map

package/dist/es6/select/lib/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../select/lib/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,cAAc,EACd,SAAS,EAGT,SAAS,EACV,MAAM,kCAAkC,CAAC;AAW1C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,cAAc;IAC5D;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;IAChF;;;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,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC7D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA0ED,eAAO,MAAM,MAAM;;CA8BjB,CAAC;AAEH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../select/lib/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,cAAc,EACd,SAAS,EAGT,SAAS,EACV,MAAM,kCAAkC,CAAC;AAW1C,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,cAAc;IAC5D;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;IAChF;;;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,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC7D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA0ED,eAAO,MAAM,MAAM;;CA8BjB,CAAC"}

package/dist/es6/select/lib/Select.js

@@ -89,4 +89,3 @@ export var Select = createComponent('select')({
         ErrorType: ErrorType,
     },
 });
-export default Select;

package/dist/es6/select/lib/SelectOption.d.ts

@@ -14,7 +14,7 @@ export interface SelectOptionProps extends React.OptionHTMLAttributes<HTMLOption
      */
     disabled?: boolean;
 }
-export default class SelectOption extends React.Component<SelectOptionProps> {
+export declare class SelectOption extends React.Component<SelectOptionProps> {
     render(): JSX.Element;
 }
 //# sourceMappingURL=SelectOption.d.ts.map

package/dist/es6/select/lib/SelectOption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOption.d.ts","sourceRoot":"","sources":["../../../../select/lib/SelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACtF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IACnE,MAAM;CASd"}
+{"version":3,"file":"SelectOption.d.ts","sourceRoot":"","sources":["../../../../select/lib/SelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACtF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IAC3D,MAAM;CASd"}

package/dist/es6/select/lib/SelectOption.js

@@ -45,4 +45,4 @@ var SelectOption = /** @class */ (function (_super) {
     };
     return SelectOption;
 }(React.Component));
-export default SelectOption;
+export { SelectOption };

package/dist/es6/side-panel/index.d.ts

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

package/dist/es6/side-panel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../side-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,iBAAiB,CAAC;AAExC,eAAe,SAAS,CAAC;AACzB,OAAO,EAAC,SAAS,EAAC,CAAC;AACnB,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../side-panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/es6/side-panel/index.js

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

package/dist/es6/side-panel/lib/SidePanel.d.ts

@@ -65,7 +65,7 @@ export declare enum SidePanelBackgroundColor {
     Transparent = 1,
     Gray = 2
 }
-export default class SidePanel extends React.Component<SidePanelProps, SidePanelState> {
+export declare class SidePanel extends React.Component<SidePanelProps, SidePanelState> {
     static OpenDirection: typeof SidePanelOpenDirection;
     static BackgroundColor: typeof SidePanelBackgroundColor;
     constructor(props: SidePanelProps);

package/dist/es6/side-panel/lib/SidePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidePanel.d.ts","sourceRoot":"","sources":["../../../../side-panel/lib/SidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAsB,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AAIxF,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E;;;OAGG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,wBAAwB,CAAC;IAC3C;;;OAGG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,oBAAY,sBAAsB;IAChC,IAAI,IAAA;IACJ,KAAK,IAAA;CACN;AAED,oBAAY,wBAAwB;IAClC,KAAK,IAAA;IACL,WAAW,IAAA;IACX,IAAI,IAAA;CACL;AA6FD,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IACpF,MAAM,CAAC,aAAa,gCAA0B;IAC9C,MAAM,CAAC,eAAe,kCAA4B;gBAEtC,KAAK,EAAE,cAAc;IAKjC,KAAK;;MAEH;IAEK,iBAAiB;IAGjB,oBAAoB;IAIpB,MAAM;IA4Cb,OAAO,CAAC,YAAY,CAWlB;IAEF,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,qBAAqB,CAS3B;CACH"}
+{"version":3,"file":"SidePanel.d.ts","sourceRoot":"","sources":["../../../../side-panel/lib/SidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAgB,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AAKlF,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E;;;OAGG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,wBAAwB,CAAC;IAC3C;;;OAGG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,oBAAY,sBAAsB;IAChC,IAAI,IAAA;IACJ,KAAK,IAAA;CACN;AAED,oBAAY,wBAAwB;IAClC,KAAK,IAAA;IACL,WAAW,IAAA;IACX,IAAI,IAAA;CACL;AAwFD,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAC5E,MAAM,CAAC,aAAa,gCAA0B;IAC9C,MAAM,CAAC,eAAe,kCAA4B;gBAEtC,KAAK,EAAE,cAAc;IAKjC,KAAK;;MAEH;IAEK,iBAAiB;IAGjB,oBAAoB;IAIpB,MAAM;IAgDb,OAAO,CAAC,YAAY,CAWlB;IAEF,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,qBAAqB,CAS3B;CACH"}

package/dist/es6/side-panel/lib/SidePanel.js

@@ -36,9 +36,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 import * as React from 'react';
 import styled from '@emotion/styled';
 import throttle from 'lodash/throttle';
-import { colors, space, type } from '@workday/canvas-kit-react/tokens';
+import { colors, space } from '@workday/canvas-kit-react/tokens';
 import { TertiaryButton } from '@workday/canvas-kit-react/button';
 import { chevronLeftIcon, chevronRightIcon } from '@workday/canvas-system-icons-web';
+import { Heading } from '@workday/canvas-kit-react/text';
 export var SidePanelOpenDirection;
 (function (SidePanelOpenDirection) {
     SidePanelOpenDirection[SidePanelOpenDirection["Left"] = 0] = "Left";
@@ -51,7 +52,6 @@ export var SidePanelBackgroundColor;
     SidePanelBackgroundColor[SidePanelBackgroundColor["Gray"] = 2] = "Gray";
 })(SidePanelBackgroundColor || (SidePanelBackgroundColor = {}));
 var closedWidth = space.xxl;
-var Header = styled('h2')(__assign(__assign({}, type.levels.heading.small), { marginTop: space.zero }));
 var SidePanelContainer = styled('div')({
     overflow: 'hidden',
     height: '100%',
@@ -176,7 +176,7 @@ var SidePanel = /** @class */ (function (_super) {
         var _a = this.props, _b = _a.backgroundColor, backgroundColor = _b === void 0 ? SidePanelBackgroundColor.White : _b, _c = _a.openNavigationAriaLabel, openNavigationAriaLabel = _c === void 0 ? 'open navigation' : _c, _d = _a.closeNavigationAriaLabel, closeNavigationAriaLabel = _d === void 0 ? 'close navigation' : _d, _e = _a.openDirection, openDirection = _e === void 0 ? SidePanelOpenDirection.Left : _e, _f = _a.breakpoint, breakpoint = _f === void 0 ? 768 : _f, _g = _a.openWidth, openWidth = _g === void 0 ? 300 : _g, header = _a.header, onToggleClick = _a.onToggleClick, open = _a.open, padding = _a.padding, onBreakpointChange = _a.onBreakpointChange, elemProps = __rest(_a, ["backgroundColor", "openNavigationAriaLabel", "closeNavigationAriaLabel", "openDirection", "breakpoint", "openWidth", "header", "onToggleClick", "open", "padding", "onBreakpointChange"]);
         return (React.createElement(SidePanelContainer, __assign({ role: "region", padding: padding, openDirection: openDirection, openWidth: openWidth, backgroundColor: backgroundColor, open: open }, elemProps),
             React.createElement(ChildrenContainer, { open: open, openWidth: openWidth },
-                header && open ? React.createElement(Header, null, header) : null,
+                header && open ? (React.createElement(Heading, { as: "h2", size: "small", marginTop: "zero" }, header)) : null,
                 this.props.children),
             React.createElement(SidePanelFooter, { openWidth: openWidth, open: open }, onToggleClick && (React.createElement(ToggleButton, { openDirection: openDirection, "aria-label": open ? closeNavigationAriaLabel : openNavigationAriaLabel, onClick: this.onToggleClick, icon: this.toggleButtonDirection(open, openDirection) })))));
     };
@@ -184,4 +184,4 @@ var SidePanel = /** @class */ (function (_super) {
     SidePanel.BackgroundColor = SidePanelBackgroundColor;
     return SidePanel;
 }(React.Component));
-export default SidePanel;
+export { SidePanel };

package/dist/es6/status-indicator/index.d.ts

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

package/dist/es6/status-indicator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../status-indicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,uBAAuB,CAAC;AAEpD,eAAe,eAAe,CAAC;AAC/B,OAAO,EAAC,eAAe,EAAC,CAAC;AACzB,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../status-indicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/es6/status-indicator/index.js

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

package/dist/es6/status-indicator/lib/StatusIndicator.d.ts

@@ -47,7 +47,7 @@ export interface StatusIndicatorProps extends React.HTMLAttributes<HTMLSpanEleme
      */
     icon?: CanvasSystemIcon;
 }
-export default class StatusIndicator extends React.Component<StatusIndicatorProps> {
+export declare class StatusIndicator extends React.Component<StatusIndicatorProps> {
     static Type: typeof StatusIndicatorType;
     static Emphasis: typeof StatusIndicatorEmphasis;
     render(): JSX.Element;

package/dist/es6/status-indicator/lib/StatusIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAC,YAAY,EAAe,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAoC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAGlG,oBAAY,mBAAmB;IAC7B,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,WAAW,gBAAgB;CAC5B;AAED,oBAAY,uBAAuB;IACjC,IAAI,SAAS;IACb,GAAG,QAAQ;CACZ;AAED,MAAM,WAAW,2BAA4B,SAAQ,YAAY;IAC/D,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE;SACP,UAAU,IAAI,mBAAmB,GAAG;aAClC,cAAc,IAAI,uBAAuB,CAAC,CAAC,EAAE,aAAa;SAC5D;KACF,CAAC;CACH;AAED,eAAO,MAAM,qBAAqB,EAAE,2BA2EnC,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACjF;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAkBD,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC;IAChF,OAAc,IAAI,6BAAuB;IACzC,OAAc,QAAQ,iCAA2B;IAE1C,MAAM;CA0Bd"}
+{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAC,YAAY,EAAe,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAoC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAGlG,oBAAY,mBAAmB;IAC7B,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,WAAW,gBAAgB;CAC5B;AAED,oBAAY,uBAAuB;IACjC,IAAI,SAAS;IACb,GAAG,QAAQ;CACZ;AAED,MAAM,WAAW,2BAA4B,SAAQ,YAAY;IAC/D,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE;SACP,UAAU,IAAI,mBAAmB,GAAG;aAClC,cAAc,IAAI,uBAAuB,CAAC,CAAC,EAAE,aAAa;SAC5D;KACF,CAAC;CACH;AAED,eAAO,MAAM,qBAAqB,EAAE,2BA2EnC,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACjF;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAkBD,qBAAa,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC;IACxE,OAAc,IAAI,6BAAuB;IACzC,OAAc,QAAQ,iCAA2B;IAE1C,MAAM;CA0Bd"}

package/dist/es6/status-indicator/lib/StatusIndicator.js

@@ -146,4 +146,4 @@ var StatusIndicator = /** @class */ (function (_super) {
     StatusIndicator.Emphasis = StatusIndicatorEmphasis;
     return StatusIndicator;
 }(React.Component));
-export default StatusIndicator;
+export { StatusIndicator };

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

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

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

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

package/dist/es6/switch/index.js

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

package/dist/es6/switch/lib/Switch.d.ts

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

package/dist/es6/switch/lib/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../switch/lib/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,SAAS,EAKT,SAAS,EAEV,MAAM,kCAAkC,CAAC;AAG1C,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAwHD,eAAO,MAAM,MAAM;;CAgCjB,CAAC;AAEH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../switch/lib/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,SAAS,EAKT,SAAS,EAEV,MAAM,kCAAkC,CAAC;AAG1C,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAwHD,eAAO,MAAM,MAAM;;CAgCjB,CAAC"}

package/dist/es6/switch/lib/Switch.js

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../table/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAEtC,eAAe,KAAK,CAAC;AACrB,OAAO,EAAC,KAAK,EAAE,QAAQ,EAAC,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../table/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC"}

package/dist/es6/table/index.js

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

package/dist/es6/table/lib/Table.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 export declare const borderWidth = 1;
 export declare const borderColor: string;
 export declare const cellBorder: string;
-export default class Table extends React.Component<React.TableHTMLAttributes<HTMLTableElement>> {
+export declare class Table extends React.Component<React.TableHTMLAttributes<HTMLTableElement>> {
     render(): JSX.Element;
 }
 //# sourceMappingURL=Table.d.ts.map

package/dist/es6/table/lib/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../table/lib/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,WAAW,QAAiB,CAAC;AAC1C,eAAO,MAAM,UAAU,QAA0C,CAAC;AAYlE,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACtF,MAAM;CAKd"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../table/lib/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,WAAW,QAAiB,CAAC;AAC1C,eAAO,MAAM,UAAU,QAA0C,CAAC;AAYlE,qBAAa,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC9E,MAAM;CAKd"}

package/dist/es6/table/lib/Table.js

@@ -59,4 +59,4 @@ var Table = /** @class */ (function (_super) {
     };
     return Table;
 }(React.Component));
-export default Table;
+export { Table };