@oaknational/oak-components 0.0.32 → 0.0.34

package/dist/types.d.ts

@@ -1,7 +1,7 @@
 import * as styled_components from 'styled-components';
 import { CSSProperties as CSSProperties$1 } from 'styled-components';
 import * as React$1 from 'react';
-import React__default, { CSSProperties, MouseEventHandler, ElementType, ComponentPropsWithoutRef, FC, ReactNode, FocusEvent, DetailedHTMLProps, InputHTMLAttributes, ChangeEventHandler, ReactElement, ComponentProps } from 'react';
+import React__default, { CSSProperties, MouseEventHandler, ElementType, ComponentPropsWithoutRef, FC, ComponentPropsWithRef, ReactNode, FocusEvent, DetailedHTMLProps, InputHTMLAttributes, ChangeEventHandler, ReactElement, ComponentProps } from 'react';
 import * as Image from 'next/image';
 import Image__default, { ImageProps as ImageProps$1 } from 'next/image';
 import * as next_dist_shared_lib_get_img_props from 'next/dist/shared/lib/get-img-props';
@@ -550,7 +550,7 @@ declare const icons: {
     readonly share: "v1699895363/icons/agcmduftef3wcla6gzec.svg";
     readonly "arrow-right": "v1707149070/icons/fv0z57zerrioft52dd9n.svg";
     readonly "worksheet-3": "v1699895429/icons/bzhojpjxp9rukdvh7daz.svg";
-    readonly "chevron-right": "v1707146553/icons/rhzft6wnpdp3nvsmlyei.svg";
+    readonly "chevron-right": "v1707752509/icons/vk9xxxhnsltsickom6q9.svg";
     readonly save: "v1699895505/icons/rh1ahwwtbemvz0ihluew.svg";
     readonly "quiz-3": "v1699895534/icons/zoayhgtrotv32fad7d3k.svg";
     readonly "chevron-down": "v1699953557/icons/botfld6brychmttwtv6u.svg";
@@ -565,7 +565,7 @@ declare const icons: {
     readonly "sign-language": "v1699953861/icons/ns94ozvozzi22enxkx0x.svg";
     readonly external: "v1699953892/icons/hlxmejse3mcr4tqo6t8u.svg";
     readonly "equipment-required": "v1699953925/icons/pw22bdhj2vrzfv2ogi4e.svg";
-    readonly "chevron-left": "v1707146774/icons/xpp10hijwzhyeqt6ylqf.svg";
+    readonly "chevron-left": "v1707752509/icons/rbvzan0ozubmr4j0uqdn.svg";
     readonly download: "v1699953991/icons/dk0f6a6hdpzxftjosngn.svg";
     readonly search: "v1704901279/icons/canbi3fuz5fanzom2hvi.svg";
     readonly "chevron-up": "v1699954058/icons/pay71thmhhylj7z28sj1.svg";
@@ -645,6 +645,7 @@ type OakGridProps = OakBoxProps & {
     $gridAutoRows?: ResponsiveValues<"1fr">;
     $gridTemplateAreas?: ResponsiveValues<string>;
     $gridTemplateColumns?: ResponsiveValues<string>;
+    $gridTemplateRows?: ResponsiveValues<string>;
 };
 declare const OakGrid: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
     children?: React$1.ReactNode;
@@ -656,6 +657,7 @@ declare const OakGrid: styled_components.StyledComponent<"div", styled_component
     $gridAutoRows?: ResponsiveValues<"1fr"> | undefined;
     $gridTemplateAreas?: ResponsiveValues<string> | undefined;
     $gridTemplateColumns?: ResponsiveValues<string> | undefined;
+    $gridTemplateRows?: ResponsiveValues<string> | undefined;
 }, never>;
 
 type ColRowSpan = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
@@ -758,6 +760,14 @@ type OakLoadingSpinnerProps = Pick<SizeStyleProps, "$width"> & ColorStyleProps &
 };
 declare const OakLoadingSpinner: (props: OakLoadingSpinnerProps) => React__default.JSX.Element;
 
+type ElementProp<C extends ElementType> = {
+    element?: C;
+};
+type PolymorphicRef<C extends React.ElementType> = ComponentPropsWithRef<C>["ref"];
+type PolymorphicPropsWithRef<C extends ElementType> = ElementProp<C> & ComponentPropsWithoutRef<C> & {
+    ref?: PolymorphicRef<C>;
+};
+
 type StyledButtonProps = TypographyStyleProps & SpacingStyleProps & ColorStyleProps & DisplayStyleProps & BorderStyleProps & DropShadowStyleProps & {
     isLoading?: boolean;
 };
