@enact/limestone 1.10.1 → 1.10.2

package/Card/Card.d.ts

@@ -1,8 +1,8 @@
 // Type definitions for limestone/Card
 
-import { MarqueeControllerProps as limestone_Marquee_MarqueeControllerProps } from "limestone/Marquee";
+import { MarqueeControllerProps as limestone_Marquee_MarqueeControllerProps } from "@enact/limestone/Marquee";
 import { SpottableProps as spotlight_Spottable_SpottableProps } from "@enact/spotlight/Spottable";
-import { SkinnableProps as limestone_Skinnable_SkinnableProps } from "limestone/Skinnable";
+import { SkinnableProps as limestone_Skinnable_SkinnableProps } from "@enact/limestone/Skinnable";
 import { CardProps as ui_Card_CardProps } from "@enact/ui/Card";
 import * as React from "react";
 
@@ -21,6 +21,31 @@ a specific screenSize.
    */
   "aria-label"?: string;
   /**
+ * Sources for the image icon.
+ * 
+ * An array of String values or Objects of values used to determine which image will appear on
+a specific screenSize. This prop is only used when  `orientation`  is  `'vertical'` .
+ */
+  captionImageIconsSrc?: string[] | object[];
+  /**
+   * The size of the caption images.
+   *
+   * The following properties should be provided:
+   * *  `height`  - The height of the image
+   * *  `width`  - The width of the image
+   */
+  captionImageSize?: object;
+  /**
+ * Determines whether the caption will overflow the card container or not.
+It only applies when  `orientation`  is  `'vertical'`  and  `captionOverlay`  and  `captionOverlayOnFocus`  is  `false` .
+ */
+  captionOverflow?: boolean;
+  /**
+ * Determines whether the caption will overflow the card container and show only on card focus.
+It only applies when  `orientation`  is  `'vertical'`  and  `captionOverlay`  and  `captionOverlayOnFocus`  is  `false` .
+ */
+  captionOverflowOnFocus?: boolean;
+  /**
  * Determines whether the caption will be placed over the image or not.
 It only applies when  `orientation`  is  `'vertical'` .
  */
@@ -34,6 +59,11 @@ It only applies when  `orientation`  is  `'vertical'` .
    * Centers the captions when  `imageIconSrc`  is not provided.
    */
   centered?: boolean;
+  /**
+ * Centers the title and  `imageIconSrc`  horizontally and vertically.
+It only applies when  `captionOverlay`  or  `captionOverlayOnFocus`  is  `true` .
+ */
+  centeredTitle?: boolean;
   /**
    * The primary caption displayed with the image.
    */
@@ -47,6 +77,14 @@ corresponding internal elements and states of this component.
    * Disables Card and becomes non-interactive.
    */
   disabled?: boolean;
+  /**
+   * Media's entire duration in seconds.
+   */
+  duration?: number;
+  /**
+   * Determines whether the  `Duration`  will be placed over the image or not.
+   */
+  durationOverlay?: boolean;
   /**
    * Fits the image to its height and width and positions it on the center of the Card.
    */
@@ -63,10 +101,10 @@ When  `orientation`  is  `'horizontal'` , this prop is always  `true`  and provi
   /**
  * Source for the image icon.
  * 
- * String value or Object of values used to determine which image will appear on
-a specific screenSize. This prop is only used when  `orientation`  is  `'vertical'` .
+ * String value or element or Object of values used to determine which image will appear on
+a specific screenSize. This prop is only used when  `orientation`  is  `'vertical'`  or  `centeredTitle`  is  `true` .
  */
-  imageIconSrc?: string | object;
+  imageIconSrc?: string | object | JSX.Element;
   /**
    * The size of the image.
    *
@@ -79,6 +117,12 @@ a specific screenSize. This prop is only used when  `orientation`  is  `'vertica
    * A secondary caption displayed with the image.
    */
   label?: string;
+  /**
+   * Icons to be included with the secondary caption.
+   *
+   * Typically, up to 3 icons are used.
+   */
+  labelIcons?: JSX.Element | JSX.Element[];
   /**
    * The layout orientation of the component.
    */
@@ -88,29 +132,57 @@ a specific screenSize. This prop is only used when  `orientation`  is  `'vertica
    */
   placeholder?: string;
   /**
-   * The primary badge image source.
+   * The primary badge.
    */
-  primaryBadgeSrc?: string | object;
+  primaryBadge?: JSX.Element | string;
+  /**
+ * The size of the primary badge. Can be a number or an object with specific dimensions.
+The following properties should be provided for the object:
+ * *  `height`  - The height of the badge
+ * *  `width`  - The width of the badge
+ */
+  primaryBadgeSize?: object | number;
   /**
    * The progress displayed inside the ProgressBar
    */
   progress?: number;
+  /**
+   * Determines whether the  `ProgressBar`  will be placed over the image or not.
+   */
+  progressBarOverlay?: boolean;
   /**
    * Set to  `true`  to display the image with rounded corners.
    */
   roundedImage?: boolean;
   /**
-   * The secondary badge image source.
+   * The secondary badge.
    */
-  secondaryBadgeSrc?: string | object;
+  secondaryBadge?: JSX.Element | string;
+  /**
+ * The size of the secondary badge. Can be a number or an object with specific dimensions.
+The following properties should be provided for the object:
+ * *  `height`  - The height of the badge
+ * *  `width`  - The width of the badge
+ */
+  secondaryBadgeSize?: object | number;
   /**
    * A ternary caption displayed with the image.
    */
   secondaryLabel?: string;
+  /**
+   * Icons to be included with the ternary caption.
+   *
+   * Typically, up to 3 icons are used.
+   */
+  secondaryLabelIcons?: JSX.Element | JSX.Element[];
   /**
    * Applies a selected visual effect to the image.
    */
   selected?: boolean;
+  /**
+   * Activates the 'Duration'.
+   */
+  showDuration?: boolean;
   /**
    * Activates the 'ProgressBar'.
    */