@workday/canvas-kit-labs-react 7.0.0-alpha.0-next.6 → 7.0.0-alpha.79-next.7

package/layout/lib/utils/flex.ts

@@ -1,65 +0,0 @@
-import {
-  PropertyAlignItems,
-  PropertyAlignContent,
-  PropertyJustifyItems,
-  PropertyJustifyContent,
-  PropertyFlexWrap,
-  PropertyFlexDirection,
-} from './types';
-
-/** style props to for flexbox container properties */
-export type FlexStyleProps = {
-  /** sets `align-items` property */
-  alignItems?: PropertyAlignItems;
-  /** sets `align-content` property */
-  alignContent?: PropertyAlignContent;
-  /**
-   * sets `display` property
-   * @default 'flex'
-   * */
-  display?: 'flex' | 'inline-flex';
-  /** sets `justify-items` property */
-  justifyItems?: PropertyJustifyItems;
-  /** sets `justify-content` property */
-  justifyContent?: PropertyJustifyContent;
-  /** sets `flex-wrap` property */
-  flexWrap?: PropertyFlexWrap;
-  /** sets `flex-direction` property */
-  flexDirection?: PropertyFlexDirection;
-};
-
-const flexProps = {
-  alignContent: 'alignContent',
-  alignItems: 'alignItems',
-  display: 'display',
-  flexDirection: 'flexDirection',
-  flexWrap: 'flexWrap',
-  justifyContent: 'justifyContent',
-  justifyItems: 'justifyItems',
-};
-
-/**
- * A style prop function that takes component props and returns flexbox styles.
- * If no `FlexStyleProps` are found, it returns an empty object.
- *
- * @example
- * // You'll most likely use `flex` with low-level, styled components
- * const FlexExample = () => (
- *   <Flex justifyContent="center" alignItems="center">
- *     Hello, flex!
- *   </Flex>
- * );
- *
- */
-export function flex<P extends FlexStyleProps>(props: P) {
-  const styles = {};
-  for (const key in props) {
-    if (key in flexProps) {
-      const attr = flexProps[key as keyof FlexStyleProps];
-      const value = props[key];
-      // @ts-ignore TS doesn't like adding a potentially unknown key to an object, but because we own this object, it's fine.
-      styles[attr] = value;
-    }
-  }
-  return styles;
-}

package/layout/lib/utils/getValidChildren.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-
-export function getValidChildren(children: React.ReactNode) {
-  return React.Children.toArray(children).filter(child =>
-    React.isValidElement(child)
-  ) as React.ReactElement[];
-}

package/layout/lib/utils/stack.ts

@@ -1,78 +0,0 @@
-import {
-  ContentDirection,
-  PartialEmotionCanvasTheme,
-  useTheme,
-} from '@workday/canvas-kit-react/common';
-import {space as spaceTokens, CanvasSpaceKeys} from '@workday/canvas-kit-react/tokens';
-
-export type StackDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
-
-const selector = '& > *:not(style) ~ *:not(style)';
-
-export type StackSpacing = CanvasSpaceKeys | number | (string & {});
-
-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 column = (value: StackSpacing) => ({
-  marginTop: spaceTokens[value as CanvasSpaceKeys] || value,
-});
-
-const columnReverse = (value: StackSpacing) => ({
-  marginBottom: spaceTokens[value as CanvasSpaceKeys] || value,
-});
-
-const row = (value: StackSpacing, isRTL = false) => {
-  const attr = isRTL ? 'marginRight' : 'marginLeft';
-  return {
-    [attr]: spaceTokens[value as CanvasSpaceKeys] || value,
-  };
-};
-
-const rowReverse = (value: StackSpacing, isRTL = false) => {
-  const attr = isRTL ? 'marginLeft' : 'marginRight';
-  return {
-    [attr]: spaceTokens[value as CanvasSpaceKeys] || value,
-  };
-};
-
-const stackDirectionProps = {
-  column,
-  'column-reverse': columnReverse,
-  row,
-  'row-reverse': rowReverse,
-};
-
-export function stack<P extends StackStyleProps & {theme?: PartialEmotionCanvasTheme}>(props: P) {
-  let styles = {};
-  const {flexDirection = 'row', spacing} = props;
-  if (flexDirection === 'column' || flexDirection === 'column-reverse') {
-    const stackFn = stackDirectionProps[flexDirection];
-    styles = stackFn(spacing);
-  }
-
-  if (flexDirection === 'row' || flexDirection === 'row-reverse') {
-    // stack will always be used within the context of a component, but eslint doesn't know that
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const {canvas} = useTheme(props.theme);
-    const stackFn = stackDirectionProps[flexDirection];
-    const isRTL = canvas.direction === ContentDirection.RTL;
-    styles = stackFn(spacing, isRTL);
-  }
-
-  return {
-    [selector]: styles,
-  };
-}

