@oaknational/oak-components 2.20.0 → 2.22.0

package/dist/types.d.ts

@@ -866,6 +866,7 @@ declare const icons: {
     readonly list: "v1774882349/icons/List.svg";
     readonly "media-clips": "v1774884267/icons/media-clips_nw3zpt.svg";
     readonly retake: "v1775141914/icons/retake-icon_xgqxzv.svg";
+    readonly globe: "v1776851811/icons/globe.svg";
 };
 type IconName = keyof typeof icons;
 
@@ -3499,6 +3500,10 @@ type OakCardProps = {
      * The heading text of the card.
      */
     heading: string;
+    /**
+     * The heading level of the card.
+     */
+    headingLevel?: OakHeadingTag;
     /**
      * The URL that the card links to.
      */
@@ -3543,6 +3548,10 @@ type OakCardProps = {
      * The name of the icon to be displayed next to the link text in the card.
      */
     linkIconName?: OakIconName;
+    /**
+     * The background colour of the card on hover.
+     */
+    hoverBackground?: OakUiRoleToken;
 };
 /**
  * A highly customisable card component that displays a heading and takes a href at minimum.
@@ -3552,7 +3561,7 @@ type OakCardProps = {
  * The card can be oriented in a row or column layout and its width can be adjusted using spacing tokens.
  * The image aspect ratio can be set to either 1:1 or 4:3.
  */
-declare const OakCard: ({ heading, href, cardOrientation, cardWidth, imageSrc, imageAlt, aspectRatio, subCopy, tagName, tagBackground, linkText, linkIconName, }: OakCardProps) => React__default.JSX.Element;
+declare const OakCard: ({ heading, headingLevel, href, cardOrientation, cardWidth, imageSrc, imageAlt, aspectRatio, subCopy, tagName, tagBackground, linkText, linkIconName, hoverBackground, }: OakCardProps) => React__default.JSX.Element;
 
 type OakBreadcrumb = {
     text: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oaknational/oak-components",
-  "version": "2.20.0",
+  "version": "2.22.0",
   "licence": "MIT",
   "description": "Shared components for Oak applications",
   "main": "dist/cjs/index.js",