@arc-ui/components 8.0.0 → 8.2.0

package/dist/types/components/Card/Card.d.ts

@@ -35,6 +35,10 @@ declare const CardImage: FC<{
      * Height of the Card.Image.
      */
     height?: number;
+    /**
+     * Loading behaviour of the Card.Image.
+     */
+    loading?: "eager" | "lazy";
     /**
      * The HTML [sizes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes) attribute. Required if srcSet is defined.
      */
@@ -78,6 +82,10 @@ export interface CardProps extends HTMLAttributes<HTMLElement> {
      * Height of the Card cover image.
      */
     imageHeight?: number;
+    /**
+     * Loading behaviour of the Card cover image.
+     */
+    imageLoading?: "eager" | "lazy";
     /**
      * HTML src for the Card cover image.
      */

package/dist/types/components/Image/Image.d.ts

@@ -5,6 +5,7 @@ import { anchorPoints } from "../../helpers";
  */
 declare const Image: FC<ImageProps>;
 export declare const fitOptions: readonly ["cover"];
+export declare const loadingOptions: readonly ["eager", "lazy"];
 export declare const overlayOptions: readonly ["scrimBottomDark"];
 export interface ImageProps extends HTMLAttributes<HTMLElement> {
     /**
@@ -27,6 +28,10 @@ export interface ImageProps extends HTMLAttributes<HTMLElement> {
      * Height of the Image, in pixels
      */
     height?: number;
+    /**
+     * Loading behaviour of the Image.
+     */
+    loading?: typeof loadingOptions[number];
     /**
      * Apply an overlay to the Image, e.g. a scrim gradient for text legibility.
      * Should not be used if the image has a rasterized overlay.

package/dist/types/components/Poster/PosterImage.d.ts

@@ -1,5 +1,6 @@
 import { FC } from "react";
 import { anchorPoints } from "../../helpers";
+import { loadingOptions } from "../Image/Image";
 export declare const PosterImage: FC<PosterImageProps>;
 export interface PosterImageProps {
     /**
@@ -10,6 +11,10 @@ export interface PosterImageProps {
      * Anchor point for the Poster.Image.
      */
     anchor?: typeof anchorPoints[number];
+    /**
+     * Loading behaviour of the Poster.Image.
+     */
+    loading?: typeof loadingOptions[number];
     /**
      * The HTML [sizes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes) attribute for the Poster.Image. Required if `srcSet` is defined.
      */

package/dist/types/components/Surface/Surface.d.ts

@@ -7,9 +7,9 @@ declare const Context: React.Context<{
  * Use `Surface` to compose content using the Arc system.
  */
 declare const Surface: FC<SurfaceProps>;
-export declare const backgrounds: readonly ["black", "brand", "brand-flat", "dark", "darker", "light", "lighter", "white"];
-export declare const backgroundsBT: readonly ["black", "brand", "brand-flat", "dark", "darker", "light", "lighter", "white"];
-export declare const backgroundsEE: readonly ["black", "brand", "brand-flat", "dark", "darker", "light", "lighter", "white"];
+export declare const backgrounds: readonly ["black", "brand", "brand-flat", "dark", "darker", "coral", "turquoise", "light", "lighter", "white"];
+export declare const backgroundsBT: readonly ["black", "brand", "brand-flat", "dark", "darker", "coral", "turquoise", "light", "lighter", "white"];
+export declare const backgroundsEE: readonly ["black", "brand", "brand-flat", "dark", "darker", "coral", "turquoise", "light", "lighter", "white"];
 export declare type SurfacePadding = "8" | "12" | "16" | "24" | "32" | "48" | "64";
 export interface SurfaceProps extends HTMLAttributes<HTMLElement> {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/components",
-  "version": "8.0.0",
+  "version": "8.2.0",
   "homepage": "https://ui.digital-ent-int.bt.com",
   "author": "BT Enterprise Digital UI Team <ui-digital-ent-int@bt.com>",
   "main": "dist/index.js",
@@ -25,8 +25,8 @@
     "react": "^17.0.0"
   },
   "devDependencies": {
-    "@arc-ui/fonts": "^8.0.0",
-    "@arc-ui/tokens": "^8.0.0",
+    "@arc-ui/fonts": "^8.2.0",
+    "@arc-ui/tokens": "^8.2.0",
     "@babel/core": "^7.14.3",
     "@babel/helper-define-map": "^7.14.3",
     "@storybook/addon-essentials": "^6.3.6",