package/layout/lib/utils/types.ts

@@ -1,45 +0,0 @@
-import {Globals, SelfPosition, ContentDistribution, ContentPosition} from 'csstype';
-
-// We're temporarily creating these types from csstype
-// to improve type completion until we move to csstype v3.
-
-// Flex
-export type PropertyAlignItems =
-  | Globals
-  | SelfPosition
-  | 'baseline'
-  | 'normal'
-  | 'stretch'
-  | (string & {});
-
-export type PropertyAlignContent =
-  | Globals
-  | ContentDistribution
-  | ContentPosition
-  | 'baseline'
-  | 'normal'
-  | (string & {});
-
-export type PropertyJustifyItems =
-  | Globals
-  | SelfPosition
-  | 'baseline'
-  | 'left'
-  | 'legacy'
-  | 'normal'
-  | 'right'
-  | 'stretch'
-  | (string & {});
-
-export type PropertyJustifyContent =
-  | Globals
-  | ContentDistribution
-  | ContentPosition
-  | 'left'
-  | 'normal'
-  | 'right'
-  | (string & {});
-
-export type PropertyFlexWrap = Globals | 'nowrap' | 'wrap' | 'wrap-reverse';
-
-export type PropertyFlexDirection = Globals | 'column' | 'column-reverse' | 'row' | 'row-reverse';

package/layout/package.json

@@ -1,5 +0,0 @@
-{
-  "main": "../dist/commonjs/layout",
-  "module": "../dist/es6/layout",
-  "sideEffects": false
-}

package/ts3.5/dist/commonjs/common/lib/Box.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import { BorderStyleProps } from './utils/border';
-import { ColorStyleProps } from './utils/color';
-import { DepthStyleProps } from './utils/depth';
-import { FlexItemStyleProps } from './utils/flexItem';
-import { LayoutStyleProps } from './utils/layout';
-import { OtherStyleProps } from './utils/other';
-import { PositionStyleProps } from './utils/position';
-import { SpaceStyleProps } from './utils/space';
-export declare type BoxProps = BorderStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & LayoutStyleProps & OtherStyleProps & PositionStyleProps & SpaceStyleProps & {
-    children?: React.ReactNode;
-};
-/**
- * `Box` is a primitive component that provides a common, ergonomic API around Canvas design tokens.
- * It is highly flexible, and its primary purpose is to build other components.
- *
- * @example
- * import { Box, BoxProps } from '@workday/canvas-kit-labs-react/common';
- *
- * interface CardProps extends BoxProps {
- *   // card-specific props
- * }
- *
- * // `Card`'s default values are set using `BoxProps`
- * const Card = (props: CardProps) => (
- *   <Box depth={2} padding="m" borderRadius="l" {...props}>Hello, Card!</Box>
- * );
- *
- */
-export declare const Box: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("./utils/border").BorderShorthandStyleProps & import("./utils/border").BorderColorStyleProps & import("./utils/border").BorderRadiusStyleProps & import("./utils/border").BorderLineStyleProps & import("./utils/border").BorderWidthStyleProps & import("./utils/border").BorderLogicalStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & LayoutStyleProps & OtherStyleProps & import("./utils/position").PositionStandardProps & import("./utils/position").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps>;
-//# sourceMappingURL=Box.d.ts.map

package/ts3.5/dist/commonjs/common/lib/utils/border.d.ts

