carbon-react 114.0.0 → 114.1.0

package/esm/components/pod/pod.d.ts

@@ -1,55 +0,0 @@
-import * as React from "react";
-
-export interface PodProps {
-  /** Enables/disables the border around the pod. */
-  border?: boolean;
-  /** Children elements */
-  children?: React.ReactNode;
-  /** Custom className */
-  className?: string;
-  /** Determines the padding around the pod */
-  size?: "none" | "extra-small" | "small" | "medium" | "large" | "extra-large";
-  /** Prop to apply a theme to the Pod */
-  variant?: "primary" | "secondary" | "tertiary" | "tile" | "transparent";
-  /** Title for the pod h4 element always shown */
-  title?: string | React.ReactNode;
-  /** Optional subtitle for the pod */
-  subtitle?: string;
-  /** Aligns the title to left, right or center */
-  alignTitle?: "left" | "center" | "right";
-  /** A component to render as a Pod footer */
-  footer?: string | React.ReactNode;
-  /** Supplies an edit action to the pod */
-  onEdit?:
-    | string
-    | Record<string, unknown>
-    | ((
-        ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>
-      ) => void);
-  /** Supplies a delete action to the pod */
-  onDelete?: (
-    ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>
-  ) => void;
-  /** Supplies an undo action to the pod in soft delete state. */
-  onUndo?: (
-    ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>
-  ) => void;
-  /** Sets soft delete state */
-  softDelete?: boolean;
-  /** Determines if the editable pod content should be full width */
-  editContentFullWidth?: boolean;
-  /** Determines if the edit button should be hidden until the user hovers over the content */
-  displayEditButtonOnHover?: boolean;
-  /** Determines if clicking the pod content calls the onEdit action */
-  triggerEditOnContent?: boolean;
-  /** Resets edit button styles to an older version */
-  internalEditButton?: boolean;
-  /** Sets Pod height, number is changed to pixels and string is passed as raw css value */
-  height?: string | number;
-}
-
-declare function Pod(
-  props: PodProps & React.RefAttributes<HTMLElement>
-): JSX.Element;
-
-export default Pod;

package/esm/components/tile/tile-footer/tile-footer.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import { PaddingProps } from "styled-system";
-
-export interface TileFooterProps extends PaddingProps {
-  /** set which background color variant should be used */
-  variant?: "default" | "black" | "transparent";
-}
-
-declare function TileFooter(
-  props: React.PropsWithChildren<TileFooterProps>
-): JSX.Element;
-
-export default TileFooter;

package/esm/components/tile/tile.d.ts

@@ -1,46 +0,0 @@
-import * as React from "react";
-import { SpaceProps } from "styled-system";
-
-export interface TileProps extends SpaceProps {
-  /** Sets the theme of the tile - either 'tile', 'transparent' or 'active' */
-  variant?: "tile" | "transparent" | "active";
-  /**
-   * The content to render within the tile. Each child will be wrapped with
-   * a TileContent wrapper, which allows any individual child component to take a
-   * percentage-based width prop, dictating the percentage of the tile width it will take up.
-   *
-   * Width will have no effect on a child component if the tile orientation is set to 'vertical'.
-   */
-  children?: React.ReactNode;
-  /** The orientation of the tile - set to either horizontal or vertical */
-  orientation?: "horizontal" | "vertical";
-  /**
-   * Set a pixel with for the Tile component. If both are set to non-zero values, this
-   * takes precedence over the percentage-based "width" prop.
-   */
-  pixelWidth?: number;
-  /**
-   * Set a percentage-based width for the whole Tile component, relative to its parent.
-   * If unset or zero, this will default to 100%.
-   */
-  width?: string | number;
-  /** Sets the border width by using these design tokens */
-  borderWidth?:
-    | "borderWidth000"
-    | "borderWidth100"
-    | "borderWidth200"
-    | "borderWidth300"
-    | "borderWidth400";
-  /** Sets the border variant that should be used */
-  borderVariant?:
-    | "default"
-    | "selected"
-    | "positive"
-    | "negative"
-    | "caution"
-    | "info";
-}
-
-declare function Tile(props: TileProps): JSX.Element;
-
-export default Tile;

