@workday/canvas-kit-react 8.0.0-alpha.121-next.2 → 8.0.0-alpha.123-next.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-react",
-  "version": "8.0.0-alpha.121-next.2+83e3394d",
+  "version": "8.0.0-alpha.123-next.3+e2414dde",
   "description": "The parent module that contains all Workday Canvas Kit React components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -49,9 +49,9 @@
     "@emotion/styled": "^11.6.0",
     "@popperjs/core": "^2.5.4",
     "@workday/canvas-colors-web": "^2.0.0",
-    "@workday/canvas-kit-labs-react": "^8.0.0-alpha.121-next.2+83e3394d",
-    "@workday/canvas-kit-popup-stack": "^8.0.0-alpha.121-next.2+83e3394d",
-    "@workday/canvas-kit-preview-react": "^8.0.0-alpha.121-next.2+83e3394d",
+    "@workday/canvas-kit-labs-react": "^8.0.0-alpha.123-next.3+e2414dde",
+    "@workday/canvas-kit-popup-stack": "^8.0.0-alpha.123-next.3+e2414dde",
+    "@workday/canvas-kit-preview-react": "^8.0.0-alpha.123-next.3+e2414dde",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/design-assets-types": "^0.2.8",
     "chroma-js": "^2.1.0",
@@ -69,5 +69,5 @@
     "@workday/canvas-accent-icons-web": "^3.0.0",
     "@workday/canvas-applet-icons-web": "^2.0.0"
   },
-  "gitHead": "83e3394d370efc56362ddb4bcc49c65a12a2bc8f"
+  "gitHead": "e2414dde8f4b7825d294a81ed61472745b34e390"
 }

package/radio/index.ts

@@ -1,7 +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/radio/lib/Radio.tsx

@@ -8,7 +8,8 @@ import {
   Themeable,
   useUniqueId,
 } from '@workday/canvas-kit-react/common';
-import canvas, {
+import {
+  canvas,
   borderRadius,
   colors,
   inputColors,
@@ -340,5 +341,3 @@ export const Radio = createComponent('input')({
     );
   },
 });
-
-export default Radio;

