@workday/canvas-kit-react 8.0.0 → 8.0.2

package/text/lib/LabelText.tsx

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import {Property} from 'csstype';
+import {createComponent, styled, StyledType} from '@workday/canvas-kit-react/common';
+import {Text, TextProps} from '@workday/canvas-kit-react/text';
+import {inputColors} from '@workday/canvas-kit-react/tokens';
+
+export interface TypeLabelProps extends TextProps {
+  cursor?: Property.Cursor;
+  disabled?: boolean;
+}
+
+const StyledLabel = styled(Text.as('label'))<StyledType & TypeLabelProps>(
+  ({cursor, disabled, variant}) => ({
+    color: disabled && variant !== 'inverse' ? inputColors.disabled.text : undefined,
+    cursor: cursor && !disabled ? cursor : 'default',
+    opacity: disabled && variant === 'inverse' ? '.4' : '1',
+  })
+);
+
+/**
+ * ## LabelText
+ * [View Docs](https://canvas.workday.com/components/text/label-text)
+ *
+ * ---
+ * This component is intended to be used for labeling input fields.
+ * It's built on top of the `Text` component, so it has access to all `TextProps`.
+ * By default, it renders a semantic `label` element.
+ *
+ * It also uses the `subtext.large` typeLevel by default:
+ * - font-size: 14px (0.875rem)
+ * - font-weight: regular (400)
+ *
+ * @example
+ * ```tsx
+ * import { LabelText } from '@workday/canvas-kit-react/text';
+ *
+ * const CustomLabelText = () => (
+ *   <LabelText>Input Label Text</LabelText>
+ * );
+ * ```
+ */
+export const LabelText = createComponent('label')({
+  displayName: 'Label',
+  Component: (elemProps: TypeLabelProps, ref, Element) => {
+    return <StyledLabel ref={ref} as={Element} typeLevel="subtext.large" {...elemProps} />;
+  },
+});

package/text/lib/Text.tsx

@@ -0,0 +1,110 @@
+import * as React from 'react';
+import {createComponent} from '@workday/canvas-kit-react/common';
+// type changes no need
+import {type, CanvasTypeHierarchy, CanvasTypeVariants} from '@workday/canvas-kit-react/tokens';
+import {Box, BoxProps} from '@workday/canvas-kit-react/layout';
+
+export interface TextProps extends BoxProps {
+  /**
+   * Type token as string with level and size separated by dot.
+   * These values map to our [Canvas type levels](https://canvas.workday.com/tokens/type#type-styles).
+   * 
+   * @example
+   * ```tsx
+   * <Text typeLevel="body.small">Small body text</Text>
+   * ```
+  */
+  typeLevel?: `${keyof CanvasTypeHierarchy}.${'large'|'medium'|'small'}`;
+  /**
+   * Type variant token names: `error`, `hint` or `inverse`.
+   * 
+   * @example
+   * ```tsx
+   * <Text variant="error" typeLevel="subtext.large">Error text</Text>
+   * ```
+  */
+  variant?: keyof CanvasTypeVariants;
+}
+
+/**
+ * Function returns updated props by token and variant values
+*/
+const validateProps = ({typeLevel, variant, ...props}: TextProps) => {
+  let updatedProps: any = props;
+  const tokenPropNames = [
+    'color',
+    'fontFamily',
+    'fontSize',
+    'fontWeight',
+    'letterSpacing',
+    'lineHeight',
+  ];
+
+  /*
+  If token provided it updates undefined values of token styles:
+  `fontFamily`, `fontSize`, `lineHeight`, `fontWeight`, `color` 
+  by replacing them by token value
+  */
+  if (typeLevel) {
+    const [level, size] = typeLevel.split('.') as [
+      keyof CanvasTypeHierarchy,
+      'large' | 'medium' | 'small'
+    ];
+    const tokenProps = type.levels[level][size];
+
+    tokenPropNames.forEach(item => {
+      if (!props[item as keyof typeof props]) {
+        updatedProps[item] = tokenProps[item as keyof typeof tokenProps];
+      }
+    });
+  }
+
+  // If variant provided it updates color value by variant color
+  if (variant) {
+    updatedProps = {...updatedProps, ...type.variants[variant]};
+  }
+
+  return updatedProps;
+};
+
+/**
+ * ## Text
+ * [View Docs](https://canvas.workday.com/components/text/text)
+ * 
+ * ---
+ * This is a generic base component intended to render any text.
+ * It's built on top of the `Box` component, so it has access to all [BoxProps](https://canvas.workday.com/components/layout/box/#props).
+ * It also has `typeLevel` and `variant` style props that simplify navigating our type hierarchy and using [Canvas type tokens](https://canvas.workday.com/tokens/type#type-styles).
+ * By default, it renders a semantic `span` element, but you can adjust this as needed with the `as` prop.
+ * 
+ * The type hierarchy is organized into four levels, which correspond to our [Canvas type levels](https://canvas.workday.com/tokens/type#type-styles).
+ *
+ * - `title`: Intended to be used for large page titles.
+ * - `heading`: Intended to be used for headings and large text.
+ * - `body`: Intended to be used for standard body text.
+ * - `subtext`: Intended to be used for small subtext content or in tight spaces.
+ *
+ * Each level has three sizes: `large`, `medium`, and `small`.
+ * 
+ * You can provide any level and size to the `typeLevel` prop, and it will apply the correct styles accordingly.
+ * In the example below we're providing the `subtext` level and `small` size to the component with the value `subtext.small`.
+ * 
+ * @example
+ * ```tsx
+ * import { Text } from '@workday/canvas-kit-react/text';
+ * 
+ * const CustomErrorText = () => (
+ *   <Text typeLevel="subtext.small" variant="error">
+ *     Error Text
+ *   </Text>
+ * );
+ * ```
+*/
+export const Text = createComponent('span')({
+  displayName: 'Text',
+  Component: ({children, ...elemProps}: TextProps, ref, Element) => (
+    <Box ref={ref} as={Element} {...validateProps(elemProps)}>
+      {children}
+    </Box>
+  ),
+});