package/lib/components/pod/pod.d.ts

@@ -1,55 +0,0 @@
-import * as React from "react";
-
-export interface PodProps {
-  /** Enables/disables the border around the pod. */
-  border?: boolean;
-  /** Children elements */
-  children?: React.ReactNode;
-  /** Custom className */
-  className?: string;
-  /** Determines the padding around the pod */
-  size?: "none" | "extra-small" | "small" | "medium" | "large" | "extra-large";
-  /** Prop to apply a theme to the Pod */
-  variant?: "primary" | "secondary" | "tertiary" | "tile" | "transparent";
-  /** Title for the pod h4 element always shown */
-  title?: string | React.ReactNode;
-  /** Optional subtitle for the pod */
-  subtitle?: string;
-  /** Aligns the title to left, right or center */
-  alignTitle?: "left" | "center" | "right";
-  /** A component to render as a Pod footer */
-  footer?: string | React.ReactNode;
-  /** Supplies an edit action to the pod */
-  onEdit?:
-    | string
-    | Record<string, unknown>
-    | ((
-        ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>
-      ) => void);
-  /** Supplies a delete action to the pod */
-  onDelete?: (
-    ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>
-  ) => void;
-  /** Supplies an undo action to the pod in soft delete state. */
-  onUndo?: (
-    ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>
-  ) => void;
-  /** Sets soft delete state */
-  softDelete?: boolean;
-  /** Determines if the editable pod content should be full width */
-  editContentFullWidth?: boolean;
-  /** Determines if the edit button should be hidden until the user hovers over the content */
-  displayEditButtonOnHover?: boolean;
-  /** Determines if clicking the pod content calls the onEdit action */
-  triggerEditOnContent?: boolean;
-  /** Resets edit button styles to an older version */
-  internalEditButton?: boolean;
-  /** Sets Pod height, number is changed to pixels and string is passed as raw css value */
-  height?: string | number;
-}
-
-declare function Pod(
-  props: PodProps & React.RefAttributes<HTMLElement>
-): JSX.Element;
-
-export default Pod;

package/lib/components/tile/tile-footer/tile-footer.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import { PaddingProps } from "styled-system";
-
-export interface TileFooterProps extends PaddingProps {
-  /** set which background color variant should be used */
-  variant?: "default" | "black" | "transparent";
-}
-
-declare function TileFooter(
-  props: React.PropsWithChildren<TileFooterProps>
-): JSX.Element;
-
-export default TileFooter;

package/lib/components/tile/tile.d.ts

@@ -1,46 +0,0 @@
-import * as React from "react";
-import { SpaceProps } from "styled-system";
-
-export interface TileProps extends SpaceProps {
-  /** Sets the theme of the tile - either 'tile', 'transparent' or 'active' */
-  variant?: "tile" | "transparent" | "active";
-  /**
-   * The content to render within the tile. Each child will be wrapped with
-   * a TileContent wrapper, which allows any individual child component to take a
-   * percentage-based width prop, dictating the percentage of the tile width it will take up.
-   *
-   * Width will have no effect on a child component if the tile orientation is set to 'vertical'.
-   */
-  children?: React.ReactNode;
-  /** The orientation of the tile - set to either horizontal or vertical */
-  orientation?: "horizontal" | "vertical";
-  /**
-   * Set a pixel with for the Tile component. If both are set to non-zero values, this
-   * takes precedence over the percentage-based "width" prop.
-   */
-  pixelWidth?: number;
-  /**
-   * Set a percentage-based width for the whole Tile component, relative to its parent.
-   * If unset or zero, this will default to 100%.
-   */
-  width?: string | number;
-  /** Sets the border width by using these design tokens */
-  borderWidth?:
-    | "borderWidth000"
-    | "borderWidth100"
-    | "borderWidth200"
-    | "borderWidth300"
-    | "borderWidth400";
-  /** Sets the border variant that should be used */
-  borderVariant?:
-    | "default"
-    | "selected"
-    | "positive"
-    | "negative"
-    | "caution"
-    | "info";
-}
-
-declare function Tile(props: TileProps): JSX.Element;
-
-export default Tile;