package/radio/lib/RadioGroup.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import Radio, {RadioProps} from './Radio';
+import {Radio, RadioProps} from './Radio';
 import {borderRadius, space} from '@workday/canvas-kit-react/tokens';
 import {
   ErrorType,
@@ -117,4 +117,4 @@ class RadioGroup extends React.Component<RadioGroupProps> {
 
 RadioGroup.ErrorType = ErrorType;
 
-export default RadioGroup;
+export {RadioGroup};

package/segmented-control/index.ts

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

package/segmented-control/lib/SegmentedControl.tsx

@@ -78,5 +78,3 @@ export const SegmentedControl = createComponent('div')({
     Button: SegmentedControlButton,
   },
 });
-
-export default SegmentedControl;

package/select/index.ts

@@ -1,7 +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/select/lib/Select.tsx

@@ -18,7 +18,7 @@ import {
 } from '@workday/canvas-kit-react/tokens';
 import {caretDownSmallIcon} from '@workday/canvas-system-icons-web';
 import {SystemIcon} from '@workday/canvas-kit-react/icon';
-import SelectOption from './SelectOption';
+import {SelectOption} from './SelectOption';
 
 export interface SelectProps extends Themeable, GrowthBehavior {
   /**
@@ -147,5 +147,3 @@ export const Select = createComponent('select')({
     ErrorType,
   },
 });
-
-export default Select;

package/select/lib/SelectOption.tsx

@@ -20,7 +20,7 @@ export interface SelectOptionProps extends React.OptionHTMLAttributes<HTMLOption
   disabled?: boolean;
 }
 
-export default class SelectOption extends React.Component<SelectOptionProps> {
+export class SelectOption extends React.Component<SelectOptionProps> {
   public render() {
     const {disabled = false, value, label, ...elemProps} = this.props;
 

package/side-panel/README.md

@@ -16,7 +16,7 @@ yarn add @workday/canvas-kit-react
 ```tsx
 import * as React from 'react';
 import {SecondaryButton, TertiaryButton} from '@workday/canvas-kit-react/button';
-import SidePanel from '@workday/canvas-kit-react/side-panel';
+import {SidePanel} from '@workday/canvas-kit-react/side-panel';
 
 interface SidePanelState {
   open: boolean;

package/side-panel/index.ts

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

package/side-panel/lib/SidePanel.tsx

@@ -167,7 +167,7 @@ const SidePanelFooter = styled('div')<Pick<SidePanelProps, 'open' | 'openWidth'>
   })
 );
 
-export default class SidePanel extends React.Component<SidePanelProps, SidePanelState> {
+export class SidePanel extends React.Component<SidePanelProps, SidePanelState> {
   static OpenDirection = SidePanelOpenDirection;
   static BackgroundColor = SidePanelBackgroundColor;
 

package/status-indicator/index.ts

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

package/status-indicator/lib/StatusIndicator.tsx

@@ -146,7 +146,7 @@ const StatusLabel = styled('span')({
   textOverflow: 'ellipsis',
 });
 
-export default class StatusIndicator extends React.Component<StatusIndicatorProps> {
+export class StatusIndicator extends React.Component<StatusIndicatorProps> {
   public static Type = StatusIndicatorType;
   public static Emphasis = StatusIndicatorEmphasis;
 

package/switch/index.ts

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

package/switch/lib/Switch.tsx

@@ -193,5 +193,3 @@ export const Switch = createComponent('input')({
     ErrorType,
   },
 });
-
-export default Switch;

package/table/index.ts

@@ -1,7 +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/table/lib/Table.tsx

@@ -16,7 +16,7 @@ const TableComponent = styled('table')(type.levels.subtext.large, {
   },
 });
 
-export default class Table extends React.Component<React.TableHTMLAttributes<HTMLTableElement>> {
+export class Table extends React.Component<React.TableHTMLAttributes<HTMLTableElement>> {
   public render() {
     const {children, ...elemProps} = this.props;
 

package/table/lib/TableRow.tsx

@@ -192,7 +192,7 @@ const StyledTableRow = styled('tr')<TableRowProps>(
   }
 );
 
-const TableRow = createComponent('tr')({
+export const TableRow = createComponent('tr')({
   displayName: 'TableRow',
   Component: (
     {state, header, children, ...elemProps}: TableRowProps & StyledType,
@@ -209,5 +209,3 @@ const TableRow = createComponent('tr')({
     State: TableRowState,
   },
 });
-
-export default TableRow;

package/text-area/index.ts

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

package/text-area/lib/TextArea.tsx

@@ -107,5 +107,3 @@ export const TextArea = createComponent('textarea')({
     ResizeDirection: TextAreaResizeDirection,
   },
 });
-
-export default TextArea;

package/text-input/index.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';

package/text-input/lib/InputIconContainer.tsx

@@ -19,7 +19,7 @@ const IconContainer = styled('div')({
   right: space.xxs,
 });
 
-const InputIconContainer: React.FunctionComponent<React.PropsWithChildren<
+export const InputIconContainer: React.FunctionComponent<React.PropsWithChildren<
   InputIconContainerProps
 >> = ({grow, children, icon}) => (
   <Container grow={grow}>
@@ -27,5 +27,3 @@ const InputIconContainer: React.FunctionComponent<React.PropsWithChildren<
     {icon && <IconContainer>{icon}</IconContainer>}
   </Container>
 );
-
-export default InputIconContainer;

package/text-input/lib/TextInput.tsx

@@ -95,5 +95,3 @@ export const TextInput = createComponent('input')({
     ErrorType,
   },
 });
-
-export default TextInput;

package/toast/index.ts

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

package/tokens/index.ts

@@ -33,7 +33,7 @@ import {type,
 } from './lib/type';
 import {CSSProperties} from './lib/types';
 
-const canvas = {
+export const canvas = {
   buttonColors,
   chartingColorOffsets,
   chartingColors,
@@ -67,7 +67,6 @@ export {
   CanvasDepthValues,
   CSSProperties,
 };
-export default canvas;
 
 export type {
   CanvasBorderRadius,

package/tokens/lib/radius.ts

@@ -28,5 +28,3 @@ export const borderRadius: CanvasBorderRadius = {
   l: '8px',
   circle: '999px',
 };
-
-export default borderRadius;

package/tooltip/index.ts

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