@@ -1,103 +0,0 @@
-import { CanvasBorderRadiusKeys, CanvasColor } from '@workday/canvas-kit-react/tokens';
-import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
-import { PropertyBorder } from './types';
-/** style props to set the border properties */
-export declare type BorderShorthandStyleProps = {
-    /** sets `border` property */
-    border?: string;
-    /** sets `border-top` property */
-    borderTop?: string;
-    /** sets `border-right` property (no bidirectional support) */
-    borderRight?: string;
-    /** sets `border-bottom` property */
-    borderBottom?: string;
-    /** sets `border-left` property (no bidirectional support) */
-    borderLeft?: string;
-};
-/** style props to set the border color properties */
-export declare type BorderColorStyleProps = {
-    /** sets `border-color` property */
-    borderColor?: CanvasColor | (string & {});
-    /** sets `border-top-color` property */
-    borderTopColor?: CanvasColor | (string & {});
-    /** sets `border-right-color` property (no bidirectional support) */
-    borderRightColor?: CanvasColor | (string & {});
-    /** sets `border-bottom-color` property */
-    borderBottomColor?: CanvasColor | (string & {});
-    /** sets `border-left-color` property (no bidirectional support) */
-    borderLeftColor?: CanvasColor | (string & {});
-};
-/** style props to set the border radius properties */
-export declare type BorderRadiusStyleProps = {
-    /** sets `border-radius` property */
-    borderRadius?: CanvasBorderRadiusKeys | number | (string & {});
-    /** sets `border-top-left-radius` property */
-    borderTopLeftRadius?: CanvasBorderRadiusKeys | number | (string & {});
-    /** sets `border-top-right-radius` property */
-    borderTopRightRadius?: CanvasBorderRadiusKeys | number | (string & {});
-    /** sets `border-bottom-left-radius` property */
-    borderBottomLeftRadius?: CanvasBorderRadiusKeys | number | (string & {});
-    /** sets `border-bottom-right-radius` property */
-    borderBottomRightRadius?: CanvasBorderRadiusKeys | number | (string & {});
-};
-/** style props to set the border style properties */
-export declare type BorderLineStyleProps = {
-    /** sets `border-style` property */
-    borderStyle?: PropertyBorder;
-    /** sets `border-top-style` property */
-    borderTopStyle?: PropertyBorder;
-    /** sets `border-right-style` property (no bidirectional support) */
-    borderRightStyle?: PropertyBorder;
-    /** sets `border-bottom-style` property */
-    borderBottomStyle?: PropertyBorder;
-    /** sets `border-left-style` property (no bidirectional support) */
-    borderLeftStyle?: PropertyBorder;
-};
-/** style props to set the border width properties */
-export declare type BorderWidthStyleProps = {
-    /** sets `border-width` property */
-    borderWidth?: string | number;
-    /** sets `border-top-width` property */
-    borderTopWidth?: string | number;
-    /** sets `border-right-width` property (no bidirectional support) */
-    borderRightWidth?: string | number;
-    /** sets `border-bottom-width` property */
-    borderBottomWidth?: string | number;
-    /** sets `border-left-width` property (no bidirectional support) */
-    borderLeftWidth?: string | number;
-};
-export declare type BorderLogicalStyleProps = {
-    /** sets `border-left` property (bidirectional support) */
-    borderInlineStart?: string;
-    /** sets `border-left-color` property (bidirectional support) */
-    borderInlineStartColor?: CanvasColor | (string & {});
-    /** sets `border-left-style` property (bidirectional support) */
-    borderInlineStartStyle?: PropertyBorder;
-    /** sets `border-left-width` property (bidirectional support) */
-    borderInlineStartWidth?: string | number;
-    /** sets `border-right` property (bidirectional support) */
-    borderInlineEnd?: string;
-    /** sets `border-right-color` property (bidirectional support) */
-    borderInlineEndColor?: CanvasColor | (string & {});
-    /** sets `border-right-style` property (bidirectional support) */
-    borderInlineEndStyle?: PropertyBorder;
-    /** sets `border-right-width` property (bidirectional support) */
-    borderInlineEndWidth?: string | number;
-};
-/** a collection style props for border properties */
-export declare type BorderStyleProps = BorderShorthandStyleProps & BorderColorStyleProps & BorderRadiusStyleProps & BorderLineStyleProps & BorderWidthStyleProps & BorderLogicalStyleProps;
-/**
- * A style prop function that takes components props and returns border styles. Some props, such as borderRadius and borderColor, are connected to our design tokens.
- * If no `BorderStyleProps` are found, it returns an empty object.
- *
- * @example
- * // You'll most likely use `border` with low-level, styled components
- * const BoxExample = () => (
- *   <Box border={`solid 1px #333333 ${colors.blackPepper400}`}>Hello, border styles!</Box>
- * );
- *
- */
-export declare function border<P extends BorderStyleProps & {
-    theme?: PartialEmotionCanvasTheme;
-}>(props: P): {};
-//# sourceMappingURL=border.d.ts.map

package/ts3.5/dist/commonjs/common/lib/utils/color.d.ts

