@oaknational/oak-components 2.21.0 → 2.23.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/types.d.ts +8 -1
- package/package.json +1 -1
package/dist/types.d.ts
CHANGED
|
@@ -771,6 +771,8 @@ declare const icons: {
|
|
|
771
771
|
readonly data: "v1763393164/icons/data-illustration_ukwdxg.svg";
|
|
772
772
|
readonly chatting: "v1763393163/icons/chatting-illustration_l52zaf.svg";
|
|
773
773
|
readonly "snack-break": "v1763393167/icons/snackbreak_illustration_fguw7l.svg";
|
|
774
|
+
readonly "class-grouping": "v1776785621/icons/class-grouping.svg";
|
|
775
|
+
readonly strand: "v1776850533/icons/strand.svg";
|
|
774
776
|
readonly "subject-art": "v1706616347/subject-icons/art.svg";
|
|
775
777
|
readonly "subject-biology": "v1706616415/subject-icons/biology.svg";
|
|
776
778
|
readonly "subject-chemistry": "v1706616415/subject-icons/chemistry.svg";
|
|
@@ -866,6 +868,7 @@ declare const icons: {
|
|
|
866
868
|
readonly list: "v1774882349/icons/List.svg";
|
|
867
869
|
readonly "media-clips": "v1774884267/icons/media-clips_nw3zpt.svg";
|
|
868
870
|
readonly retake: "v1775141914/icons/retake-icon_xgqxzv.svg";
|
|
871
|
+
readonly globe: "v1776851811/icons/globe.svg";
|
|
869
872
|
};
|
|
870
873
|
type IconName = keyof typeof icons;
|
|
871
874
|
|
|
@@ -3547,6 +3550,10 @@ type OakCardProps = {
|
|
|
3547
3550
|
* The name of the icon to be displayed next to the link text in the card.
|
|
3548
3551
|
*/
|
|
3549
3552
|
linkIconName?: OakIconName;
|
|
3553
|
+
/**
|
|
3554
|
+
* The background colour of the card on hover.
|
|
3555
|
+
*/
|
|
3556
|
+
hoverBackground?: OakUiRoleToken;
|
|
3550
3557
|
};
|
|
3551
3558
|
/**
|
|
3552
3559
|
* A highly customisable card component that displays a heading and takes a href at minimum.
|
|
@@ -3556,7 +3563,7 @@ type OakCardProps = {
|
|
|
3556
3563
|
* The card can be oriented in a row or column layout and its width can be adjusted using spacing tokens.
|
|
3557
3564
|
* The image aspect ratio can be set to either 1:1 or 4:3.
|
|
3558
3565
|
*/
|
|
3559
|
-
declare const OakCard: ({ heading, headingLevel, href, cardOrientation, cardWidth, imageSrc, imageAlt, aspectRatio, subCopy, tagName, tagBackground, linkText, linkIconName, }: OakCardProps) => React__default.JSX.Element;
|
|
3566
|
+
declare const OakCard: ({ heading, headingLevel, href, cardOrientation, cardWidth, imageSrc, imageAlt, aspectRatio, subCopy, tagName, tagBackground, linkText, linkIconName, hoverBackground, }: OakCardProps) => React__default.JSX.Element;
|
|
3560
3567
|
|
|
3561
3568
|
type OakBreadcrumb = {
|
|
3562
3569
|
text: string;
|