@workday/canvas-kit-react 8.0.0-alpha.253-next.22 → 8.0.0-alpha.428-next.2

package/layout/lib/utils/stack.ts

@@ -1,52 +0,0 @@
-import {space as spaceTokens} from '@workday/canvas-kit-react/tokens';
-import {CanvasSystemPropValues, SystemPropValues} from './systemProps';
-
-export type StackDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
-
-const selector = '& > *:not(style) ~ *:not(style)';
-
-export type StackSpacing = SystemPropValues['space'];
-
-export type StackStyleProps = {
-  /** sets space values between child elements (bidirectional support) */
-  spacing: StackSpacing;
-  /**
-   * sets the direction for the stack
-   * @default "row"
-   * */
-  flexDirection?: StackDirection;
-  /**
-   * when `true` wraps each child element in a `Stack.Item`
-   * @default false
-   * */
-  shouldWrapChildren?: boolean;
-};
-
-const getSpace = (value: SystemPropValues['space']) => {
-  return spaceTokens[value as CanvasSystemPropValues['space']] || value;
-};
-
-export function stack<P extends StackStyleProps>(props: P) {
-  const {flexDirection = 'row', spacing} = props;
-  let styles = {};
-
-  if (flexDirection === 'column') {
-    styles = {marginTop: getSpace(spacing)};
-  }
-
-  if (flexDirection === 'column-reverse') {
-    styles = {marginBottom: getSpace(spacing)};
-  }
-
-  if (flexDirection === 'row') {
-    styles = {marginInlineStart: getSpace(spacing)};
-  }
-
-  if (flexDirection === 'row-reverse') {
-    styles = {marginInlineEnd: getSpace(spacing)};
-  }
-
-  return {
-    [selector]: styles,
-  };
-}

package/pagination/lib/Pagination/GoTo/GoTo.tsx

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import {GoToForm, GoToFormProps} from './Form';
-import {GoToLabel, GoToLabelProps} from './Label';
-import {GoToTextInput, GoToTextInputProps} from './TextInput';
-import {useGoToForm, UseGoToFormConfig} from './useGoToForm';
-import {PaginationModel} from '../types';
-
-export interface GoToProps extends UseGoToFormConfig {
-  model: PaginationModel;
-  children?: React.ReactNode;
-}
-
-const GoToContext = React.createContext({} as ReturnType<typeof useGoToForm>);
-
-export const GoTo = (props: GoToProps) => {
-  const {children, model} = props;
-
-  const goToContext = useGoToForm({model});
-  return <GoToContext.Provider value={goToContext}>{children}</GoToContext.Provider>;
-};
-
-GoTo.Form = (props: GoToFormProps) => {
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const {formProps} = React.useContext(GoToContext);
-  return <GoToForm {...formProps} {...props} />;
-};
-
-GoTo.TextInput = (props: GoToTextInputProps) => {
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const {inputProps} = React.useContext(GoToContext);
-  return <GoToTextInput {...inputProps} {...props} />;
-};
-
-GoTo.Label = (props: GoToLabelProps) => {
-  return <GoToLabel {...props} {...props} />;
-};

package/pagination/lib/Pagination/GoTo/index.ts

@@ -1,4 +0,0 @@
-import {GoTo, GoToProps} from './GoTo';
-
-export {GoTo, GoToProps};
-export * from './GoTo';