@workday/canvas-kit-react 8.0.0-alpha.116-next.1 → 8.0.0-alpha.123-next.3

package/dist/es6/checkbox/lib/Checkbox.js

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import * as React from 'react';
 import { createComponent, ErrorType, useUniqueId, focusRing, mouseFocusBehavior, getErrorColors, styled, useTheme, } from '@workday/canvas-kit-react/common';
-import canvas, { borderRadius, colors, inputColors, spaceNumbers, } from '@workday/canvas-kit-react/tokens';
+import { canvas, borderRadius, colors, inputColors, spaceNumbers, } from '@workday/canvas-kit-react/tokens';
 import { SystemIcon } from '@workday/canvas-kit-react/icon';
 import { checkSmallIcon } from '@workday/canvas-system-icons-web';
 var checkboxHeight = 18;
@@ -57,55 +57,70 @@ var CheckboxRipple = styled('span')({
     width: checkboxWidth,
     position: 'absolute',
     pointerEvents: 'none',
-    zIndex: -1,
+}, function (_a) {
+    var variant = _a.variant;
+    return ({
+        opacity: variant === 'inverse' ? '0.4' : '1',
+    });
 });
 /**
  * Note: `~ div:first-of-type` refers to `CheckboxBackground`
  * and was easier to use than a component selector in this case.
  */
 var CheckboxInput = styled('input')(function (_a) {
-    var _b = _a.theme.canvas.palette, themePrimary = _b.primary, themeFocusOutline = _b.common.focusOutline;
+    var _b = _a.theme.canvas.palette, themePrimary = _b.primary, themeFocusOutline = _b.common.focusOutline, variant = _a.variant;
     return (__assign({ borderRadius: borderRadius.s, width: checkboxTapArea, height: checkboxTapArea, margin: 0, marginTop: '-3px', marginLeft: '-3px', position: 'absolute', opacity: 0, '&:not(:disabled)': {
             cursor: 'pointer',
         }, 
         // States
         '&:not(:checked):not(:disabled):not(:focus):hover, &:not(:checked):not(:disabled):active': {
             '~ div:first-of-type': {
-                borderColor: inputColors.hoverBorder,
+                borderColor: variant === 'inverse' ? colors.soap300 : inputColors.hoverBorder,
             },
         }, '&:checked ~ div:first-of-type': {
-            borderColor: themePrimary.main,
-            backgroundColor: themePrimary.main,
+            borderColor: variant === 'inverse' ? colors.soap300 : themePrimary.main,
+            backgroundColor: variant === 'inverse' ? colors.frenchVanilla100 : themePrimary.main,
         }, '&:disabled ~ div:first-of-type': {
             borderColor: inputColors.disabled.border,
-            backgroundColor: inputColors.disabled.background,
+            backgroundColor: variant === 'inverse' ? colors.soap300 : inputColors.disabled.background,
+            opacity: variant === 'inverse' ? '.4' : '1',
         }, '&:disabled:checked ~ div:first-of-type': {
-            borderColor: themePrimary.light,
-            backgroundColor: themePrimary.light,
+            borderColor: variant === 'inverse' ? colors.soap300 : themePrimary.light,
+            backgroundColor: variant === 'inverse' ? colors.soap300 : themePrimary.light,
         }, 
         // Focus
         '&:focus, &:active': {
             outline: 'none',
-        }, '&:focus ~ div:first-of-type': {
-            borderColor: themePrimary.main,
-            borderWidth: '2px',
-            boxShadow: 'none',
-        }, '&:checked:focus ~ div:first-of-type': __assign(__assign({}, focusRing({ width: 2, separation: 2, animate: false, outerColor: themeFocusOutline })), { '& span': {
+        }, '&:focus ~ div:first-of-type': __assign({ borderColor: variant === 'inverse' ? colors.blackPepper400 : themePrimary.main, borderWidth: '2px', boxShadow: 'none' }, focusRing({
+            width: variant === 'inverse' ? 2 : 0,
+            separation: 0,
+            animate: false,
+            innerColor: variant === 'inverse' ? colors.blackPepper400 : undefined,
+            outerColor: variant === 'inverse' ? colors.frenchVanilla100 : undefined,
+        })), '&:checked:focus ~ div:first-of-type': __assign(__assign({}, focusRing({
+            width: 2,
+            separation: 2,
+            animate: false,
+            innerColor: variant === 'inverse' ? colors.blackPepper400 : undefined,
+            outerColor: variant === 'inverse' ? colors.frenchVanilla100 : themeFocusOutline,
+        })), { borderColor: variant === 'inverse' ? colors.frenchVanilla100 : themePrimary.main, borderWidth: '2px', '& span': {
                 marginLeft: '-7px',
             } }) }, mouseFocusBehavior({
         '&:focus ~ div:first-of-type': {
-            border: "1px solid " + inputColors.hoverBorder,
+            border: variant === 'inverse'
+                ? "1px solid " + colors.soap300
+                : "1px solid " + inputColors.hoverBorder,
             boxShadow: 'none',
             '& span': {
                 marginLeft: '-6px',
             },
         },
         '&:checked ~ div:first-of-type': {
-            borderColor: themePrimary.main,
+            borderColor: variant === 'inverse' ? colors.soap300 : themePrimary.main,
         },
         '&:disabled:checked ~ div:first-of-type': {
             borderColor: themePrimary.light,
-            backgroundColor: themePrimary.light,
+            backgroundColor: variant === 'inverse' ? colors.soap300 : themePrimary.light,
         },
     })));
 }, function (_a) {
@@ -116,36 +131,35 @@ var CheckboxInput = styled('input')(function (_a) {
         },
     });
 }, function (_a) {
-    var theme = _a.theme, error = _a.error;
+    var theme = _a.theme, error = _a.error, variant = _a.variant;
     var errorColors = getErrorColors(error, theme);
     if (errorColors.outer === errorColors.inner) {
         errorColors.outer = 'transparent';
     }
     var errorStyles = {
         '& ~ div:first-of-type': {
-            border: "1px solid " + errorColors.inner,
+            border: variant === 'inverse' ? "1px solid " + colors.soap300 : "1px solid " + errorColors.inner,
             boxShadow: "0 0 0 1px " + errorColors.inner + ", 0 0 0 2px " + errorColors.outer,
         },
         '&:not(:checked):not(:disabled):not(:focus):hover, &:not(:checked):not(:disabled):active': {
             '~ div:first-of-type': {
-                borderColor: errorColors.inner,
+                borderColor: variant === 'inverse' ? "1px solid " + colors.soap300 : errorColors.inner,
             },
         },
         '&:checked ~ div:first-of-type': {
-            borderColor: theme.canvas.palette.primary.main,
-            boxShadow: "\n            0 0 0 2px " + colors.frenchVanilla100 + ",\n            0 0 0 4px " + errorColors.inner + ",\n            0 0 0 5px " + errorColors.outer,
+            borderColor: variant === 'inverse' ? colors.soap300 : theme.canvas.palette.primary.main,
+            boxShadow: "\n              0 0 0 2px " + colors.frenchVanilla100 + ",\n              0 0 0 4px " + errorColors.inner + ",\n              0 0 0 5px " + errorColors.outer,
         },
     };
-    return __assign(__assign({}, errorStyles), mouseFocusBehavior(__assign(__assign({}, errorStyles), { '&:not(:checked):focus ~ div:first-of-type': {
+    return __assign(__assign({}, mouseFocusBehavior(__assign(__assign({}, errorStyles), { '&:not(:checked):focus ~ div:first-of-type': {
             border: "1px solid " + errorColors.inner,
             boxShadow: "0 0 0 1px " + errorColors.inner + ", 0 0 0 2px " + errorColors.outer,
-        } })));
+        } }))), errorStyles);
 });
 var CheckboxBackground = styled('div')({
     alignItems: 'center',
     backgroundColor: colors.frenchVanilla100,
     borderRadius: borderRadius.s,
-    border: '1px solid ' + inputColors.border,
     boxSizing: 'border-box',
     display: 'flex',
     height: checkboxHeight,
@@ -155,6 +169,11 @@ var CheckboxBackground = styled('div')({
     position: 'absolute',
     transition: 'border 200ms ease, background 200ms',
     width: checkboxWidth,
+}, function (_a) {
+    var variant = _a.variant;
+    return ({
+        border: "1px solid " + (variant === 'inverse' ? colors.soap300 : inputColors.border),
+    });
 });
 var CheckboxCheck = styled('div')({
     display: 'flex',
@@ -183,14 +202,24 @@ var IndeterminateBox = styled('div')({
     width: '10px',
     height: '2px',
 }, function (_a) {
-    var theme = _a.theme;
+    var theme = _a.theme, variant = _a.variant;
     return ({
-        backgroundColor: theme.canvas.palette.primary.contrast,
+        backgroundColor: variant === 'inverse'
+            ? theme.canvas.palette.primary.main
+            : theme.canvas.palette.primary.contrast,
     });
 });
 var CheckboxLabel = styled('label')(__assign(__assign({}, canvas.type.levels.subtext.large), { paddingLeft: checkboxLabelDistance }), function (_a) {
-    var disabled = _a.disabled;
-    return (disabled ? { color: inputColors.disabled.text } : { cursor: 'pointer' });
+    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 Checkbox = createComponent('input')({
     displayName: 'Checkbox',
@@ -201,18 +230,19 @@ export var Checkbox = createComponent('input')({
         _d = _a.theme, 
         // TODO: Fix useTheme and make it a real hook
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        theme = _d === void 0 ? useTheme() : _d, id = _a.id, disabled = _a.disabled, onChange = _a.onChange, value = _a.value, error = _a.error, indeterminate = _a.indeterminate, elemProps = __rest(_a, ["checked", "label", "theme", "id", "disabled", "onChange", "value", "error", "indeterminate"]);
+        theme = _d === void 0 ? useTheme() : _d, id = _a.id, disabled = _a.disabled, onChange = _a.onChange, value = _a.value, error = _a.error, indeterminate = _a.indeterminate, variant = _a.variant, elemProps = __rest(_a, ["checked", "label", "theme", "id", "disabled", "onChange", "value", "error", "indeterminate", "variant"]);
         var inputId = useUniqueId(id);
         return (React.createElement(CheckboxContainer, null,
             React.createElement(CheckboxInputWrapper, { disabled: disabled },
-                React.createElement(CheckboxInput, __assign({ as: Element, checked: checked, disabled: disabled, id: inputId, ref: ref, onChange: onChange, type: "checkbox", value: value, error: error, "aria-checked": indeterminate ? 'mixed' : checked }, elemProps)),
-                React.createElement(CheckboxRipple, null),
-                React.createElement(CheckboxBackground, { checked: checked, disabled: disabled },
-                    React.createElement(CheckboxCheck, { checked: checked }, indeterminate ? (React.createElement(IndeterminateBox, null)) : (React.createElement(SystemIcon, { icon: checkSmallIcon, color: theme.canvas.palette.primary.contrast }))))),
-            label && (React.createElement(CheckboxLabel, { htmlFor: inputId, disabled: disabled }, label))));
+                React.createElement(CheckboxInput, __assign({ as: Element, checked: checked, disabled: disabled, id: inputId, ref: ref, onChange: onChange, type: "checkbox", value: value, error: error, variant: variant, "aria-checked": indeterminate ? 'mixed' : checked }, elemProps)),
+                React.createElement(CheckboxRipple, { variant: variant }),
+                React.createElement(CheckboxBackground, { variant: variant, checked: checked, disabled: disabled },
+                    React.createElement(CheckboxCheck, { checked: checked }, indeterminate ? (React.createElement(IndeterminateBox, { variant: variant })) : (React.createElement(SystemIcon, { icon: checkSmallIcon, color: variant === 'inverse'
+                            ? theme.canvas.palette.primary.main
+                            : theme.canvas.palette.primary.contrast }))))),
+            label && (React.createElement(CheckboxLabel, { variant: variant, htmlFor: inputId, disabled: disabled }, label))));
     },
     subComponents: {
         ErrorType: ErrorType,
     },
 });
-export default Checkbox;

package/dist/es6/collection/lib/useOverflowListModel.d.ts

@@ -3,6 +3,11 @@ export declare function getHiddenIds(containerWidth: number, overflowTargetWidth
 export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Partial<{
     initialHiddenIds: string[];
     containerWidth: number;
+    /**
+     * Determines if overflow should actually occur. For example, touch devices are better at
+     * side-scrolling than mouse devices. In these cases, it makes sense to disable overflowing.
+     * @default true
+     */ shouldCalculateOverflow: boolean;
     initialSelectedIds: import("./useSelectionListModel").SelectedIds;
     initialUnselectedIds: string[];
     selection: import("./useSelectionListModel").SelectionManager;
@@ -1298,6 +1303,11 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
 }) & import("../../common").ModelExtras<{
     initialHiddenIds: string[];
     containerWidth: number;
+    /**
+     * Determines if overflow should actually occur. For example, touch devices are better at
+     * side-scrolling than mouse devices. In these cases, it makes sense to disable overflowing.
+     * @default true
+     */ shouldCalculateOverflow: boolean;
     initialSelectedIds: import("./useSelectionListModel").SelectedIds;
     initialUnselectedIds: string[];
     selection: import("./useSelectionListModel").SelectionManager;

package/dist/es6/collection/lib/useOverflowListModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOverflowListModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useOverflowListModel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"useOverflowListModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useOverflowListModel.tsx"],"names":[],"mappings":"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"}

package/dist/es6/collection/lib/useOverflowListModel.js

@@ -51,10 +51,16 @@ export function getHiddenIds(containerWidth, overflowTargetWidth, itemWidthCache
     return hiddenIds;
 }
 export var useOverflowListModel = createModelHook({
-    defaultConfig: __assign(__assign({}, useSelectionListModel.defaultConfig), { initialHiddenIds: [], containerWidth: 0 }),
+    defaultConfig: __assign(__assign({}, useSelectionListModel.defaultConfig), { initialHiddenIds: [], containerWidth: 0, 
+        /**
+         * Determines if overflow should actually occur. For example, touch devices are better at
+         * side-scrolling than mouse devices. In these cases, it makes sense to disable overflowing.
+         * @default true
+         */ shouldCalculateOverflow: true }),
     requiredConfig: useSelectionListModel.requiredConfig,
     contextOverride: useSelectionListModel.Context,
 })(function (config) {
+    var shouldCalculateOverflow = config.shouldCalculateOverflow === undefined ? true : config.shouldCalculateOverflow;
     var _a = React.useState(config.initialHiddenIds), hiddenIds = _a[0], setHiddenIds = _a[1];
     var _b = React.useState({}), itemWidthCache = _b[0], setItemWidthCache = _b[1];
     var _c = React.useState(0), containerWidth = _c[0], setContainerWidth = _c[1];
@@ -62,12 +68,12 @@ export var useOverflowListModel = createModelHook({
     var itemWidthCacheRef = React.useRef(itemWidthCache);
     var _d = React.useState(0), overflowTargetWidth = _d[0], setOverflowTargetWidth = _d[1];
     var overflowTargetWidthRef = React.useRef(0);
+    var internalHiddenIds = shouldCalculateOverflow ? hiddenIds : [];
     // Cursors skip over disabled ids, but know nothing of hidden ids. We'll go ahead and disable
     // hidden ids as well
-    var nonInteractiveIds = (config.nonInteractiveIds || []).concat(hiddenIds);
+    var nonInteractiveIds = (config.nonInteractiveIds || []).concat(internalHiddenIds);
     var model = useSelectionListModel(__assign(__assign({}, config), { nonInteractiveIds: nonInteractiveIds }));
-    var state = __assign(__assign({}, model.state), { hiddenIds: hiddenIds,
-        itemWidthCache: itemWidthCache,
+    var state = __assign(__assign({}, model.state), { hiddenIds: internalHiddenIds, itemWidthCache: itemWidthCache,
         containerWidth: containerWidth,
         overflowTargetWidth: overflowTargetWidth });
     var events = __assign(__assign({}, model.events), { select: function (data) {

package/dist/es6/color-picker/index.d.ts

@@ -1,6 +1,3 @@
-import ColorInput from './lib/ColorInput';
-import ColorPreview from './lib/ColorPreview';
-export { ColorInput, ColorPreview };
 export * from './lib/ColorInput';
 export * from './lib/ColorPreview';
 export * from './lib/parts/ColorSwatch';

package/dist/es6/color-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../color-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAE9C,OAAO,EAAC,UAAU,EAAE,YAAY,EAAC,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../color-picker/index.ts"],"names":[],"mappings":"AACA,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC"}

package/dist/es6/color-picker/index.js

@@ -1,6 +1,3 @@
-import ColorInput from './lib/ColorInput';
-import ColorPreview from './lib/ColorPreview';
-export { ColorInput, ColorPreview };
 export * from './lib/ColorInput';
 export * from './lib/ColorPreview';
 export * from './lib/parts/ColorSwatch';

package/dist/es6/color-picker/lib/ColorInput.d.ts

@@ -36,5 +36,4 @@ export interface ColorInputProps extends Themeable, TextInputProps, GrowthBehavi
     onValidColorChange?: (color: string) => void;
 }
 export declare const ColorInput: import("../../common").ElementComponent<"input", ColorInputProps>;
-export default ColorInput;
 //# sourceMappingURL=ColorInput.d.ts.map

package/dist/es6/color-picker/lib/ColorInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorInput.d.ts","sourceRoot":"","sources":["../../../../color-picker/lib/ColorInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,cAAc,EACd,SAAS,EAET,SAAS,EAEV,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAY,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAG/E,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,cAAc,EAAE,cAAc;IAChF;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AA+ED,eAAO,MAAM,UAAU,mEA0DrB,CAAC;AAEH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ColorInput.d.ts","sourceRoot":"","sources":["../../../../color-picker/lib/ColorInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,cAAc,EACd,SAAS,EAET,SAAS,EAEV,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAY,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAG/E,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,cAAc,EAAE,cAAc;IAChF;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AA+ED,eAAO,MAAM,UAAU,mEA0DrB,CAAC"}

package/dist/es6/color-picker/lib/ColorInput.js

@@ -106,4 +106,3 @@ export var ColorInput = createComponent('input')({
             React.createElement(PoundSignPrefix, { "aria-hidden": true, disabled: disabled }, "#")));
     },
 });
-export default ColorInput;

package/dist/es6/color-picker/lib/ColorPreview.d.ts

@@ -10,5 +10,4 @@ export interface ColorPreviewProps extends TextInputProps {
     id?: string;
 }
 export declare const ColorPreview: import("../../common").ElementComponent<"input", ColorPreviewProps>;
-export default ColorPreview;
 //# sourceMappingURL=ColorPreview.d.ts.map

package/dist/es6/color-picker/lib/ColorPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPreview.d.ts","sourceRoot":"","sources":["../../../../color-picker/lib/ColorPreview.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAIpE,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACvD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAQD,eAAO,MAAM,YAAY,qEAavB,CAAC;AAEH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ColorPreview.d.ts","sourceRoot":"","sources":["../../../../color-picker/lib/ColorPreview.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAIpE,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACvD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAQD,eAAO,MAAM,YAAY,qEAavB,CAAC"}

package/dist/es6/color-picker/lib/ColorPreview.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import * as React from 'react';
-import ColorInput from './ColorInput';
+import { ColorInput } from './ColorInput';
 import { createComponent } from '@workday/canvas-kit-react/common';
 import styled from '@emotion/styled';
 import { colors } from '@workday/canvas-kit-react/tokens';
@@ -37,4 +37,3 @@ export var ColorPreview = createComponent('input')({
         return (React.createElement(StyledColorPreview, __assign({ ref: ref, as: Element, id: id, value: value, readOnly: true, placeholder: "" }, elemProps)));
     },
 });
-export default ColorPreview;

package/dist/es6/common/lib/styles/focusRing.js

@@ -1,5 +1,5 @@
 import { keyframes } from '@emotion/react';
-import canvas from '@workday/canvas-kit-react/tokens';
+import { canvas } from '@workday/canvas-kit-react/tokens';
 import { defaultCanvasTheme } from '../theming/index';
 import memoize from 'lodash/memoize';
 function calculateFocusRing(_a) {

package/dist/es6/common/lib/utils/index.d.ts

@@ -12,6 +12,7 @@ export * from './models';
 export * from './elements';
 export * from './useConstant';
 export * from './useIsFullscreen';
+export * from './useModalityType';
 export * from './useWindowSize';
 export * from './useResizeObserver';
 export * from './StaticStates';

package/dist/es6/common/lib/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}

package/dist/es6/common/lib/utils/index.js

@@ -12,6 +12,7 @@ export * from './models';
 export * from './elements';
 export * from './useConstant';
 export * from './useIsFullscreen';
+export * from './useModalityType';
 export * from './useWindowSize';
 export * from './useResizeObserver';
 export * from './StaticStates';

package/dist/es6/common/lib/utils/useModalityType.d.ts

@@ -0,0 +1,17 @@
+declare type Modality = 'mouse' | 'touch' | 'pen';
+/**
+ * Uses heuristics to determine if the user is on a touch device, uses a pen, or a mouse. This hook
+ * is useful if you have styles or behaviors that depend on the user's interaction type. For
+ * example, touch users can scroll horizontally easier than mouse users, so horizontal overflow
+ * might be more desired than overflow menus on touch devices. For devices that support multiple
+ * input types, the last used input type is saved. For these devices, consider the possibility this
+ * value could change after your component is rendered, so make sure you component rerenders
+ * properly in this case.
+ *
+ * Uses `PointerEvent.pointerType` to determine last used input.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pointerType
+ */
+export declare const useModalityType: () => Modality;
+export {};
+//# sourceMappingURL=useModalityType.d.ts.map

package/dist/es6/common/lib/utils/useModalityType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModalityType.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/useModalityType.ts"],"names":[],"mappings":"AAEA,aAAK,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;AA+B1C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,QAAO,QAkBlC,CAAC"}

package/dist/es6/common/lib/utils/useModalityType.js

@@ -0,0 +1,56 @@
+import React from 'react';
+// Use this shared global value to reduce calls to localStorage which is a synchronous API to a
+// drive which could be slow (spinning disks could be hundreds of ms). We read only once this way.
+// The following initialization is very difficult to test via automation. Don't mess with it unless
+// you plan to manually test.
+//
+// 1. Initialize modality to localStorage
+//   a. if localStorage isn't primed, use clientWidth of the browsers
+//   b. if < 768, default to 'touch'
+//   c. else default to 'mouse'
+var localStorageValue = 'mouse'; //((typeof localStorage !== 'undefined'
+//   ? localStorage.getItem('modality')
+//   : '') ||
+//   (typeof document !== 'undefined'
+//     ? document.documentElement.clientWidth < 768
+//       ? 'touch'
+//       : ''
+//     : '') ||
+//   'mouse') as Modality;
+// Update the `localStorageValue`, but conditionally update localStorage only if the value has
+// changed. This prevents too many calls to `localStorage` which can be costly on spinning disk
+// drives
+var updateLocalStorage = function (value) {
+    // if (localStorageValue !== value) {
+    //   localStorage.setItem('modality', value);
+    // }
+    // localStorageValue = value;
+};
+/**
+ * Uses heuristics to determine if the user is on a touch device, uses a pen, or a mouse. This hook
+ * is useful if you have styles or behaviors that depend on the user's interaction type. For
+ * example, touch users can scroll horizontally easier than mouse users, so horizontal overflow
+ * might be more desired than overflow menus on touch devices. For devices that support multiple
+ * input types, the last used input type is saved. For these devices, consider the possibility this
+ * value could change after your component is rendered, so make sure you component rerenders
+ * properly in this case.
+ *
+ * Uses `PointerEvent.pointerType` to determine last used input.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pointerType
+ */
+export var useModalityType = function () {
+    var _a = React.useState(localStorageValue), modality = _a[0], setModality = _a[1];
+    React.useEffect(function () {
+        var handlePointerDown = function (event) {
+            var value = event.pointerType;
+            setModality(value);
+            updateLocalStorage(value);
+        };
+        document.addEventListener('pointerdown', handlePointerDown);
+        return function () {
+            document.removeEventListener('pointerdown', handlePointerDown);
+        };
+    }, []);
+    return modality;
+};

package/dist/es6/form-field/index.d.ts

@@ -1,8 +1,3 @@
-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/dist/es6/form-field/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../form-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,iBAAiB,CAAC;AACxC,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,eAAe,SAAS,CAAC;AACzB,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAC,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../form-field/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}

package/dist/es6/form-field/index.js

@@ -1,8 +1,3 @@
-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/dist/es6/form-field/lib/FormField.d.ts

@@ -62,5 +62,5 @@ declare class FormField extends React.Component<React.PropsWithChildren<FormFiel
     private renderChildren;
     render(): JSX.Element;
 }
-export default FormField;
+export { FormField };
 //# sourceMappingURL=FormField.d.ts.map

package/dist/es6/form-field/lib/FormField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,cAAc,EACd,SAAS,EAET,SAAS,EAEV,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EAAC,sBAAsB,EAAiC,MAAM,SAAS,CAAC;AAE/E,MAAM,WAAW,cACf,SAAQ,SAAS,EACf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,cAAc;IAChB;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAoED,cAAM,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC9E,MAAM,CAAC,aAAa,gCAA0B;IAC9C,MAAM,CAAC,SAAS,mBAAa;IAE7B,OAAO,CAAC,OAAO,CAAoD;IAEnE,OAAO,CAAC,cAAc,CA8BpB;IAEF,MAAM;CA2DP;AAKD,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,cAAc,EACd,SAAS,EAET,SAAS,EAEV,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EAAC,sBAAsB,EAAiC,MAAM,SAAS,CAAC;AAE/E,MAAM,WAAW,cACf,SAAQ,SAAS,EACf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,cAAc;IAChB;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAoED,cAAM,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC9E,MAAM,CAAC,aAAa,gCAA0B;IAC9C,MAAM,CAAC,SAAS,mBAAa;IAE7B,OAAO,CAAC,OAAO,CAAoD;IAEnE,OAAO,CAAC,cAAc,CA8BpB;IAEF,MAAM;CA2DP;AAKD,OAAO,EAAC,SAAS,EAAC,CAAC"}

package/dist/es6/form-field/lib/FormField.js

@@ -36,8 +36,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import * as React from 'react';
 import { space } from '@workday/canvas-kit-react/tokens';
 import { ErrorType, styled, 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 } from './types';
 // Use a fieldset element for accessible radio groups
 var FormFieldFieldsetContainer = styled('fieldset')(function (_a) {
@@ -142,4 +142,4 @@ var FormField = /** @class */ (function (_super) {
 }(React.Component));
 FormField.LabelPosition = FormFieldLabelPosition;
 FormField.ErrorType = ErrorType;
-export default FormField;
+export { FormField };

package/dist/es6/form-field/lib/Hint.d.ts

@@ -20,5 +20,5 @@ declare class Hint extends React.Component<HintProps> {
     static ErrorType: typeof ErrorType;
     render(): JSX.Element;
 }
-export default Hint;
+export { Hint };
 //# sourceMappingURL=Hint.d.ts.map

package/dist/es6/form-field/lib/Hint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hint.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/Hint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,SAAS,EAAU,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAG9E,MAAM,WAAW,SAAU,SAAQ,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IACtF;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAmBD,cAAM,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC;IAC3C,MAAM,CAAC,SAAS,mBAAa;IAEtB,MAAM;CAqBd;AAID,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Hint.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/Hint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,SAAS,EAAU,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAG9E,MAAM,WAAW,SAAU,SAAQ,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IACtF;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAmBD,cAAM,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC;IAC3C,MAAM,CAAC,SAAS,mBAAa;IAEtB,MAAM;CAqBd;AAID,OAAO,EAAC,IAAI,EAAC,CAAC"}

package/dist/es6/form-field/lib/Hint.js

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

package/dist/es6/form-field/lib/Label.d.ts

@@ -35,5 +35,5 @@ declare class Label extends React.Component<React.PropsWithChildren<LabelProps>>
     static Position: typeof FormFieldLabelPosition;
     render(): JSX.Element;
 }
-export default Label;
+export { Label };
 //# sourceMappingURL=Label.d.ts.map

package/dist/es6/form-field/lib/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,sBAAsB,EAAE,8BAA8B,EAAC,MAAM,SAAS,CAAC;AAE/E,MAAM,WAAW,UAAW,SAAQ,8BAA8B;IAChE;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAuDD,cAAM,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACtE,MAAM,CAAC,QAAQ,gCAA0B;IAElC,MAAM;CA8Bd;AAID,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,sBAAsB,EAAE,8BAA8B,EAAC,MAAM,SAAS,CAAC;AAE/E,MAAM,WAAW,UAAW,SAAQ,8BAA8B;IAChE;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAuDD,cAAM,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACtE,MAAM,CAAC,QAAQ,gCAA0B;IAElC,MAAM;CA8Bd;AAID,OAAO,EAAC,KAAK,EAAC,CAAC"}

package/dist/es6/form-field/lib/Label.js

@@ -108,4 +108,4 @@ var Label = /** @class */ (function (_super) {
     return Label;
 }(React.Component));
 Label.Position = FormFieldLabelPosition;
-export default Label;
+export { Label };

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

@@ -1,10 +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/dist/es6/icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AACtD,OAAO,OAAO,MAAM,eAAe,CAAC;AACpC,OAAO,GAAG,MAAM,WAAW,CAAC;AAE5B,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,OAAO,EAAE,GAAG,EAAC,CAAC;AAE5E,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC"}

package/dist/es6/icon/index.js

@@ -1,10 +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/dist/es6/icon/lib/AccentIcon.d.ts

@@ -25,6 +25,5 @@ export interface AccentIconProps extends AccentIconStyles, Omit<IconProps, 'src'
     size?: number;
 }
 export declare const accentIconStyles: ({ color, transparent, }: AccentIconStyles) => CSSObject;
-declare const AccentIcon: import("../../common").ElementComponent<"span", AccentIconProps>;
-export default AccentIcon;
+export declare const AccentIcon: import("../../common").ElementComponent<"span", AccentIconProps>;
 //# sourceMappingURL=AccentIcon.d.ts.map

package/dist/es6/icon/lib/AccentIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccentIcon.d.ts","sourceRoot":"","sources":["../../../../icon/lib/AccentIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAC1C,OAAa,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAC;AAGvC,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,eACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,SAAS,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,gBAAgB,4BAG1B,gBAAgB,KAAG,SAOpB,CAAC;AAEH,QAAA,MAAM,UAAU,kEAoBd,CAAC;AAEH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"AccentIcon.d.ts","sourceRoot":"","sources":["../../../../icon/lib/AccentIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAO,SAAS,EAAC,MAAM,QAAQ,CAAC;AAGvC,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,eACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,SAAS,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,gBAAgB,4BAG1B,gBAAgB,KAAG,SAOpB,CAAC;AAEH,eAAO,MAAM,UAAU,kEAoBrB,CAAC"}