@@ -1,26 +0,0 @@
-import { colors as colorTokens, CanvasColor } from '@workday/canvas-kit-react/tokens';
-export declare type ColorTokens = typeof colorTokens;
-/** style props to for color properties */
-export declare type ColorStyleProps = {
-    /** sets `background` property */
-    background?: CanvasColor | (string & {});
-    /** sets `background-color` property */
-    backgroundColor?: CanvasColor | (string & {});
-    /** sets `background-image` property */
-    backgroundImage?: string;
-    /** sets `color` property */
-    color?: CanvasColor | (string & {});
-};
-/**
- * A style prop function that takes components props and returns color styles from canvas token values.
- * If no `ColorStyleProps` are found, it returns an empty object.
- *
- * @example
- * // You'll most likely use `color` with low-level, styled components
- * const BoxExample = () => (
- *   <Box backgroundColor="blueberry500" color="frenchVanilla100">Hello, colors!</Box>
- * );
- *
- */
-export declare function color<P extends ColorStyleProps>(props: P): {};
-//# sourceMappingURL=color.d.ts.map

package/ts3.5/dist/commonjs/common/lib/utils/depth.d.ts

@@ -1,22 +0,0 @@
-import { depth as depthTokens } from '@workday/canvas-kit-react/tokens';
-export declare type DepthTokens = typeof depthTokens;
-export declare type DepthTokenKeys = keyof DepthTokens;
-export declare type DepthTokenValues = DepthTokens[keyof DepthTokens];
-/** style props to for depth styles */
-export declare type DepthStyleProps = {
-    /** sets depth styles (box-shadow & border) */
-    depth?: DepthTokenKeys;
-};
-/**
- * A style prop function that takes components props and returns depth styles from canvas token values.
- * If no `DepthStyleProps` are found, it returns an empty object.
- *
- * @example
- * // You'll mostly likely use `depth` with low-level, styled components
- * const BoxExample = () => (
- *   <Box depth={3}>Hello, box shadows!</Box>
- * );
- *
- */
-export declare function depth<P extends DepthStyleProps>(props: P): DepthTokenValues;
-//# sourceMappingURL=depth.d.ts.map

package/ts3.5/dist/commonjs/common/lib/utils/flexItem.d.ts

@@ -1,33 +0,0 @@
-import { PropertyJustifySelf, PropertyAlignSelf, PropertyOrder } from './types';
-/** style props to for flexbox item properties */
-export declare type FlexItemStyleProps = {
-    /** sets `flex` property */
-    flex?: number | string;
-    /** sets `flex-grow` property */
-    flexGrow?: number | string;
-    /** sets `flex-shrink` property */
-    flexShrink?: number | string;
-    /** sets `flex-basis` property */
-    flexBasis?: number | string;
-    /** sets `justify-self` property */
-    justifySelf?: PropertyJustifySelf;
-    /** sets `align-self` property */
-    alignSelf?: PropertyAlignSelf;
-    /** sets `order` property */
-    order?: PropertyOrder;
-};
-/**
- * A style prop function that takes component props and returns flexbox item styles.
- * If no `FlexItemStyleProps` are found, it returns an empty object.
- *
- * @example
- * // You'll most likely use `flexItem` with low-level, styled components
- * const FlexItemExample = () => (
- *   <Box flex={1} flexBasis="auto" alignSelf={center}>
- *     Hello, flex item!
- *   </Box>
- * );
- *
- */
-export declare function flexItem<P extends FlexItemStyleProps>(props: P): {};
-//# sourceMappingURL=flexItem.d.ts.map

package/ts3.5/dist/commonjs/common/lib/utils/layout.d.ts

@@ -1,43 +0,0 @@
-import { PropertyDisplay, PropertyListStyle, PropertyOverflow, PropertyOverflowX, PropertyOverflowY, PropertyVerticalAlign } from './types';
-/** style props to for layout properties */
-export declare type LayoutStyleProps = {
-    /** sets `display` property */
-    display?: PropertyDisplay;
-    /** sets `height` property */
-    height?: number | string;
-    /** sets `list-style property */
-    listStyle?: PropertyListStyle;
-    /** sets `max-height` property */
-    maxHeight?: number | string;
-    /** sets `max-width` property */
-    maxWidth?: number | string;
-    /** sets `min-height` property */
-    minHeight?: number | string;
-    /** sets `min-width` property */
-    minWidth?: number | string;
-    /** sets `overflow` property */
-    overflow?: PropertyOverflow;
-    /** sets `overflow-x` property */
-    overflowX?: PropertyOverflowX;
-    /** sets `overflow-y` property */
-    overflowY?: PropertyOverflowY;
-    /** sets `vertical-align` property */
-    verticalAlign?: PropertyVerticalAlign;
-    /** sets `width` property */
-    width?: number | string;
-};
-/**
- * A style prop function that takes components props and returns layout styles.
- * If no `LayoutStyleProps` are found, it returns an empty object.
- *
- * @example
- * // You'll most likely use `layout` with low-level, styled components
- * const BoxExample = () => (
- *   <Box display="inline-block" height="50%">
- *     Hello, positions!
- *   </Box>
- * );
- *
- */
-export declare function layout<P extends LayoutStyleProps>(props: P): {};
-//# sourceMappingURL=layout.d.ts.map

