@oaknational/oak-components 2.17.0 → 2.17.1
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 +3 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/types.d.ts +27 -16
- package/package.json +1 -1
package/dist/types.d.ts
CHANGED
|
@@ -686,6 +686,8 @@ declare const parseFontSize: (font?: OakFontToken | null) => string | null | und
|
|
|
686
686
|
declare const parseLineHeight: (font?: OakFontToken | null) => string | null | undefined;
|
|
687
687
|
declare const parseLetterSpacing: (font?: OakFontToken | null) => "0.0115rem" | "-0.005rem" | undefined;
|
|
688
688
|
|
|
689
|
+
declare const parseBorderRadius: (value?: OakBorderRadiusToken | null) => string | undefined;
|
|
690
|
+
|
|
689
691
|
declare const parseZIndex: (value?: OakZIndexToken | number) => number | undefined;
|
|
690
692
|
|
|
691
693
|
declare const icons: {
|
|
@@ -2729,21 +2731,6 @@ type OakSearchFilterCheckBoxProps = Omit<BaseCheckBoxProps, "defaultChecked"> &
|
|
|
2729
2731
|
*/
|
|
2730
2732
|
declare const OakSearchFilterCheckBox: (props: OakSearchFilterCheckBoxProps) => React__default.JSX.Element;
|
|
2731
2733
|
|
|
2732
|
-
type Status = "error" | "selected" | "neutral";
|
|
2733
|
-
type OakCATQuestionProps = {
|
|
2734
|
-
questionNumber: number;
|
|
2735
|
-
status: Status;
|
|
2736
|
-
initialOpen?: boolean;
|
|
2737
|
-
questionTypeInput: ReactNode;
|
|
2738
|
-
questionStem: ReactNode;
|
|
2739
|
-
answersSection: ReactNode;
|
|
2740
|
-
hintInput: ReactElement;
|
|
2741
|
-
feedbackInput: ReactElement;
|
|
2742
|
-
hintInputId: string;
|
|
2743
|
-
feedbackInputId: string;
|
|
2744
|
-
};
|
|
2745
|
-
declare const OakCATQuestion: (props: OakCATQuestionProps) => React__default.JSX.Element;
|
|
2746
|
-
|
|
2747
2734
|
interface OakCaptionCardProps {
|
|
2748
2735
|
captionId: string;
|
|
2749
2736
|
videoTitle: string;
|
|
@@ -5468,6 +5455,30 @@ declare const OakUL: styled_components.StyledComponent<"ul", styled_components.D
|
|
|
5468
5455
|
$reset?: boolean | undefined;
|
|
5469
5456
|
}, never>;
|
|
5470
5457
|
|
|
5458
|
+
type UnstyledChevronAccordionProps = {
|
|
5459
|
+
/** The header of the accordion. */
|
|
5460
|
+
header: ReactNode;
|
|
5461
|
+
/** Whether the accordion should be open initially. */
|
|
5462
|
+
isInitiallyOpen?: boolean;
|
|
5463
|
+
/** The content of the accordion. */
|
|
5464
|
+
content: ReactNode;
|
|
5465
|
+
/** Optional subheader to display above the fold. */
|
|
5466
|
+
subheader?: ReactNode;
|
|
5467
|
+
/** The id of the accordion. */
|
|
5468
|
+
id: string;
|
|
5469
|
+
/** Aria label for the button when the accordion is open. */
|
|
5470
|
+
ariaLabelOpen?: string;
|
|
5471
|
+
/** Aria label for the button when the accordion is closed. */
|
|
5472
|
+
ariaLabelClose?: string;
|
|
5473
|
+
} & FlexStyleProps & OakBoxProps & ColorStyleProps;
|
|
5474
|
+
/**
|
|
5475
|
+
* - UnstyledChevronAccordion has a chevron icon that rotates when the accordion is open.
|
|
5476
|
+
* - Unlike InternalChevronAccordion, it has no border effects for hover or focus states.
|
|
5477
|
+
* - Only the chevron is interactive so as to allow interactive elements to be placed in the header.
|
|
5478
|
+
* - The intention is for these to be added by consuming components as needed.
|
|
5479
|
+
*/
|
|
5480
|
+
declare const UnstyledChevronAccordion: ({ isInitiallyOpen, ...props }: UnstyledChevronAccordionProps) => React__default.JSX.Element;
|
|
5481
|
+
|
|
5471
5482
|
/**
|
|
5472
5483
|
*
|
|
5473
5484
|
* Currently this is just for storybook as it is already applied in OWA
|
|
@@ -5513,4 +5524,4 @@ declare const useIsScrolled: () => {
|
|
|
5513
5524
|
|
|
5514
5525
|
declare const useBreakpoint: () => Device;
|
|
5515
5526
|
|
|
5516
|
-
export { type BannerTypes, type Consent, HeadingTagComponent, IconDown, IconUp, type InternalQuizResultItemProps, type LessonSectionName$1 as LessonSectionName, type MenuItemProps, OakAccordion, type OakAccordionProps, type OakAllSpacingToken, OakAnchorTarget, type OakAnchorTargetProps, OakAspectRatio, type OakAspectRatioProps, OakBackLink, type OakBackLinkProps, OakBasicAccordion, type OakBasicAccordionProps, type OakBorderRadiusToken, type OakBorderWidthToken, OakBox, type OakBoxProps, type OakBreadcrumb, type OakBreadcrumbWithoutHref, OakBreadcrumbs, type OakBreadcrumbsProps, OakBulletList, type OakBulletListProps, OakButtonAsRadioGroup, OakButtonWithDropdown, type OakButtonWithDropdownProps,
|
|
5527
|
+
export { type BannerTypes, type Consent, HeadingTagComponent, IconDown, IconUp, type InternalQuizResultItemProps, type LessonSectionName$1 as LessonSectionName, type MenuItemProps, OakAccordion, type OakAccordionProps, type OakAllSpacingToken, OakAnchorTarget, type OakAnchorTargetProps, OakAspectRatio, type OakAspectRatioProps, OakBackLink, type OakBackLinkProps, OakBasicAccordion, type OakBasicAccordionProps, type OakBorderRadiusToken, type OakBorderWidthToken, OakBox, type OakBoxProps, type OakBreadcrumb, type OakBreadcrumbWithoutHref, OakBreadcrumbs, type OakBreadcrumbsProps, OakBulletList, type OakBulletListProps, OakButtonAsRadioGroup, OakButtonWithDropdown, type OakButtonWithDropdownProps, OakCaptionCard, type OakCaptionCardProps, OakCaptionSearch, type OakCaptionSearchProps, OakCard, OakCardHeader, type OakCardHeaderprops, type OakCardProps, OakCardWithHandDrawnBorder, type OakCardWithHandDrawnBorderProps, OakCarousel, type OakCarouselProps, OakCheckBox, type OakCheckBoxProps, OakCloseButton, type OakCloseButtonProps, OakCloudinaryConfigProvider, OakCloudinaryImage, type OakCloudinaryImageProps, OakCodeRenderer, type OakCodeRendererProps, OakCollapsibleContent, type OakCollapsibleContentProps, type OakColorFilterToken, type OakColorToken, type OakCombinedSpacingToken, OakCookieBanner, type OakCookieBannerProps, OakCookieConsent, OakCookieConsentContext, type OakCookieConsentProps, OakCookieConsentProvider, OakCookieSettingsModal, type OakCookieSettingsModalProps, OakCopyLinkButton, OakDownloadCard, type OakDownloadCardProps, OakDownloadsAccordion, type OakDownloadsAccordionProps, OakDownloadsJourneyChildSubjectTierSelector, type OakDownloadsJourneyChildSubjectTierSelectorProps, OakDragAndDropInstructions, OakDraggable, OakDraggableFeedback, type OakDropShadowToken, OakDroppable, type OakDroppableProps, OakFieldError, type OakFieldErrorProps, OakFieldset, type OakFieldsetProps, OakFilterDrawer, OakFlex, type OakFlexProps, OakFocusIndicator, type OakFocusIndicatorProps, type OakFontSizeToken, type OakFontToken, OakForm, OakFormInput, type OakFormInputProps, OakFormInputWithLabels, type OakFormInputWithLabelsProps, type OakFormProps, OakGlobalStyle, OakGrid, OakGridArea, type OakGridAreaProps, type OakGridProps, type OakHandDrawnBoxWithIconProps, OakHandDrawnCard, type OakHandDrawnCardProps, OakHandDrawnCardWithIcon, OakHandDrawnFocusUnderline, type OakHandDrawnFocusUnderlineProps, OakHandDrawnHR, type OakHandDrawnHRProps, OakHeaderHero, type OakHeaderHeroProps, OakHeading, type OakHeadingProps, type OakHeadingTag, OakHintButton, type OakHintButtonProps, OakHomepageTabButton, type OakHomepageTabButtonProps, OakHoverLink, type OakHoverLinkProps, OakIcon, type OakIconName, type OakIconProps, OakImage, type OakImageProps, OakInfo, OakInfoButton, type OakInfoButtonProps, type OakInfoCardProps, type OakInfoProps, OakInformativeModal, OakInformativeModalBody, type OakInformativeModalBodyProps, OakInformativeModalBorderColor, type OakInformativeModalCloseAction, OakInformativeModalFooter, type OakInformativeModalFooterProps, type OakInformativeModalProps, OakInlineBanner, type OakInlineBannerProps, type OakInlineBannerTypes, type OakInlineBannerVariantProps, type OakInlineBannerVariants, OakInlineRegistrationBanner, type OakInlineRegistrationBannerProps, type OakInnerPaddingToken, OakJauntyAngleLabel, type OakJauntyAngleLabelProps, OakKbd, type OakKbdProps, OakLI, type OakLIProps, OakLabel, type OakLabelProps, OakLeftAlignedButton, type OakLeftAlignedButtonProps, OakLessonBottomNav, type OakLessonBottomNavProps, OakLessonInfoCard, OakLessonLayout, type OakLessonLayoutProps, OakLessonNavItem, type OakLessonNavItemProps, OakLessonReviewIntroVideo, type OakLessonReviewIntroVideoProps, OakLessonReviewItem, type OakLessonReviewItemProps, OakLessonReviewQuiz, OakLessonTopNav, type OakLessonTopNavProps, OakLessonVideoTranscript, OakLink, OakLinkCard, type OakLinkCardProps, type OakLinkProps, OakListItem, type OakListItemProps, OakLoadingSpinner, type OakLoadingSpinnerProps, OakMaxWidth, OakMediaClip, OakMediaClipList, OakMediaClipListAccordion, type OakMediaClipListProps, type OakMediaClipProps, OakMediaClipStackListItem, type OakMediaClipStackListItemProps, OakModalCenter, OakModalCenterBody, type OakModalCenterBodyProps, type OakModalCenterProps, OakMultilineText, type OakMultilineTextProps, OakOL, type OakOLProps, type OakOpacityToken, OakOptGroup, type OakOptGroupProps, OakOption, type OakOptionProps, OakOutlineAccordion, type OakOutlineAccordionProps, OakP, type OakPProps, OakPagination, type OakPaginationProps, OakPrimaryButton, type OakPrimaryButtonProps, OakPrimaryInvertedButton, type OakPrimaryInvertedButtonProps, OakPrimaryNav, OakPrimaryNavItem, type OakPrimaryNavItemProps, type OakPrimaryNavProps, OakPromoTag, type OakPromoTagProps, type OakPupilContentGuidance, OakPupilJourneyContentGuidance, type OakPupilJourneyContentGuidanceProps, OakPupilJourneyHeader, type OakPupilJourneyHeaderProps, OakPupilJourneyLayout, type OakPupilJourneyLayoutProps, OakPupilJourneyList, OakPupilJourneyListCounter, OakPupilJourneyListItem, OakPupilJourneyListItemSubheading, type OakPupilJourneyListItemSubheadingProps, type OakPupilJourneyListProps, OakPupilJourneyOptionalityButton, OakPupilJourneyOptionalityItem, type OakPupilJourneyOptionalityItemProps, OakPupilJourneyProgrammeOptions, type OakPupilJourneyProgrammeOptionsProps, OakPupilJourneyUnitsFilter, type OakPupilJourneyUnitsFilterProps, OakPupilJourneyYearButton, type OakPupilJourneyYearButtonProps, OakQuizCheckBox, type OakQuizCheckBoxProps, OakQuizCounter, type OakQuizCounterProps, OakQuizFeedback, type OakQuizFeedbackProps, OakQuizHint, type OakQuizHintProps, OakQuizMatch, OakQuizMatchItemId, type OakQuizMatchProps, OakQuizOrder, type OakQuizOrderProps, OakQuizOrderitemId, OakQuizPrintableHeader, type OakQuizPrintableHeaderProps, OakQuizPrintableSubHeader, type OakQuizPrintableSubHeaderProps, OakQuizRadioButton, type OakQuizRadioButtonProps, OakQuizResultItem, OakQuizTextInput, OakQuote, type OakQuoteProps, OakRadioAsButton, type OakRadioAsButtonProps, OakRadioButton, OakRadioGroup, type OakRadioGroupProps, OakRadioTile, type OakRadioTileProps, OakRoundIcon, type OakRoundIconProps, OakSaveButton, type OakSaveButtonProps, OakSaveCount, type OakSaveCountProps, OakScaleImageButton, type OakScaleImageButtonProps, OakScreenReader, OakSearchFilterCheckBox, type OakSearchFilterCheckBoxProps, OakSecondaryButton, OakSecondaryButtonAsRadio, type OakSecondaryButtonAsRadioProps, type OakSecondaryButtonProps, OakSecondaryButtonWithDropdown, type OakSecondaryButtonWithDropdownProps, OakSecondaryLink, type OakSecondaryLinkProps, OakSelect, type OakSelectProps, OakSideMenuNav, OakSideMenuNavLink, type OakSideMenuNavLinkProps, type OakSideMenuNavProps, OakSignLanguageButton, OakSmallPrimaryButton, type OakSmallPrimaryButtonProps, OakSmallPrimaryInvertedButton, type OakSmallPrimaryInvertedButtonProps, OakSmallSecondaryButton, type OakSmallSecondaryButtonProps, OakSmallSecondaryButtonWithDropdown, type OakSmallSecondaryButtonWithDropdownProps, OakSmallSecondaryToggleButton, type OakSmallSecondaryToggleButtonProps, OakSmallTertiaryInvertedButton, type OakSmallTertiaryInvertedButtonProps, type OakSolidBorderAccordionProps, type OakSpaceBetweenToken, OakSpan, type OakSpanProps, OakStaticMessageCard, OakSubjectIcon, OakSubjectIconButton, type OakSubjectIconButtonProps, type OakSubjectIconProps, OakSvg, type OakSvgNames, type OakSvgProps, OakTabs, type OakTabsProps, OakTagFunctional, type OakTagFunctionalProps, OakTeacherNotesInline, type OakTeacherNotesInlineProps, OakTeacherNotesModal, type OakTeacherNotesModalProps, OakTertiaryButton, OakTertiaryInvertedButton, OakTertiaryOLNav, type OakTertiaryOLNavProps, OakTextArea, type OakTextAreaProps, OakTextInput, type OakTextInputProps, type OakTheme, OakThemeProvider, type OakThemeProviderProps, OakTimer, type OakTimerProps, OakToast, type OakToastProps, OakTooltip, type OakTooltipProps, type OakTransitionToken, OakTypography, type OakTypographyProps, OakUL, type OakULProps, type OakUiRoleToken, OakUnitListItem, type OakUnitListItemProps, OakUnitListOptionalityItem, OakUnitListOptionalityItemCard, type OakUnitListOptionalityItemCardProps, type OakUnitListOptionalityItemProps, OakVideoTranscript, type OakZIndexToken, type Phase$1 as Phase, type PolicyConsent, type PupilJourneySectionName, RadioContext, ReviewItemContainer, ReviewItemTitleSection, StyledMediaClipImage, type Subject, type Tier, type TileItem, UnstyledChevronAccordion, type UnstyledChevronAccordionProps, announcements, bannerTypes, bannerVariants, colorSchemes, formatTimeCode, generateOakIconURL, getBackgroundUrlForSection, getDefaultContextState, installMockIntersectionObserver, installMockResizeObserver, isTileItem, isValidIconName, lessonSectionNames, oakAllSpacingTokens, oakBorderRadiusTokens, oakBorderWidthTokens, oakBoxCss, oakColorTokens, oakDarkTheme, oakDefaultTheme, oakDropShadowTokens, oakFlexCss, oakFontSizeTokens, oakFontTokens, oakHeadingTags, oakIconNames, oakInnerPaddingTokens, oakLIDefaults, oakOpacityTokens, oakPlaceholder, oakSpaceBetweenTokens, oakTransitionTokens, oakUiRoleTokens, oakZIndexTokens, parseBorder, parseBorderRadius, parseColor, parseColorFilter, parseDropShadow, parseFontSize, parseFontWeight, parseLetterSpacing, parseLineHeight, parseOpacity, parseSpacing, parseTransitions, parseZIndex, placeholderStyles, removedGuidanceDuplicates, rgbToHex, useBreakpoint, useCookieConsent, useDevice, useIsScrolled, useMediaQuery, useMounted };
|