package/text/lib/TypeLevelComponents.tsx

@@ -0,0 +1,164 @@
+import * as React from 'react';
+import {createComponent} from '@workday/canvas-kit-react/common';
+import {Text, TextProps} from '@workday/canvas-kit-react/text';
+
+/**
+ * Prop interface for type level specific components:
+ * Title, Heading, BodyText, Subtext.
+ */
+export interface TypeLevelProps extends Omit<TextProps, 'typeLevel'> {
+  /**
+   * Each type level has three sizes: `large`, `medium`, and `small`.
+   */
+  size: 'large' | 'medium' | 'small';
+}
+
+/**
+ * ## Subtext
+ * [View Docs](https://canvas.workday.com/components/text/subtext)
+ *
+ * ---
+ * This component is intended to be used for small subtext content or in tight spaces.
+ * By default, it renders a semantic `p` element, but you can adjust this as needed with the `as` prop.
+ * It has three sizes: large, medium, and small.
+ * Here's a quick reference for font-sizes and weights:
+ *
+ * - `large`
+ *   - font-size: 14px (0.875rem)
+ *   - font-weight: regular (400)
+ * - `medium`
+ *   - font-size: 12px (0.75rem)
+ *   - font-weight: regular (400)
+ * - `small`
+ *   - font-size: 10px (0.625rem)
+ *   - font-weight: regular (400)
+ *
+ * @example
+ * ```tsx
+ * import { Subtext } from '@workday/canvas-kit-react/text';
+ *
+ * const CustomSubtext = () => (
+ *   <Subtext size="small">Subtext</Subtext>
+ * );
+ * ```
+ */
+export const Subtext = createComponent('p')({
+  displayName: 'Subtext',
+  Component: ({size, ...elemProps}: TypeLevelProps, ref, Element) => {
+    const typeLevel = `subtext.${size}` as TextProps['typeLevel'];
+    return <Text ref={ref} as={Element} typeLevel={typeLevel} {...elemProps} />;
+  },
+});
+
+/**
+ * ## BodyText
+ * [View Docs](https://canvas.workday.com/components/text/body-text)
+ *
+ * ---
+ * This component is intended to be used for standard body text.
+ * By default, it renders a semantic `p` element, but you can adjust this as needed with the `as` prop.
+ * It has three sizes: large, medium, and small.
+ * Here's a quick reference for font-sizes and weights:
+ *
+ * - `large`
+ *   - font-size: 20px (1.25rem)
+ *   - font-weight: regular (400)
+ * - `medium`
+ *   - font-size: 18px (1.125rem)
+ *   - font-weight: regular (400)
+ * - `small`
+ *   - font-size: 16px (1rem)
+ *   - font-weight: regular (400)
+ *
+ * @example
+ * ```tsx
+ * import { BodyText } from '@workday/canvas-kit-react/text';
+ *
+ * const CustomBodyText = () => (
+ *   <BodyText size="small">Body Text</BodyText>
+ * );
+ * ```
+ */
+export const BodyText = createComponent('p')({
+  displayName: 'BodyText',
+  Component: ({size, ...elemProps}: TypeLevelProps, ref, Element) => {
+    const typeLevel = `body.${size}` as TextProps['typeLevel'];
+    return (
+      <Text ref={ref} as={Element} typeLevel={typeLevel} {...elemProps} />
+    );
+  },
+});
+
+/**
+ * ## Heading
+ * [View Docs](https://canvas.workday.com/components/text/heading)
+ *
+ * ---
+ * This component is intended to be used for headings and large text.
+ * By default, it renders a semantic `h2` element, but you can adjust this as needed with the `as` prop.
+ * It has three sizes: large, medium, and small.
+ * Here's a quick reference for font-sizes and weights:
+ *
+ * - `large`
+ *   - font-size: 32px (2rem)
+ *   - font-weight: bold (700)
+ * - `medium`
+ *   - font-size: 28px (1.75rem)
+ *   - font-weight: bold (700)
+ * - `small`
+ *   - font-size: 24px (1.5rem)
+ *   - font-weight: bold (700)
+ *
+ * @example
+ * ```tsx
+ * import { Heading } from '@workday/canvas-kit-react/text';
+ *
+ * const CustomHeading = () => (
+ *   <Heading size="small">Heading Text</Heading>
+ * );
+ * ```
+ */
+export const Heading = createComponent('h2')({
+  displayName: 'Heading',
+  Component: ({size, ...elemProps}: TypeLevelProps, ref, Element) => {
+    const typeLevel = `heading.${size}` as TextProps['typeLevel'];
+    return <Text ref={ref} as={Element} typeLevel={typeLevel} {...elemProps} />;
+  },
+});
+
+/**
+ * ## Title
+ * [View Docs](https://canvas.workday.com/components/text/title)
+ *
+ * ---
+ * This component is intended to be used large page titles.
+ * By default, it renders a semantic `h1` element, but you can adjust this as needed with the `as` prop.
+ * It has three sizes: large, medium, and small.
+ * Here's a quick reference for font-sizes and weights:
+ *
+ * - `large`
+ *   - font-size: 56px (3/5rem)
+ *   - font-weight: bold (700)
+ * - `medium`
+ *   - font-size: 48px (3rem)
+ *   - font-weight: bold (700)
+ * - `small`
+ *   - font-size: 40px (2.5rem)
+ *   - font-weight: bold (700)
+ *
+ * @example
+ * ```tsx
+ * import { Title } from '@workday/canvas-kit-react/text';
+ *
+ * const CustomTitle = () => (
+ *   <Title size="small">Title Text</Title>
+ * );
+ * ```
+ */
+export const Title = createComponent('h1')({
+  displayName: 'Title',
+  Component: ({size, ...elemProps}: TypeLevelProps, ref, Element) => {
+    const typeLevel = `title.${size}` as TextProps['typeLevel'];
+    return <Text ref={ref} as={Element} typeLevel={typeLevel} {...elemProps} />;
+  },
+});