package/ts3.5/dist/commonjs/common/lib/utils/other.d.ts

@@ -1,5 +0,0 @@
-export declare type OtherStyleProps = {
-    animation?: string;
-};
-export declare function other<P extends OtherStyleProps>(props: P): {};
-//# sourceMappingURL=other.d.ts.map

package/ts3.5/dist/commonjs/common/lib/utils/position.d.ts

@@ -1,41 +0,0 @@
-import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
-import { PropertyPosition, PropertyZIndex } from './types';
-/** style props to for standard position properties */
-export declare type PositionStandardProps = {
-    /** sets `position` property  */
-    position?: PropertyPosition;
-    /** sets `zIndex` property  */
-    zIndex?: PropertyZIndex;
-    /** sets `top` property  */
-    top?: number | string;
-    /** sets `right` property (no bidirectional support) */
-    right?: number | string;
-    /** sets `bottom` property  */
-    bottom?: number | string;
-    /** sets `left` property (no bidirectional support)  */
-    left?: number | string;
-};
-export declare type PositionLogicalProps = {
-    /** sets `left` property (bidirectional support)  */
-    insetInlineStart?: number | string;
-    /** sets `right` property (bidirectional support) */
-    insetInlineEnd?: number | string;
-};
-export declare type PositionStyleProps = PositionStandardProps & PositionLogicalProps;
-/**
- * A style prop function that takes components props and returns position styles.
- * If no `PositionProps` are found, it returns an empty object.
- *
- * @example
- * // You'll most likely use `position` with low-level, styled components
- * const BoxExample = () => (
- *   <Box position="absolute" top="50%">
- *     Hello, positions!
- *   </Box>
- * );
- *
- */
-export declare function position<P extends PositionStyleProps & {
-    theme?: PartialEmotionCanvasTheme;
-}>(props: P): {};
-//# sourceMappingURL=position.d.ts.map

package/ts3.5/dist/commonjs/common/lib/utils/space.d.ts

@@ -1,64 +0,0 @@
-import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
-import { CanvasSpaceKeys } from '@workday/canvas-kit-react/tokens';
-declare type SpacePropValues = CanvasSpaceKeys | number | (string & {});
-/** These props automatically adjust for bidirectionality (LTR & RTL) */
-export declare type SpaceLogicalProps = {
-    /** sets margin-left property (bidirectional support) */
-    marginInlineStart?: SpacePropValues;
-    /** sets margin-right property (bidirectional support) */
-    marginInlineEnd?: SpacePropValues;
-    /** sets padding-left property (bidirectional support) */
-    paddingInlineStart?: SpacePropValues;
-    /** sets padding-right property (bidirectional support) */
-    paddingInlineEnd?: SpacePropValues;
-};
-/** These props do not adjust for bidirectionality (LTR & RTL) */
-export declare type SpaceStandardProps = {
-    /** sets margin property */
-    margin?: SpacePropValues;
-    /** sets margin-left and margin-right properties */
-    marginX?: SpacePropValues;
-    /** sets margin-top and margin-bottom properties */
-    marginY?: SpacePropValues;
-    /** sets margin-top property */
-    marginTop?: SpacePropValues;
-    /** sets margin-right property (no bidirectional support) */
-    marginRight?: SpacePropValues;
-    /** sets margin-bottom property */
-    marginBottom?: SpacePropValues;
-    /** sets margin-left property (no bidirectional support) */
-    marginLeft?: SpacePropValues;
-    /** sets padding property */
-    padding?: SpacePropValues;
-    /** sets padding-left and margin-right properties */
-    paddingX?: SpacePropValues;
-    /** sets padding-top and padding-bottom properties */
-    paddingY?: SpacePropValues;
-    /** sets padding-top property */
-    paddingTop?: SpacePropValues;
-    /** sets padding-right property (no bidirectional support) */
-    paddingRight?: SpacePropValues;
-    /** sets padding-bottom */
-    paddingBottom?: SpacePropValues;
-    /** sets padding-left property (no bidirectional support) */
-    paddingLeft?: SpacePropValues;
-};
-export declare type SpaceStyleProps = SpaceStandardProps & SpaceLogicalProps;
-/**
- * A style prop function that takes component props and returns space styles.
- * If no `SpaceStyleProps` are found, it returns an empty object.
- *
- * @example
- * // You'll most likely use `space` with low-level, styled components
- * const BoxExample = () => (
- *   <Box padding="xs" margin="m">
- *     Hello, space!
- *   </Box>
- * );
- *
- */
-export declare function space<P extends SpaceStyleProps & {
-    theme?: PartialEmotionCanvasTheme;
-}>(props: P): {};
-export {};
-//# sourceMappingURL=space.d.ts.map