@@ -1148,6 +1158,19 @@ type OakCollapsibleContentProps = ComponentProps<typeof OakFlex> & {
  */
 declare const OakCollapsibleContent: ({ isOpen, children, id, ...rest }: OakCollapsibleContentProps) => React__default.JSX.Element;
 
+type OakLinkProps = {
+    iconName?: OakIconProps["iconName"];
+    isTrailingIcon?: boolean;
+    isLoading?: boolean;
+};
+type OakLinkComponent = <C extends React__default.ElementType = "a">(props: PolymorphicPropsWithRef<C> & OakLinkProps) => React__default.ReactNode;
+/**
+ * A blue link with an optional icon and loading state.
+ *
+ * Defaulting to a `HTMLAnchorElement` this component is polymorphic and can be rendered as a button or any other element.
+ */
+declare const OakLink: OakLinkComponent;
+
 type OakQuizCheckBoxProps = Omit<BaseCheckBoxProps, "defaultChecked"> & {
     feedback?: "correct" | "incorrect" | null;
     image?: React__default.JSX.Element;
@@ -1370,4 +1393,4 @@ type OakLessonVideoTranscriptProps = {
  */
 declare const OakLessonVideoTranscript: ({ children, id, signLanguageControl, }: OakLessonVideoTranscriptProps) => React__default.JSX.Element;
 
-export { HeadingTagComponent, type OakAllSpacingToken, OakBackLink, type OakBackLinkProps, type OakBorderRadiusToken, type OakBorderWidthToken, OakBox, type OakBoxProps, OakBulletList, type OakBulletListProps, OakCardHeader, type OakCardHeaderprops, OakCheckBox, type OakCheckBoxProps, OakCloudinaryConfigProvider, OakCloudinaryImage, type OakCloudinaryImageProps, OakCollapsibleContent, type OakCollapsibleContentProps, type OakColorToken, type OakCombinedColorToken, type OakCombinedSpacingToken, type OakDropShadowToken, OakFieldError, type OakFieldErrorProps, OakFlex, type OakFlexProps, type OakFontSizeToken, type OakFontToken, OakForm, type OakFormProps, OakGrid, OakGridArea, type OakGridAreaProps, type OakGridProps, type OakHandDrawnBoxWithIconProps, OakHandDrawnCard, type OakHandDrawnCardProps, OakHandDrawnCardWithIcon, OakHeading, type OakHeadingProps, type OakHeadingTag, OakHintButton, type OakHintButtonProps, OakIcon, type OakIconName, type OakIconProps, OakImage, type OakImageProps, type OakInfoCardProps, type OakInnerPaddingToken, OakLI, type OakLIProps, OakLabel, type OakLabelProps, OakLessonBottomNav, type OakLessonBottomNavProps, OakLessonInfoCard, OakLessonLayout, type OakLessonLayoutProps, OakLessonNavItem, type OakLessonNavItemProps, OakLessonReviewItem, type OakLessonReviewItemProps, OakLessonTopNav, type OakLessonTopNavProps, OakLessonVideoTranscript, OakLoadingSpinner, type OakLoadingSpinnerProps, OakMaxWidth, OakOL, type OakOLProps, type OakOpacityToken, OakP, type OakPProps, OakPrimaryButton, type OakPrimaryButtonProps, OakPrimaryInvertedButton, type OakPrimaryInvertedButtonProps, OakPrimaryNav, OakPrimaryNavItem, type OakPrimaryNavItemProps, type OakPrimaryNavProps, OakPromoTag, OakQuizCheckBox, type OakQuizCheckBoxProps, OakQuizCounter, type OakQuizCounterProps, OakQuizFeedback, type OakQuizFeedbackProps, OakQuizHint, type OakQuizHintProps, OakQuizRadioButton, type OakQuizRadioButtonProps, OakQuizTextInput, OakRadioButton, OakRadioGroup, OakRoundIcon, type OakRoundIconProps, OakSecondaryButton, type OakSecondaryButtonProps, type OakSpaceBetweenToken, OakSpan, type OakSpanProps, OakStaticMessageCard, OakSubjectIcon, type OakSubjectIconProps, OakTertiaryButton, OakTextInput, type OakTextInputProps, type OakTheme, OakThemeProvider, type OakThemeProviderProps, OakTooltip, type OakTransitionToken, OakTypography, type OakTypographyProps, OakUL, type OakULProps, type OakUiRoleToken, isValidIconName, oakAllSpacingTokens, oakBorderRadiusTokens, oakBorderWidthTokens, oakBoxCss, oakColorTokens, oakDefaultTheme, oakDropShadowTokens, oakFontSizeTokens, oakFontTokens, oakHeadingTags, oakIconNames, oakInnerPaddingTokens, oakOpacityTokens, oakSpaceBetweenTokens, oakTransitionTokens, oakUiRoleTokens };
+export { HeadingTagComponent, type OakAllSpacingToken, OakBackLink, type OakBackLinkProps, type OakBorderRadiusToken, type OakBorderWidthToken, OakBox, type OakBoxProps, OakBulletList, type OakBulletListProps, OakCardHeader, type OakCardHeaderprops, OakCheckBox, type OakCheckBoxProps, OakCloudinaryConfigProvider, OakCloudinaryImage, type OakCloudinaryImageProps, OakCollapsibleContent, type OakCollapsibleContentProps, type OakColorToken, type OakCombinedColorToken, type OakCombinedSpacingToken, type OakDropShadowToken, OakFieldError, type OakFieldErrorProps, OakFlex, type OakFlexProps, type OakFontSizeToken, type OakFontToken, OakForm, type OakFormProps, OakGrid, OakGridArea, type OakGridAreaProps, type OakGridProps, type OakHandDrawnBoxWithIconProps, OakHandDrawnCard, type OakHandDrawnCardProps, OakHandDrawnCardWithIcon, OakHeading, type OakHeadingProps, type OakHeadingTag, OakHintButton, type OakHintButtonProps, OakIcon, type OakIconName, type OakIconProps, OakImage, type OakImageProps, type OakInfoCardProps, type OakInnerPaddingToken, OakLI, type OakLIProps, OakLabel, type OakLabelProps, OakLessonBottomNav, type OakLessonBottomNavProps, OakLessonInfoCard, OakLessonLayout, type OakLessonLayoutProps, OakLessonNavItem, type OakLessonNavItemProps, OakLessonReviewItem, type OakLessonReviewItemProps, OakLessonTopNav, type OakLessonTopNavProps, OakLessonVideoTranscript, OakLink, type OakLinkProps, OakLoadingSpinner, type OakLoadingSpinnerProps, OakMaxWidth, OakOL, type OakOLProps, type OakOpacityToken, OakP, type OakPProps, OakPrimaryButton, type OakPrimaryButtonProps, OakPrimaryInvertedButton, type OakPrimaryInvertedButtonProps, OakPrimaryNav, OakPrimaryNavItem, type OakPrimaryNavItemProps, type OakPrimaryNavProps, OakPromoTag, OakQuizCheckBox, type OakQuizCheckBoxProps, OakQuizCounter, type OakQuizCounterProps, OakQuizFeedback, type OakQuizFeedbackProps, OakQuizHint, type OakQuizHintProps, OakQuizRadioButton, type OakQuizRadioButtonProps, OakQuizTextInput, OakRadioButton, OakRadioGroup, OakRoundIcon, type OakRoundIconProps, OakSecondaryButton, type OakSecondaryButtonProps, type OakSpaceBetweenToken, OakSpan, type OakSpanProps, OakStaticMessageCard, OakSubjectIcon, type OakSubjectIconProps, OakTertiaryButton, OakTextInput, type OakTextInputProps, type OakTheme, OakThemeProvider, type OakThemeProviderProps, OakTooltip, type OakTransitionToken, OakTypography, type OakTypographyProps, OakUL, type OakULProps, type OakUiRoleToken, isValidIconName, oakAllSpacingTokens, oakBorderRadiusTokens, oakBorderWidthTokens, oakBoxCss, oakColorTokens, oakDefaultTheme, oakDropShadowTokens, oakFontSizeTokens, oakFontTokens, oakHeadingTags, oakIconNames, oakInnerPaddingTokens, oakOpacityTokens, oakSpaceBetweenTokens, oakTransitionTokens, oakUiRoleTokens };

package/package.json

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