package/text/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../dist/commonjs/text",
+  "module": "../dist/es6/text",
+  "sideEffects": false,
+  "types": "../dist/es6/text"
+}

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,2 @@
-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,15 +19,11 @@ const IconContainer = styled('div')({
   right: space.xxs,
 });
 
-const InputIconContainer: React.FunctionComponent<InputIconContainerProps> = ({
-  grow,
-  children,
-  icon,
-}) => (
+export const InputIconContainer: React.FunctionComponent<React.PropsWithChildren<
+  InputIconContainerProps
+>> = ({grow, children, icon}) => (
   <Container grow={grow}>
     {children}
     {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/toast/lib/Toast.tsx

@@ -66,7 +66,6 @@ const StyledActionButton = styled(Hyperlink)<StyledType>({
 
 const Message = styled('div')({
   wordBreak: 'break-word',
-  wordWrap: 'break-word', // Needed for IE11
 });
 
 export const Toast = createComponent('div')({
@@ -92,11 +91,11 @@ export const Toast = createComponent('div')({
         ref={ref}
         as={Element}
         width={toastWidth}
-        padding="s"
         depth={5}
         role={isInteractive ? 'dialog' : isError ? 'alert' : 'status'}
         aria-live={isInteractive ? 'off' : isError ? 'assertive' : 'polite'}
         aria-atomic={!isInteractive}
+        padding="xxs"
         {...elemProps}
       >
         {onClose && <Popup.CloseIcon aria-label="Close" onClick={onClose} size="small" />}

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/colors.types.ts

@@ -27,11 +27,8 @@ export enum BrandingColor {
   BlackPepper = 'blackPepper',
 }
 
-// See https://stackoverflow.com/questions/51465182/typescript-remove-index-signature-using-mapped-types/51956054
-type KnownKeys<T> = {
-  [K in keyof T]: string extends K ? never : number extends K ? never : K;
-} extends {[_ in keyof T]: infer U}
-  ? U
-  : never;
+type RemoveIndex<T> = {
+  [ K in keyof T as string extends K ? never : number extends K ? never : K ] : T[K]
+};
 
-export type CanvasColor = KnownKeys<typeof colors>;
+export type CanvasColor = keyof RemoveIndex<typeof colors>;

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';

package/tooltip/lib/OverflowTooltip.tsx

@@ -20,7 +20,6 @@ export const findOverflowElement = (element: Element): Element | null => {
   ) {
     return element;
   } else if (element.children) {
-    // `children` is not defined for SVGElement in IE11
     for (let i = 0; i < element.children.length; i++) {
       const overflowElement = findOverflowElement(element.children[i]);
       if (overflowElement) {
@@ -40,8 +39,7 @@ export const findEllipsisElement = (element: Element): Element | null => {
   const style = getComputedStyle(element);
   if (style.textOverflow === 'ellipsis' || Number(style.webkitLineClamp) > 0) {
     return element;
-  } else if (element.children) {
-    // `children` is not defined for SVGElement in IE11
+  } else {
     for (let i = 0; i < element.children.length; i++) {
       const overflowElement = findEllipsisElement(element.children[i]);
       if (overflowElement) {
@@ -50,7 +48,6 @@ export const findEllipsisElement = (element: Element): Element | null => {
     }
     return null;
   }
-  return null;
 };
 
 const isOverflowed = (element: Element) => {

package/tooltip/lib/TooltipContainer.tsx

@@ -78,6 +78,12 @@ export const TooltipContainer = styled('div')<TooltipContainerProps>(
       },
     },
 
+    // Hide tooltip when the reference element is either clipped or fully hidden
+    '[data-popper-reference-hidden] &': {
+      visibility: 'hidden',
+      pointerEvents: 'none',
+    },
+
     // Fix offsets based on placement
     '[data-popper-placement="top-start"] &, [data-popper-placement="bottom-start"] &': {
       left: -spaceNumbers.xxxs,

package/tooltip/lib/useTooltip.tsx

@@ -4,6 +4,7 @@ import {
   useAlwaysCloseOnOutsideClick,
   usePopupModel,
   useCloseOnFullscreenExit,
+  useCloseOnTargetHidden,
 } from '@workday/canvas-kit-react/popup';
 import {useUniqueId} from '@workday/canvas-kit-react/common';
 
@@ -128,6 +129,7 @@ export function useTooltip<T extends Element = Element>({
   useCloseOnEscape(popupModel);
   useAlwaysCloseOnOutsideClick(popupModel);
   useCloseOnFullscreenExit(popupModel);
+  useCloseOnTargetHidden(popupModel);
 
   const visible = popupModel.state.visibility !== 'hidden';
 

package/dist/commonjs/common/lib/utils/StaticStates.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
-import { CSSProperties } from '@workday/canvas-kit-react/tokens';
-export declare const convertToStaticStates: (obj?: CSSProperties | undefined) => CSSProperties | undefined;
-export declare const StaticStates: React.FC<{
-    theme?: PartialEmotionCanvasTheme;
-} & React.HTMLAttributes<HTMLElement>>;
-//# sourceMappingURL=StaticStates.d.ts.map

package/dist/commonjs/common/lib/utils/StaticStates.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StaticStates.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/StaticStates.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,yBAAyB,EAC1B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAE/D,eAAO,MAAM,qBAAqB,uCAA0B,aAAa,GAAG,SAoB3E,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,yBAAyB,CAAA;CAAC,GAAG,KAAK,CAAC,cAAc,CAC5F,WAAW,CACZ,CASA,CAAC"}

package/dist/commonjs/layout/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/dist/commonjs/layout/lib/utils/border.d.ts.map

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