package/ts3.5/dist/commonjs/common/lib/utils/types.d.ts

@@ -1,14 +0,0 @@
-import { Globals, GlobalsNumber, SelfPosition, DisplayOutside, DisplayInside, DisplayInternal, DisplayLegacy, LineStyle } from 'csstype';
-export declare type PropertyBorder = Globals | LineStyle | (string & {});
-export declare type PropertyJustifySelf = Globals | SelfPosition | 'auto' | 'baseline' | 'left' | 'normal' | 'right' | 'stretch' | (string & {});
-export declare type PropertyAlignSelf = Globals | SelfPosition | 'auto' | 'baseline' | 'normal' | 'stretch' | (string & {});
-export declare type PropertyOrder = GlobalsNumber;
-export declare type PropertyDisplay = Globals | DisplayOutside | DisplayInside | DisplayInternal | DisplayLegacy | 'contents' | 'list-item' | 'none' | (string & {});
-export declare type PropertyListStyle = Globals | 'inside' | 'none' | 'outside' | (string & {});
-export declare type PropertyOverflow = Globals | '-moz-hidden-unscrollable' | 'auto' | 'clip' | 'hidden' | 'scroll' | 'visible' | (string & {});
-export declare type PropertyOverflowX = Globals | '-moz-hidden-unscrollable' | 'auto' | 'clip' | 'hidden' | 'scroll' | 'visible';
-export declare type PropertyOverflowY = Globals | '-moz-hidden-unscrollable' | 'auto' | 'clip' | 'hidden' | 'scroll' | 'visible';
-export declare type PropertyVerticalAlign = Globals | 'baseline' | 'bottom' | 'middle' | 'sub' | 'super' | 'text-bottom' | 'text-top' | 'top' | (string & {});
-export declare type PropertyPosition = Globals | '-webkit-sticky' | 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky';
-export declare type PropertyZIndex = GlobalsNumber | 'auto';
-//# sourceMappingURL=types.d.ts.map

package/ts3.5/dist/commonjs/layout/index.d.ts

@@ -1,5 +0,0 @@
-export * from './lib/Flex';
-export * from './lib/Stack';
-export { FlexStyleProps } from './lib/utils/flex';
-export { StackSpacing, StackDirection, StackStyleProps } from './lib/utils/stack';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/layout/lib/Flex.d.ts

@@ -1,26 +0,0 @@
-import { BoxProps } from '@workday/canvas-kit-labs-react/common';
-import { FlexStyleProps } from './utils/flex';
-export declare type FlexProps = BoxProps & FlexStyleProps;
-/**
- * `Flex` is a low-level layout component that provides a common, ergonomic API for applying CSS flexbox styles.
- * It is highly flexible, and can be used on its own or to build other components.
- * `Flex` is built on top of `Box` and has access to all `BoxProps`.
- *
- * @example
- * import { Flex, FlexProps } from '@workday/canvas-kit-labs-react/layout';
- *
- * interface CardProps extends FlexProps {
- *   // card-specific props
- * }
- *
- * // `Card`'s default values are set using `FlexProps`
- * const Card = (props: CardProps) => (
- *   <Flex flexDirection="column" alignItems="flex-start" depth={2} space="m" {...props}>
- *     <h1>Hello, Card!</h1>
- *     <p>This card uses flexbox to set its layout.</p>
- *   </Flex>
- * );
- *
- */
-export declare const Flex: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/other").OtherStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps & FlexStyleProps>;
-//# sourceMappingURL=Flex.d.ts.map